body
{
   position: relative;
   width: 1125px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenętre du navigateur.*/
   margin-bottom: 10px;    /* Idem pour le bas du navigateur */
   font-family:Arial,Sans-Serif;
   color:black;
   background-color: white;
}


#haut1
{
   width: 1125px;
   height: 140px;
   color:black;
   border: none;
   background-image:url(images/haut1.png);
   background-repeat:no-repeat;
}

#haut1 a
{
text-decoration:none;
}

#haut2
{
   width: 1125px;
   height: 61px;
   color:black;
   border: none;
   background-image:url(images/haut2.png);
   background-repeat:no-repeat;
}

#milieu
{
   width: 1125px;
   border: none;
   color:black;
   min-height: 520px;
   width:1125px;
   background-image:url(images/milieu_bas.gif);
   background-repeat:no-repeat;
   background-position:bottom;
}

#navigation_mode
{
   position: absolute;
   top:5px;
   left:2px;
   width: 121px;
   height: 121px;
   color:black;
   /*border: 1px solid black;*/
}

#navigation_bandeau
{
   position: absolute;
   top:2px;
   left:139px;
   width: 985px;
   height: 124px;
   color:black;
   /*border: 1px solid red;*/
}

.navigation_haut
{
   position: absolute;
   color:white;
   padding-top:2px;
   padding-left:2px;
   padding-right:2px;
   padding-bottom:2px;
   border-left: 3px solid white;
   border-right: 3px solid white;
   background-image:url(images/menu_fond.png); 
   visibility:hidden;
   overflow:hidden;
}

.navigation_lien1
{
  color: #fafafa;
  font-size:13px;
  background-color: transparent;
  text-decoration: none;
  width:100%;
  height:17px;
  overflow:hidden;
  margin-left:0px;
  margin-right:0px;
  padding-left:0px;
  padding-right:0px;
}

.navigation_lien1:hover
{
  color: #552d85;
  background-color: #9a7d99;
  text-decoration: none;
  width:100%;
  overflow:hidden;
}

.navigation_lien1 a
{
  color: white;
}

.navigation_lien1 a:hover
{
  color: #4D2083;
}

.navigation_lien2
{
  color: #fafafa;
  font-size:13px;
  background-color: #9a7d99;
  text-decoration: none;
  width:100%;
  height:17px;
  overflow:hidden;
  margin-left:0px;
  margin-right:0px;
  padding-left:0px;
  padding-right:0px;
}

.navigation_lien2:hover
{
  color: #552d85;
  background-color: #9a7d99;
  text-decoration: none;
  width:100%;
  overflow:hidden;
}

.navigation_lien2 a
{
  color: #4D2083;
}

.navigation_lien2 a:hover
{
  color: #4D2083;
}

#zoneadm
{
 position: absolute;
 top:185px;
 left:855px;
 padding-top:4px;
 padding-left:3px;
 padding-right:3px;
 text-align:center;
 border-left:2px solid white;
 border-right:2px solid white;
 background-color:transparent;
 background-image:url(images/menu_fond.png); 
 z-index:100;
}

.zoneadmevt
{
 float:right;
 /*margin-top:2px;*/
 padding-top:4px;
 padding-left:3px;
 padding-right:3px;
 text-align:center;
 border-left:2px solid white;
 border-right:2px solid white;
 /*background-color:transparent;
 background-image:url(images/menu_fond.png);*/
 z-index:100;
}

#zoneadm img
{
 border:none;
}

#zoneadm a
{
 text-decoration: none;
}

#zoneadm a:hover
{
 text-decoration: underline;
 
}

#user
{
 position: absolute;
 top:14px;
 left:1000px;
 padding-bottom:2px;
 /*width:16px;
 height:18px;*/
 overflow:hidden;
 padding-top:3px;
 padding-left:3px;
 padding-right:3px;
 text-align:left;
 color:white;
 border-left:2px solid white;
 border-right:2px solid white;
 background-color:transparent;
 background-image:url(images/menu_fond.png); 
 z-index:100; 
}

.divuseradm:hover
{
 background-color:green;
 background-color: #9a7d99;
 color: #4D2083;
}

#user a
{
 color:white;
 text-decoration:none;
}

#user a:hover
{
 color:rgb(211,82,46);

 text-decoration: none;
}

#user img
{
 float:left;
 border:none;
 margin-top:1px;
 margin-right:3px;
}

#titre_haut1
{
   position: absolute;
   top:145px;
   left:148px;
   height:20px;
   border: none;
   color:white;
   font-size:25px;
}

#titre_haut2
{
   position: absolute;
   top:175px;
   left:148px;
   height:20px;
   border: none;
   color:white;
   /*font-size:15px;*/
}

#titre_haut2 p
{
   margin:0px;
}

#titre_haut2 a
{
   
  color:rgb(211,82,46);
  text-decoration: none;
}
#titre_haut2 a:hover
{
  color:white;
  text-decoration: none;
}

