/* CSS Document */
body {
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/index/blue-bg.jpg) repeat-x left top #31548C;
	font-size: 14px; /* Fix IE5 Win */
	font-size: 14px; text-align: left; 
}
#container	{
	margin: 0 auto; 
	padding: 0;
	width: 960px;
	text-align: left; 
	position: relative; 
	background-color: #FFFFFF; /* White */ 
}

/* centre */ 
.centre { text-align:left; font-family: Arial, Helvetica, sans-serif; padding: 0 15px 10px 15px; }
.centre02 { text-align:left; font-family: Arial, Helvetica, sans-serif; padding: 0 5px 5px 5px; }

/* Menu Vertical */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowlistmenu{
width: 190px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(../img/menu/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase; text-align:left;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu ul{
list-style-type: none; 
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #000000;
background: url(../img/menu/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block; text-align:left;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #000000;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FF0000;
background-color: #F3F3F3;
}
/* Fin Menu Vertical */

/*** set the width and height to match your images **/

#slideshow {
	height:230px; width:720px;
    position: relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* texte */
h1 { font-size: 24px; font-weight: Bold; font-family: Arial, Helvetica, sans-serif; color: #1E4A63; }
h1#left  { font-size: 24px; font-weight: Bold; font-family: "Arial Narrow", Arial, sans-serif; color: #000000; margin:0px; padding: 0 0 10px 0; text-align:left; }
h1#centrer  { font-size: 24px; font-weight: Bold; font-family: "Arial Narrow", Arial, sans-serif; color: #000000; margin:0px; padding: 0 0 10px 0; text-align:center; }
h1#header  { font-size: 28px; font-weight: Bold; font-family: "Arial Narrow", Arial, sans-serif; color: #000000; margin:0px; padding: 0 0 10px 0; text-align:center; }

h2 { font-size: 20px; font-weight: Bold; font-family: Arial, Helvetica, sans-serif; color: #1E4A63; }
h2#left { font-size: 20px; font-weight: Bold; font-family: Andalus, Arial, sans-serif; color: #001F8C; text-align:left; margin:0px; padding:0px; }
h2#lefttitre { font-size: 20px; font-weight: Bold; font-family: "Arial Narrow", Arial, sans-serif; color: #000000; text-align:left; margin:0px; padding:0px; }
h2#adresse { font-size: 22px; font-weight: Bold; font-family: "Arial Narrow", Arial, sans-serif; color: #000000; text-align:center; margin:0px; padding:0px; }
h2#phone { font-size: 16px; font-weight: Bold; font-family: Arial, Helvetica, sans-serif; color: #FF0000; text-align:left; margin:0px; padding:0px; }
h2#adresse16 { font-size: 18px; font-weight: Bold; font-family: "Arial Narrow", Arial, sans-serif; color: #000000; text-align:center; margin:0px; padding:0px; }
h2#phone16 { font-size: 16px; font-weight: Bold; font-family: Andalus, Arial, sans-serif; color: #FF0000; text-align:center; margin:0px; padding:0px; }

h2#formations  { font-size: 22px; font-weight: Bold; font-family: "Arial Narrow", Arial, sans-serif; color: #000000; margin:0px; padding: 0 0 10px 0; text-align:left; }


h3 { font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
h3#modules  { font-size: 18px; font-weight: Bold; font-family: "Arial Narrow", Arial, sans-serif; color: #000000; margin:0px; padding:5px; text-align:left; }
h3#terms  { font-size: 16px; font-weight: bold; font-family: "Arial Narrow", Arial, sans-serif; color: #000000; margin:0px; padding:10px 0px 5px 0px; text-align:left; }

.bleu { font-size: 16px; color: #000000; text-align:justify; font-family: "Arial Narrow", Arial, sans-serif; }
.bleuright { font-size: 16px; color: #000000; text-align: right; font-family: "Arial Narrow", Arial, sans-serif; }
.bleucenter { font-size: 16px; color: #000000; text-align: center; font-family: "Arial Narrow", Arial, sans-serif; }

.rouge { font-size: 16px; color: #FF0000; text-align:justify; font-family: Andalus, Arial, sans-serif; }


/* links rouge */
a.linkred { font-family: Andalus, Arial, sans-serif; font-size: 16px; color: #FF0000; font-weight: bold; text-decoration: none; }
a.linkred:link { font-family: Andalus, Arial, sans-serif; font-size: 16px; color:#FF0000; font-weight: bold; text-decoration: none; }
a.linkred:hover { font-family: Andalus, Arial, sans-serif; font-size: 16px; color:#FF0000; font-weight: bold; text-decoration: underline; }
/* links bleu */
a.linkbleu { font-family: "Arial Narrow", Arial, sans-serif; font-size: 16px; color: #000000; font-weight: bold; text-decoration: none; }
a.linkbleu:link { font-family: "Arial Narrow", Arial, sans-serif; font-size: 16px; color:#000000; font-weight: bold; text-decoration: none; }
a.linkbleu:hover { font-family: "Arial Narrow", Arial, sans-serif; font-size: 16px; color:#FF0000; font-weight: bold; text-decoration: underline; }


/* footer */
h1#footer { text-align: center; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0px; padding:0px; font-weight:100; }
h1#footer2 { text-align: center; color:#B3A48D; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0px; padding:0px; font-weight:100; }
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
.bas { background-color: #509CC6; color: #FFFFFF; }
a.linkfooter { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration:none; }
a.linkfooter:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; font-weight: bold; text-decoration:none; }
a.linkfooter:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#1E4A63; font-weight: bold; text-decoration:none; }

/* ------------------------- Formulaire ---------------------------- */
INPUT.submit { font-size: 16px; color: #003D59; Font-Family : Arial, Helvetica, sans-serif;  font-style: normal;Font-Weight : Bold; background-color : #7BAEC6; border-right: 1px solid; border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; border-color: #003D59;
}
INPUT.reset { font-size: 17px; color: #003D59; Font-Family : Arial, Helvetica, sans-serif; font-style: normal;Font-Weight : Bold; background-color : #7BAEC6; border-right: 1px solid; border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; border-color: #003D59;
}
.obli {color: #ff0000; Font-Family : Arial, Helvetica, sans-serif; }
INPUT { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
SELECT { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
TEXTAREA { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.txterror { color: #FF0000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align:left; }
.txterror12 { color: #FF0000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align:left; }
.txtform { color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.txtform2 { margin-left:5px; margin-right:5px; color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
TT { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight:bold; }
legend { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
fieldset{ background-color:#F7F7F7;  }


/*  ---------------------- Mentions legales ---------------------------- */
.titrelegales { padding: 4px 0 4px 0; font-weight: bold; font-size: 14px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: left; }
.textlegales { padding: 0 6px 0 6px; font-weight: normal; font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: justify; }
a.textlegales { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; padding: 0px; text-align:justify; }
a.textlegales:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; text-align:justify; }
a.textlegales:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: none; text-align:justify; }


/* ------------------------ Annuaires ------------------------------ */
.titreannu { font-size: 12px; color: #000000; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; background-color: #EFF3FC; text-align:center; }
.annuaires { font-size: 10px; color: #000000; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#5DA8CF; }
a.annuaires { font-size: 10px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight: normal; text-align:center; }
a.annuaires:link { font-size: 10px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; text-align:center; }
a.annuaires:hover {	font-size: 10px; color: #1E4A63; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; text-align:center; }
.lettre { font-size: 12px; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; }
.liste2 { font-size: 12px; color:#014782; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#FFFFFF; }
.liste { font-size: 8px; color:#5DA8CF; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#5DA8CF; }