/* Feuille de style pour la charte graphique du site

 * Cette feuille de style est appelée depuis style.css.

 */



/***************** STRUCTURE *****************/

body,html{

	margin:0px;

	margin-left: auto;

	margin-right: auto;

	padding:0px;

	height:100%;

	width:100%;

	color: #FAF9E8;

	background-color: #69738A;

	background-image:url(../../images/charte/bg-body.gif);

	background-repeat: repeat-x;

	background-position: 0px 0px;

/*	scrollbar-base-color: #69738A;*/

}

#container{

	margin-left: auto;

	margin-right: auto;

	padding:0px;

	width:980px;

	height:100%;

	background: url(../../images/charte/bg-container.gif);

	background-position: 0px 0px;

	background-repeat: repeat-y;

}

#container2{

	margin:0px;

	padding:0px 0px 20px 0px;

	background: url(../../images/charte/bg-contenu.jpg);

	background-position: bottom right;

	background-repeat: no-repeat;

}

#container3{

	margin-right:auto;

	margin-left:auto;

	padding:0;

	width:980px;

}

#header{

	margin:0px;

	margin-right:auto;

	margin-left:auto;

	padding:0px;

	width:980px;

	height:225px;

}



a:focus{

  outline: none;

}



/***************** MENU NAVIGATION *****************/



dl, dt, dd, ul, li {

margin: 0;

padding: 0;

list-style-type: none;

}

#menu {

margin:15px 11px 0px 35px;

padding:10px 0px 0px 0px ;



}

#menu {

width: 161px;

}

#menu dt {

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color: #FFFFFF;

background-color: #44567D;

font-weight: bold;

cursor: pointer;

margin: 20px 0px 20px 0px;

height: 10px;

line-height: 5px;

text-align: left;

border: 0px solid gray;

padding-right:0px;

padding-bottom:2px;

border-bottom:1px solid #E4C391;



}

#menu dd {

border: 0px solid gray;

}

#menu li {

font-family:Arial, Helvetica, sans-serif;

color: #FFFFFF;

background-color: #44567D;

font-size:11px;

text-align: left;

margin-left:10px;

}

#menu li a, #menu dt a {

color: #FFFFFF;

background-color: #44567D;

text-decoration: none;

display: block;

border: 0 none;

height: 100%;

}



#menu li a:hover, #menu dt a:hover {

color: #9086BD;

background-color: #FAF9E8;

}





/***************** CONTENU *****************/





#contenu{

	margin:10px 100px 10px 100px;

	padding:0;

	width:780px;

}





.imprimer{

   clear:both;

	 text-align:right;

	 width:100%;

}

.txt1{

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size: 11pt;

	font-weight: normal;

	color: /*#faf9e8; /*blanc*/ #44567D;

	background-color: transparent;

}

.txt2{

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size: 11pt;

	font-weight: bold;

	color: #44567D;

}

.txt3{

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size: 10pt;

	font-weight: normal;

	font-style: italic;

}

.txt4{

	color: #FAF9E8;

	font-weight: bold;

	font-size: 11pt;

}

.txt5{

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size: 14px;

	font-weight: bold;

	color: #800000;

	height: 25px;

}

.txt6{

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size: 14px;

	font-weight: bold;

	color: #44567D;

	height: 25px;

}

.txt7{

	font-family: "Times New Roman", Times, serif;

	font-size: 20px;

	font-weight: bold;

	color: #FAF9E8;

	margin-top: 20px;

}

.txt8{/* sub-titles in the formations_modules.php */

	text-transform: uppercase;

	font-family: Tahoma;

	font-weight: bolder;

	color: #590000;

	font-size: 15px;

}

.txt9{

	font-family: Tahoma, "Times New Roman", Times, serif, "Courier New", Courier, monospace !important;

	text-decoration: none;

	font-weight: bold;

	color: #3E4E72;

	font-size: 14px;

	text-align: right;

	padding-right: 10px;

}

.txt10{

	font-family: Tahoma, "Times New Roman", Times, serif, "Courier New", Courier, monospace !important;

	font-weight:bold;

	color: #44567D;

	font-size: 13px !important;

	padding-left: 3px;

}

.txt10 a{ 

	text-decoration: underline; 

	color: #44567D;	

	}

.txt10 ul li{

	background-image: url(../../images/charte/bullet9.gif);

	background-position: 0px 4px;

	background-repeat: no-repeat;

	margin: 0px;

	padding: 0px 0px 0px 15px;

	line-height: 150%;

}

.txt11{

	width: 170px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #F7F6EF;

	color: #3F3579;

}

.txt12{

	padding-top: 20px;

	text-align: center;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #595959;

}

.txt13{

	bottom: 0px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #595959;

}

.txt14{

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #5D6F92;

}

.txt15{

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: bold;

	color: #1C4BB0;

}

