body
{
   background-image:url("../images/backgrd.jpg");
   background-attachment: fixed; /* Le fond restera fixe */
   background-repeat:no-repeat;
   background-position:center;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 13px;
   font-weight: normal;
   width:1000px;
   margin:auto;
   margin-top: 0;
   margin-bottom: 0;
}

#wrap 
 {
    width:100%;
	background-color:#FFF;
	margin: 0;
	padding:0;
 }
 
 #rech_box
 {
   background-image:url("../images/rech_box.jpg");
   background-repeat:no-repeat;
   width:380px;   
   float:left;
   margin-top:10px;
   margin-left:50px;
 }
 
#entete
{
  height:80px;
  margin:auto;
}

#entete h1 {
letter-spacing: -1px;
margin:0;
padding: 5px 0 5px 20px;
}

#entete h1 a {
font-weight: 100;
font-size: 26px;
color: #186777;
text-decoration: none;
}

#entete h1 a:hover {
color: #CCC;
text-decoration: none;
}

#entete h2 {
color: #000;
font-size: 15px;
font-weight: 100;
padding: 0 0 0 21px;
letter-spacing: -1px;
line-height: 12px;
}


#menu {font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;font-size: 90%;font-weight:bold;}
#menu ul ul {display: none; position: absolute; z-index:10; left: 170px; top: -1px; margin:0px; padding: 0px; background-color: #9F9FFA; border: 1px solid #B0B0B0;}
#menu ul ul li a {width: 170px;display:block;text-align:left;}
#menu li {list-style-type: none; position: relative; width: 150px; padding: 0px; margin: 0px}
#menu li a {text-decoration:none;}