#info
{
   position: absolute;
   top:150px;
   left:770px;
   width: 350px;
   height:20px;
   border: none;
   color:white;
   text-align:right;
}
#info a
{
  color: #fafafa; /* #38597a;*/
  background-color: transparent;
  text-decoration: none;
}

#info a:hover
{
  color:rgb(211,82,46);
  background-color: transparent;
  text-decoration: none;
}

#recherche
{
   position: absolute;
   top:175px;
   left:945px;
   width:180px;
   height:20px;
   color:white;
   border:none;
}

#form_search
{
 background-color:transparent;
 color:white;
}

#form_search p
{
 margin:0px;
 background-color:transparent;
}

#zone_search
{
 width:130px;
 height:16px;
 color:#4d2083;
 background-color:white;
 border:1px solid white;
}

#zone_search:hover
{
 border:1px solid rgb(211,82,46);
}

#ok_search
{ 
 color:white;
 margin:0px;
 padding:0px;
 width:25px;
 height:20px;
 border:none;
 background-color:transparent;
}

#ok_search:hover
{
 color:rgb(211,82,46);
 background-color:transparent;
 text-decoration: none;
 cursor:pointer;
}

#navigation_gauche
{
   float:left;
   background-color:transparent;
   width: 94px;
   height:94px;
   padding-left:17px;
   /*border: 1px solid black;*/
   color:black;
}

.navigation_gauche_carre
{
   float:left;
   width: 94px;
   height:94px;
   border: none;
   color:black;
   background-repeat:no-repeat;
   background-position:top left;
}

.navigation_gauche_carre:hover
{
   background-color: transparent;
   cursor:pointer;
}

/*
#principal H1
{
 color:rgb(211,82,46);
}

#principal H2
{
 color:rgb(211,82,46);
}

#principal H3
{
 color:rgb(211,82,46);
}
*/

#principal
{
   width: 790px;
   min-height: 440px;
   padding-top:10px;
   margin-left:119px;
   padding-left:20px;
   background-image:url(images/milieu3.png);   
   background-repeat:no-repeat;
   background-position:top left;
   /*color:#4d2083;*/
   color:#61217d;
   font-size: 14px;
}

#principal a
{
color:rgb(211,82,46);
/*color:rgb(177,49,54);*/
text-decoration: none;
/*font-weight:bold;*/
}

#principal a:hover
{
/*color:rgb(186,77,40);*/
color:rgb(218,150,63);
/*color:#61217d;*/
/*color:rgb(211,82,46);*/
text-decoration: none;
/*font-weight:bold;*/
}

#principal ul
{
 margin-left: 40px;
 margin-top: 0px;
 margin-bottom: 0px;
 padding-left: 0px;
 padding-top: 0px;
 background-color: transparent;
 list-style-image: url("images/bullet_purple.png");
 /*font-size: 16px;*/
}

#principal li
{
 margin-left: 0px;
 padding-left: 0;
 margin-top: 7px;
 margin-bottom: 7px;
 /*font-size: 13px;*/
}

#principal .erreur
{
   width: 790px;
   color: red;
}

#principal .date
{
   width: 790px;
   text-align:center;
   color:#4d2083;
   font-size:11px;
   padding-top:10px;
   padding-bottom:10px;
}

#principal p
{
   /*font-size:13px;*/
   margin-right:0px;
   margin-left:0px;
   margin-top:5px;
   margin-bottom:10px;
}

#principal h1
{
   font-size:20px;
   margin-top:20px;
   margin-bottom:7px;
}

#principal h2
{
   font-size:17px;
   margin-top:15px;
   margin-bottom:7px;
}

#principal h3
{
   font-size:15px;
   margin-top:14px;
   margin-bottom:7px;
}

#principal h4
{
   font-size:13px;
   margin-top:12px;
   margin-bottom:7px;
}



#dse
{
   float:right;
   margin-top:25px;
   margin-right:0px;
   width: 165px;
   height:100px;
   background-image:url(images/dse.gif);   
   background-repeat:no-repeat;
   background-position:90% 46%;
   background-color:white;
}

#dse1
{
   color:rgb(160,41,65);
   font-weight:bold;
   margin-bottom:10px;
}
#dse2
{
   margin-left:2px;
   padding-left:7px;
   border-left: 2px solid rgb(77,32,131);
   color : rgb(77,32,131);
   font-weight:bold;
}

#dse2:hover
{
   margin-left:2px;
   padding-left:7px;
   border-left: 2px solid #b12841;
   color : rgb(77,32,131);
   font-weight:bold;
}

#dse2 a
{
  color : rgb(77,32,131);
  font-weight:bold;
  background-color: transparent;
  text-decoration: none;
}

#dse2 a:hover
{
  color:rgb(211,82,46);
  text-decoration: none;
  font-weight:bold;
  background-color: transparent;
  /*text-decoration: underline;*/
}