.title3{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #003290;

	font-size: 14pt;

}



/*.ref_title{

	margin-top: 10px;

	font-weight: bold;

	float: left;

	display: block;

	width: 400px;

	color: #9D070D;

}

.ref_text{

	font-weight:normal;

	float: left;

	display: block;

	width: 400px;

	color: #44567D;

}*/

.bullet1 li {

	/*background-image: url(../../images/charte/bullet1.gif);

	background-position: 0px 3px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 10px;

	padding: 0px 0px 0px 20px;

	line-height: 180%;

	font-weight: bold;

	color: #44567D;*/

	background-image: url(../../images/charte/bullet10.gif);

	background-position: 0px 5px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 0px;

	padding: 1px 0px 0px 25px;

	line-height: 180%;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 10pt;

	color: /*#44567D;*/ #faf9e8;

	/*text-transform: lowercase;*/

}

.bullet_forma li {

	background-image: url(../../images/charte/bullet10.gif);

	background-position: 0px 5px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 0px;

	padding: 1px 0px 0px 25px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 10pt;

	line-height: 180%;

	color: /*#44567D;*/ #faf9e8;

	width:85%;

	text-align:justify;

	/*text-transform: lowercase;*/

}

.bullet_forma .big {

	text-decoration:underline;}

	

.bullet2 li{

	background-image: url(../../images/charte/bullet2.gif);

	background-position: 0px 5px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 5px;

	padding: 0px 0px 0px 25px;

	line-height: 150%;

	font-weight: bold;

}

.bullet3{

	background-image: url(../../images/charte/bullet3.gif);

	background-position: 0px 5px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 5px;

	padding: 0px 0px 0px 25px;

	line-height: 150%;

	font-weight: bold;

	color: #67050A;

}

.bullet4 li{

	background-image: url(../../images/charte/bullet1.gif);

	background-position: 0px 3px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 10px;

	padding: 0px 0px 0px 20px;

	line-height: 150%;

	font-weight: bold;

	font-size: 11pt;

	width:85%;

	text-align:justify;

	color: /*#44567D;*/ #faf9e8;

}

.bullet4 a{

	color: #faf9e8; text-decoration:none;

}

.bullet5 li{

	background-image: url(../../images/charte/bullet1.gif);

	background-position: 0px 2px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 10px;

	padding: 0px 0px 0px 20px;

	line-height: 150%;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 10pt;

	color: /*#44567D;*/ #faf9e8;

}

.bullet6{

	background-image: url(../../images/charte/bullet5.gif);

	background-position: 0px 5px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 15px;

	line-height: 150%;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 10pt;

	color: /*#44567D;*/ #faf9e8;

}

.bullet7, .bullet8, .bulletgpec {

	padding: 0px;

	margin: 0px;

	color: #44567D;

}

.bullet7 li, .bulletgpec li{

	background-image: url(../../images/charte/bullet7.gif);

	background-position: 0px 2px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 20px;

	line-height: 150%;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 10pt;

}

.bulletgpec li{

 font-weight:normal;

}

.bullet7 li{

	background-image: url(../../images/charte/bullet7.gif);

	background-position: 0px 2px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 20px;

	line-height: 150%;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 10pt;

}

.bullet8 {

	background-image: url(../../images/charte/bullet8.gif);

	background-position: 0px 5px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 15px;

	line-height: 150%;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 10pt;

}

.bullet9{

	/*background-image: url(../../images/charte/bullet4.gif);*/

background-image: url(../../images/charte/bullet1.gif);	

	background-position: 0px 5px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 10px;

	padding: 0px 0px 0px 20px;

	line-height: 150%;

	font-weight: bold;

	font-size: 10pt;

	color: /*#44567D;*/ #faf9e8;

}

.bullet10{

	background-image: url(../../images/charte/bullet10.gif);

	background-position: 0px 5px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 0px;

	padding: 1px 0px 0px 25px;

	line-height: 180%;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 10pt;

	color: /*#44567D;*/ #faf9e8;

	/*text-transform: lowercase;*/

}

.list1 li{

	/*list-style-type: decimal;

	color: #44567D;

	font-weight: bold;*/

	background-image: url(../../images/charte/bullet10.gif);

	background-position: 0px 5px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 0px;

	padding: 1px 0px 0px 25px;

	line-height: 180%;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 10pt;

	color: /*#44567D;*/ #faf9e8;	

}



.reference{

	color: #696969;

	display: inline;

	height: 90px;

}

.link1:link, .link1:visited{

	display: block;

/*	background-image: url(../../images/charte/plus_up.gif);

	background-position: top right;

	background-repeat: no-repeat;*/

	font-family: Tahoma, "Times New Roman", Times, serif, "Courier New", Courier, monospace !important;

	text-decoration: none;

	font-weight: bold;

	color: #6C0000;

	font-size: 15px;

	padding: 2px 5px 7px 0px;

}