.niveau1 {padding:0 0 0 20px; margin:0; list-style:none; height:30px; background:#4EC0E2 url(../images_menu/pro_15_0.gif);}
.niveau1 li {float:left;}
.niveau1 li a {display:block; float:left; height:30px; line-height:30px; color:#FFF; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 10px; cursor:pointer; font-size:11px;}
.niveau1 li a strong {float:left; display:block; padding:0 16px 0 8px;}
.niveau1 li.current a {color:#FFF; background:url(../images_menu/pro_15_2.gif);}
.niveau1 li.current a strong {background:url(../images_menu/pro_15_2.gif) no-repeat right top;}
.niveau1 li a:hover {color:#FFF; background: url(../images_menu/pro_15_1.gif);}
.niveau1 li a:hover strong {background:url(../images_menu/pro_15_1.gif) no-repeat right top;}
.niveau1 li.current a:hover {color:#000; background: url(../images_menu/pro_15_2.gif); cursor:default;}
.niveau1 li.current a:hover strong {background:url(../images_menu/pro_15_2.gif) no-repeat right top;}

.niveau1 li a em {display:block; float:left; width:16px; height:30px;}

.niveau2 li a em, .niveau3 li a em {padding:0 0 0 8px;}
.niveau2 li a hr, .niveau3 li a hr {width:120px;border:1px solid #CCC;}

.niveau2 li a:hover {color:; background: none;}

#menu li:hover ul.niveau2, #menu li li:hover ul.niveau3, #menu li.sfhover ul.niveau2, #menu li li.sfhover ul.niveau3 {width:170px;display: block}
#menu li.plus {width:170px;background-position:right; background-image: url(../images_menu/fdroite.gif); background-repeat: no-repeat; }


#corps
{
  height:500px;
  padding:10px;
  padding-top:0px;
  color :#000;
  color: #777;
}



html>body #corps
{
  height: auto;
  min-height:500px;
}



 #connexion 
 {
    position:absolute; 
	width:338px; 
	height:300px; 
	left:450px; 
	top:180px;
	z-index:1;	
	color:#FFF;	
	background:url(../images/fondlogin.png); background-repeat:no-repeat;	
	padding:30px;
 }

#corps #gauche
{
   margin-top:0px;
   padding-top:0px;
   margin-right:5px;
   height:500px;
   width:150px;
   float:left;
}

html>body #corps #gauche
{
  height: auto;
  min-height:500px;
}

#corps h3
{
  margin:0;
  padding-left:18px;
  height:20px;
  width:270px;
  font-size: 13px;
  color : #FFF;
  background-color: #4EC0E2;
}

#corps #gauche h4
{
	padding-left:5px;
	margin-top:5px;
	margin-bottom:0px;
	color:#FFF; 
	background: #17B575;
	/*background-color: #4EC0E2;  #09B360;  url(../images/gauchetitre.png); */
	height:25px;
}



#corps #gauche #menugauche
{
 padding-left:5px;
 padding-bottom:5px; 
 
 border-bottom:1px solid #CCC;
}

#corps #gauche .navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      width:140px;
      font: 1.2em  calibri ,"Trebuchet MS", sans-serif;  
	  
      } 

#corps #gauche .navigation li { 
      margin-bottom:5px; 
      } 
	  
#corps #gauche .navigation li a{ 
      display:block; 
      } 
	  
#corps #gauche a
{
  line-height: 17px;
  color :#186777;
  text-decoration:none;
  
}

#corps #gauche .navigation  li a:hover, #corps #gauche .navigation  li a.current 
{ 
 /* background-color : #99CCCC;
 color : #000; 
 */
  text-decoration:underline;	
 
} 

#corps #gauche .navigation  li a.current
{ 
  /*color : #000;*/  
  font-weight:bold;
  text-decoration:none;	
} 

.famnavigation
{
 font: 1em  calibri ,"Trebuchet MS", sans-serif;  
 list-style-position:outside;
 margin:0;
 padding-left:20px;
}

.gamnavigation
{
 font: 1em  calibri ,"Trebuchet MS", sans-serif;  
 list-style-position:outside;
 margin:0;
 padding-left:15px;
}


div.boitegam
{ border:1px solid #CCC;
  width:270px;
  height:200px;
  margin:5px;
  float:left;
  overflow:auto;
}

div.boitegam ul
{
  list-style-position:inside;
  margin:0;
  padding-left:20px;
  list-style-type: circle;
  list-style-image: url(../images/arrow_right.png);
}

div.boitegam h4
{
  margin:0;
  border-bottom:1px solid #CCC;
  background-color:#CCC;
}

#corps #milieu
{
   height:500px;
   width:570px;
   padding-left:5px;
   padding-right:5px;
   float:left;
}

html>body #corps #milieu
{
  height: auto;
  min-height:500px;
}

#corps #milieu .milieucontenu
{
  margin-top:10px;
}


#corps #milieu .listetitre
{  
  padding:5px;
  color : #000;
  background: #F2F2F2;
  border:1px solid #CCC;
  border-bottom:0px solid #CCC;
  margin-bottom:0;
}

#corps #milieu .listecorps
{
  padding-left:15px;
  margin-top:0;
  border:1px solid #CCC;
}


#corps #droite
{
   font-weight:bold;
   width:200px;
   float:right;
}


#corps #droite .elt
{
  border-bottom:1px solid #CCC; 
  width:200px;
  margin-top:5px;
  margin-bottom:25px;
  padding-bottom:5px;  
}

#corps #droite .elt h4
{
    padding-left:5px;
	margin-top:5px;
	font-size:14px;
	margin-bottom:0px;
	color:#FFF; 
    background: #17B575;
	/* background-color:#4EC0E2;   #09B360; url(../images/droitetitre.png);*/
	height:25px;   
}

#corps #droite .elt .lien
{
  padding-left:5px;
  margin-top:8px;
  font-size:12px;
  font-weight:bold;
}


#corps .nouveau
{
  width:70%;
  margin:auto;
  margin-top:10px;
}

#Acorps
{
  height:500px;
  padding:0px;
  color :#000; 
}


html>body #Acorps
{
  height: auto;
  min-height:500px;
}


#Acorps .accueilhautg
{
  border:1px solid #CCC;
  width:615px;
  margin-left:10px;
  margin-right:5px;
  margin-top:20px;
  height:320px;
  float:left;
}


#Acorps .accueilhautd
{
  border:1px solid #CCC;
  width:298px;
  margin-left:5px;
  margin-right:10px;
  margin-top:20px;
  height:320px;
  float:left;
}


#Acorps .accueilhautg .eltg
{
  width: 605px;
  margin:5px;
  margin-top:3px;
  float:left;
}

.slideshow p{display:none;}


#Acorps .accueilbas
{
  border:1px solid #CCC;
  width:298px;
  margin-left:10px;
  margin-right:3px;
  margin-top:20px;
  height:110px;
  float:left;
  
}



.boite
{ 
  border:1px solid #CCC;  
  width:270px;
  margin-left:5px;
  margin-right:5px;
  margin-top:20px;
  height:110px;
  float:left; 
}

.situation
{
 height:670px;
 width:570px;
}

#Acorps .accueilbas h3, #Acorps .accueilhautd  h3, .boite h3
{
  margin:0;
  padding-left:18px;
  height:20px;
  width:270px;
  font-size: 13px;
  color : #FFF;
  background: #17B575;
}

#Acorps .accueilhautd #frs h3
{
    border-bottom:1px solid #061616;
}

#Acorps .accueilbas .lien
{
  margin-top:8px;
  padding-left:20px;
  font-size:12px;
  font-weight:bold;
  background:url(../images/boule.png)  no-repeat left center;
}	

#Acorps .accueilbas h1
{	
  font-size:24px;
}		
	
#Acorps a, #corps a
{
  color : #186777;
  text-decoration:none;
}

#Acorps a:hover,  #corps a:hover
{
  color : #000; 
  text-decoration:underline;
}

#pied
{   
    clear:both;
	font-weight: normal;
	padding-bottom:0px;
	position:relative;
}

#sspied
{ 
  margin:auto;
  padding:5px;
  padding-left:45px;
  background-color:#000;
  height:80px;
}

#sspied .elt
{ 
  width:200px;
  float:left;
}

#sspied a
{
  color : #FFF;
  text-decoration:none;
}

#sspied a:hover
{
  color : #FFF; 
  text-decoration:underline;
}

.planNiv1
{
   font: 1.2em  calibri ,"Trebuchet MS", sans-serif;
 list-style-position:inside;
  line-height:30px;
  font-size:13px;
  list-style-image: url("../images/puce_ble.gif");
  list-style-type: circle;
}


.planNiv2
{
  font: 1.2em  calibri ,"Trebuchet MS", sans-serif;
  list-style-position:outside;
  line-height:30px;
  font-size:11px;
  list-style-image: url("../images/puce_flx.gif");
  list-style-type: circle;
}

.errorMsg
{
  border:2px solid red;
  color:#8a1f11;
  background-color:#fbe3e4;
  padding:5px;
  width:550px;
  margin:auto;
  margin-top:10px;
}

a img {
	border: 0;
}

a.detailbtn
 {width:105px;display:block;background-position:right; background-image: url(../images/arrow_right.png); 
background-repeat: no-repeat;}




#largeImage {
	position: absolute;
	padding: 0px;
	background-color: #e3e3e3;
	border: 1px solid #bfbfbf;
}

.successMsg
{
  border:2px solid #0071BC;
  color:#186777;
  /*background-color:#CCFFFF; */
  padding:5px;
  width:550px;
  margin:auto;
  margin-top:10px;
  margin-top:10px;
}

.largdrte100
{
  display:block;
  float:left;
  text-align:right;
  width:100px;
}

img.btn
{
  cursor:pointer;
}

.ui-effects-transfer { border: 2px solid black; }