@charset "utf-8";
/* CSS Document */
.navigation { 
      margin: 0 10px 0 28px; 
      padding: 0; 
      list-style: none;  
      color: #fff; 
      width: 230px; 
	  height:42px;
      font: 1.2em "Trebuchet MS", sans-serif; 
	 position:relative;
      } 
   .navigation a, .navigation span { 
      display: block; 
      padding: 4px 10px; 
      color: #000066; 
      text-decoration: none; 
      background: url(../img/common/bth.jpg) left bottom no-repeat;	
	    height:20px;
	  font-size:14px;
	  font-weight:bold; 
      } 
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      background-image: url(../img/common/bth.jpg); 
	  margin:3px 1px 1px 1px;
	 height:20px;
	  font-size:14px;
	  font-weight:bold; 
	  
      } 
   .navigation .open a, .navigation .open span { 
      background-image: url(../img/common/bth.jpg);
	  height:20px;
	  font-size:14px;
	  font-weight:bold; 
	  width:205px;
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: none; 
	  font-weight:bold;
	  background-image:url(../img/common/bt.jpg);
	  color:#c3cced;	
	  height:20px;
	  font-size:14px;
	  font-weight:bold; 
      } 
   .navigation .subMenu { 
      font-size: .8em; 
      background: #54599d url(subMenu.png) 0 0 repeat-x; 
	   /*background: #54599d url(subMenu.png) 0 0 repeat-x;*/
      font-size: .9em; 
      margin: 0; 
      padding: 0; 
      border-bottom: 3px solid #666; 
      } 
   .navigation ul.subMenu a ,   .navigation ul.subMenu a:hover{ 
      background: none; 
      padding: 3px 0 1px 2px; 
	  font-weight:bold;
	  color:#FFFFFF;
      }
.la_suite
{
font-size:17px;
color:#000066;
font-weight:bold;
text-align:right;
margin:22px 22px 2px 0;
}
div.sujet
{
width:600px;
height:auto;
color:#091051;
text-align:justify;
padding:2px 10px 20px 2px;
margin : 0 0 0 0;
white-space:normal;
font-family:Arial, Helvetica, sans-serif;
}
div.sujet_horaire p
{
text-align:center;
}
div.sujet_horaire
{
width:300px;
height:auto;
color:#091051;
text-align:center;
padding:20px 10px 20px 35px;
margin : 20px 1px 10px 150px ;
white-space:normal;
font-family:Arial, Helvetica, sans-serif;
}
div.sujet_contact
{
width:190px;
height:auto;
color:#091051;
text-align:center;
margin : 0 0 0 20px;
padding:10px 0 5px 25px;
white-space:normal;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
}
div.top_cadre{
background-image:url(../img/common/top.jpg);
width:370px;
height:31px;
margin:30px auto 0 auto;
}
div.top_cadre_parindex{
background-image:url(../img/common/top.jpg);
width:370px;
height:32px;
margin:1px auto 0 1px!important;
margin:1px auto 0 1px;
position:relative;
}
div.top_cadre_par{
background-image:url(../img/common/top.jpg);
width:370px;
height:32px;
margin:1px auto 0 1px;
position:relative;
}
div.flashdddddd{
width:AUTO;
height:103px;
margin:1px 2px 3px 1px!important;
margin:1px 2px 3px 1px;
}
div.flash
	{
	
	width:312px;
	height:auto;
	min-height:20px;
	margin:-110px 0 16px 370px;
	

}
div.flaindex{
width:600px;
height:103px;
margin:1px 2px 3px 1px!important;
margin:1px 2px 3px 1px;
border:1px solid #c3cced;

}
div.fla{
width:650px;
height:103px;
margin:1px 2px 3px 1px!important;
margin:1px 2px 3px 1px;
border:1px solid #c3cced;

}

div.flash_sos{
width:650px;
height:103px;
margin:-260px 2px 170px 330px!important;
margin:-260px 2px 170px 330px;
}
div.cadre
{
background-repeat:repeat-y;
background-color:#bdc1dc;
width:650px;
height:333;
min-height:333px;
background-repeat:repeat;
margin:0 auto 2px auto;
background-image:url(../img/common/cadr.jpg);
border:1px solid #c3cced;

}
div.cadre_prod
{
background-repeat:repeat-y;
background-color:#bdc1dc;
width:650px;
height:auto;
min-height:500px;
background-repeat:repeat;
margin:0 auto 2px auto;
background-image:url(../img/common/cadr.jpg);
border:1px solid #c3cced;

}

img{
border:#FFFFFF 1px solid;
}
a.farid,a.farid:visited,a.farid:hover{
color:#54599d;
font-weight:bold;
text-decoration:underline;
}