.link1:hover, .link1:active{

	color: #8B0000;

	display: block;

/*	background-image: url(../../images/charte/plus_ovr.gif);*/

	color: #FF0909 !important;

}

.link2:link, .link2:visited{

	color: #800000;

	font-size: 13px;

	font-weight: normal;

	text-decoration: none;

}

.link2:hover, .link2:active{

	color: #ff0000;

	text-decoration: underline;

}

.link3:link, .link3:visited{

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #EDECD3;

	text-decoration:underline;

}

.link3:hover, .link3:active{

	color: #AD0810;

}

.pagination{

	width: 89%;

	padding: 3px;

	text-align: center;

	background-color: #8E9BBA;

	border: 1px solid #A3B3D6;

	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #fff;

}

.pagination a{

	color: #F7F5D8;

	background-color: /*#5D6F92;

/*	border: 1px solid #fff;*/

	padding: 1px 2px 1px 2px;

	text-decoration: none;

}

.pagination a:hover {	

	background-color: #F7F5D8;

	color: #1B3DA0;

}

.tab1{

	background-color: #EDECD3;

	border: 1px solid #44567D;

	color: #44567D;

	padding: 0px 2px 0px 2px;

}





/*.............. Formations Detail Page .............*/



h3{text-align:left; 	color: /*#44567D;*/ #faf9e8;

}

.big{color: /*#44567D;*/ #faf9e8; font-weight:bold;}

}

#intervenant, #dates, #tarif, #info, #public, #pre, #place{

	margin: 20px 0px 20px 0px;

	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 8pt;

}

#object ul li, #program ul li, #method ul li{

	background-image: url(../../images/charte/bullet9.gif);

	background-position: 0px 2px;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 10px;

	padding: 0px 0px 0px 20px;

	line-height: 110%;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 10pt;

	color: #373737;

}

#program ol{

	margin: 0px 0px 0px 5px;

	padding: 5px 0px 5px 20px;

	font-weight: bold;

	color: #8B0000;

}

#title1, #title2, #object, #profil, #program, #method, #comment{

	font-family: Tahoma, "Times New Roman", Times, serif;

	font-size: 12px;

	color: #343434;

	padding: 3px;

}

#title1{

	font-size: 13pt;

	font-weight: bold;

	color: #800000;

	text-align: center;

	border-bottom: 1px solid #D1D9EB;

	padding: 2px;

}

#title2{

	font-family: "Times New Roman", Tahoma, Times, serif;

	font-size: 15.4pt;

	font-weight: bold;

	color: #373737;

	text-align: center;

	padding: 2px;

}

#backlink a{

	width: 75px;

	display: block;

	margin-left: 50px;

	text-align: center;

	text-decoration: none;

	color: #F7F5D8;

	background-color: #3E4E72;

	border: 1px solid #FAF9E8;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 9pt;

	font-weight: bold;

	padding: 0px 0px 1px 0px;

	cursor: pointer;

}

#backlink a:hover{

	background-color: #9D070D;

	cursor: pointer;

}

.backlink{

	width: 170px;

	display: block;

	text-align: center;

	text-decoration: none;

	color: #F7F5D8;

	background-color: #3E4E72;

	border: 1px solid #FFFFFF;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 9pt;

	font-weight: bold;

	cursor: pointer;

	margin: 0px 0px 0px 20px;

	padding: 1px 2px 2px 2px;

}

.backlink:hover{

	background-color: #9D070D;

	border: 1px solid #000000;

}

#program ol li{

	margin: 0px;

	padding: 0px;

}

#program ol li{

	list-style: decimal;

	margin: 0px;

	padding: 0px;

}

.txt1 a.footer-lien:link, .txt1 a.footer-lien:visited{ 

	text-decoration: underline; 

	color: #faf9e8;	

	}

/***************** FOOTER *****************/



#footer{

	margin:0px;

	padding:0px;

	height:39px;

	background:url(../../images/charte/bg-footer.gif);

	background-repeat: no-repeat;

	background-color: #69738A;

}

#footer-image{

	float:left;

	margin-left:22px;

}

#footer-menu{

	width:830px;

	text-align:center;

	font-family: Tahoma, verdana, "Times New Roman", Times, serif;

	font-size:0.6em;

	font-weight: bold;

	color:#1C4BB0;

	float:left;

	margin-top:8px;

	margin-left:0px

}

a.footer-lien:link, a.footer-lien:visited{ 

	text-decoration: none; 

	color: #44567D;	

	}

a.footer-lien:hover, a.footer-lien:active{  

	color: #9D070D;

}



a.footer-lien2:link, a.footer-lien2:visited{ 

	text-decoration: none; 

	color: #1C4BB0;

	font-size:10pt;

	}