#colpreview1
{
 float:left;
 
 
 position: relative;
 margin-top:0px;
 
 width:390px;

 /*border:1px solid #78006d;*/
}

#colpreview1 .ligne
{
margin-right:5px;
margin-bottom:15px;
padding-bottom:5px;
/*border:1px solid #78006d;*/
width:390px;
}

#colpreview1 .ligne .ligne_titre
{
 font-size:20px;
 margin-bottom:5px;
}

#colpreview1 .ligne .ligne_texte
{
 margin-left:5px;
 padding-left:5px;
 /*border-left:2px solid #78006d;*/
 border-left: 2px solid rgb(77,32,131);
}
#colpreview1 .ligne .ligne_texte:hover
{
 border-left: 2px solid #b12841;
}

#colpreview1 .ligne img
{
 border:none;
}

#colpreview2
{
 width:390px;
 float:right;

 /*border:1px solid #78006d;*/
}

#colpreview2 .ligne
{
/*padding:5px;*/
margin-bottom:15px;
padding-bottom:5px;
/*border:1px solid #78006d;*/
width:390px;
}

#colpreview2 .ligne .ligne_titre
{
 font-size:20px;
 margin-bottom:5px;
}

#colpreview2 .ligne .ligne_texte
{
 /*border-left:2px solid #78006d;*/
 border-left: 2px solid rgb(77,32,131);
 margin-left:5px;
 padding-left:5px;
}
#colpreview2 .ligne .ligne_texte:hover
{
 border-left: 2px solid #b12841;
}
#colpreview2 .ligne img
{
 border:none;
}

.spacer
{
 height: 0px;
 clear: both;
 background-color:transparent;
}

#bas1
{
 font-weight: normal;
 width:1125px;
 height:101px;
 bottom:0px;
 background-image:url(images/bas1.png);
 background-repeat:no-repeat;
}

#logo_crous
{
	position: relative;
	top:0px;
	left:700px;
	width: 320px;
	height:93px;
	cursor:pointer;
}
#logo_cnous
{
	float:right;
	margin-right:19px;
	margin-top:62px;
	width: 31px;
	height:33px;
	cursor:pointer;
}

#logo_ministere
{	
	float:right;
	margin-right:10px;
	margin-top:51px;
	width: 31px;
	height:43px;
	cursor:pointer;
}

#bas2
{
 font-weight: normal;
 width:1125px;
 height:61px;
 bottom:0px;
 background-image:url(images/bas2.png);
 background-repeat:no-repeat;
}

#lien_admin
{
color:white;
}

#lien_admin:hover
{
text-decoration:underline;
cursor:pointer;
}

#login_admin
{
   position: relative;
   top:6px;
   left:683px;
   width:430px;
   padding-right:5px;
   color:white;
   text-align:right;
   display:none;
   /*border:1px solid black;*/
}

#login_admin_close
{
 float:left;
 margin:2px;
}

#login_admin_close:hover
{
 margin-top:3px;
 margin-left:3px;
 margin-right:1px;
}

#form_ident p
{
 margin:0px;
}

#login
{
 margin:0px;
 padding:0px;
 border:1px solid white;
 width:100px;
 color:#4d2083;
 text-align:center;
}

#login:hover
{
 border:1px solid rgb(211,82,46);
}

#pwd
{
 margin:0px;
 padding:0px;
 border:1px solid white;
 width:100px;
 color:#4d2083;
 text-align:center;
}
#pwd:hover
{
 border:1px solid rgb(211,82,46);
}

#ok_ident
{
 top:5px;
 margin:0px;
 padding:0px;
 color:white;
 width:25px;
 background-color:transparent;
 border:none;
}

#ok_ident:hover
{
 border:none;
 color:rgb(211,82,46);
 text-decoration: none;
 background-color:transparent;
 cursor:pointer;
}

#navigation_bas
{
   position: relative;
   top:7px;
   left:500px;
   width:615px;
   height:20px;
   padding-right:5px;
   color:white;
   text-align:right;
}

#navigation_bas a
{
 color:white;
 text-decoration: none;
}

#navigation_bas a:hover
{
 color:white;
 text-decoration: underline;
 cursor:pointer;
}

.annuaire_img_detail:hover
{
cursor:pointer;
}

#annuaire_vider
{
 float:right;
 margin-top:3px;
 margin-right:0px;
 width:16px;
 height:16px;
 border:none;
 background-color:transparent;
 background-image:url(images/cross.png);
 background-repeat:no-repeat;
}

#annuaire_vider:hover
{
 margin-top:4px;
 margin-right:-1px;
 cursor:pointer;
}

.search
{
background-color:yellow;
}
.search2
{
background-color:yellow;
}

hr
{
color: rgb(211,82,46);
background-color: rgb(211,82,46);
height: 1px;
border: 0;
margin-top: 15px;
margin-bottom: 15px;

}