a.footer-lien2:hover, a.footer-lien2:active{  

	color: #9D070D;

	font-size:10pt;

}

.adress{

	float: left;

	display: block;

	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight:bold;

	color: #cccccc;

	padding: 13px 0px 10px 120px;

	text-align: center;

}

.adress a{

	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight:bold;

	color: #d1d9eb;

	text-decoration: none;

}

.adress a:hover{

	color: #fff;

	text-decoration: underline;

}

/*........ Formulaire Contact .......*/



.inputForm{

	color: #293157;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: bold;

	background-color: #D1D9EB;

	border: 1px solid #9086BD;

	width: 150px;

	padding: 0px 2px 0px 2px;

}

.inputFormOver{

	color: #82060C;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: bold;

	background-color: #FCFDFE;

	border: 1px solid #1C4BB0;

	width: 150px;

	padding: 0px 2px 0px 2px;

}

#frmContact table tr td{

	color: #3E4E72;

	padding:2px;

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 8.75pt;

	font-weight: bold;

	letter-spacing: normal;

}

.button{

	border: 1px solid #3F3579;

	background-color: #44567D;

	color: #FAF9E8;

}

.buttonover{

	background-color: #FAF9E8;

	border: 1px solid #5D6F92;

	color: #3F3579;

	cursor: pointer;

}

.inputForm option{

	width: 200px;

}

.asterisc1{

	color: #F7F5D8;

	font-weight: bold;

}

a.contactez_nous{

	font-weight: bold;

	font-size: 11pt;

	color: #44567D;

	text-align:center;

	padding-left:380px;

	padding-top:20px;

}

a.contactez_nous:hover{

	font-weight: bold;

	font-size: 11pt;

	color: white;

	text-align:center;

	padding-left:380px;

	padding-top:20px;

}

.linkoff{

	color:#7685ab;

}

.linkon:link, .linkon:visited{

	color: #323f5c !important;

	padding: 1px 3px 1px 3px;

	background-color: #8e9bba;

	border: 1px solid #8E9BBA;

}

.linkon:hover, .linkon:active{

	color: #edecd3 !important;

	background-color: #495676 !important;

	border: 1px solid #8E9BBA;

}



.selection-box{

  width:368px;

	height: 500px;

  background: url(../../images/charte/bg-selection.jpg) no-repeat left top;

  float:left;

  }

.actualite-box{

  width:368px;

  background:url(../../images/charte/bg-selection.jpg) no-repeat left top;

  float:left;

	margin-bottom: 50px;

  }

.encart-box{

  width:294px;

	height: 180px;

  background: url(../../images/charte/bg-encart.jpg) no-repeat left top;

  float:left;

	margin-bottom: 10px;

  }

.encart-box1{

  width:294px;

	height: 230px;

  background:red url(../../images/charte/bg-encart1.gif) no-repeat left top;

  float:left;

	margin-bottom: 10px;

  }



  .selection-box p.title, .actualite-box p.title, .encart-box p.title, .encart-box1 p.title{

    color:#800000;

    font-weight:bold;

    text-align:center;

    padding-top:27px;

    margin:0;

    }

  .formation-box{

    margin:9px 25px 0px 15px;

    border-bottom:1px solid #C9D0DB;

	/*float:left;*/

    padding-bottom:3px;

    }

    .formation-box p.subtitle,

    .formation-box p.date{

      font:bold 13px verdana;

      margin:0;

      }

   .formation-box p.date{

      font:bold 11px verdana;

      background: url(../../images/charte/bullet8.gif) no-repeat left 4px;

      padding-left:12px;

      float:left;

      padding-top:3px;

      color:#697DA5;

      }

   .formation-box a{

      color:#ffffff;

      background-color: #771921;

      font-size:11px;

      padding:1px 3px;

      text-decoration:none;

      float:right;

      }

   .formation-box a:hover{

     background-color:#44567D;

      }

     .actualite-box .formation-box{

      float:none;

      }



   .actualite-box .formation-box p.date{

      font:bold 11px verdana;

      float:none;

      }



   .actualite-box .formation-box a{

      color:#771921;

      background-color: transparent;

      font:bold 11px verdana;

      text-decoration:none;

      float:none;



      }

   .formation-box a:hover{

     background-color:transparent;

     color:#44567D

      }

.plusLiens ul.plusLien{margin:5px 0 0 0;}



.plusLiens ul.plusLien li{background: url(../../images/charte/bullet5.gif) left 2px no-repeat; font-size:11px; padding-left:16px;  padding-bottom:4px !important;}



.plusLiens a:link, .plusLiens a:visited{ text-decoration:none;  color:#003290; }

.plusLiens a:hover, .plusLiens a:focus{ text-decoration:underline;  color:#8B0000; }