/* Start of CMSMS style sheet 'CDC3 - css' */
/* CSS Document */

body {
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 12px;
	height : auto;
	width : auto;
	color : #381E00;
	text-align: center;
	margin:0;
	overflow:auto;
	background:#FFF url(images/cle3/background_accueil.jpg) repeat-x;
}

hr {
height: 1px;
margin: 5px;
padding: 0;
color: #FF0077;
background-color: #FF0077;
border: 0;
}

/************** LIENS *********************************************/

a,
a:link,  
a:visited
{
	color:#381E00;
	text-decoration:none;
}
a:hover{
	color:#FF0077;
	text-decoration:none;
}


/************** blocs principaux *********************************************/

p
{
margin:12px 0 12px 0;
border:0;
padding:0;
}

#container{
	position: relative;
	text-align: left; /* pour annuler l'heritage de text-align:center de BODY */
	margin: 0px auto; /* auto pour centrer horizontalement la boite dans BODY 
			 pour le navigateurs autres que IE/WIN */
	padding: 0;
	width: 800px; /* ou 100% pour largeur fluide pleine largeur */
	height:580px;
}

#page{
	width:700px;
	height:458px;
	background-image:url(images/cle3/fond_encart.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:100px;
	top:121px;

}

#contenu{
	width:700px;
	height:458px;
	margin:0 0 0 0;
	position:absolute;
	left:0px;
	top:0px;
	overflow:visible;
	background-color: #fff;

}





/************** header de la page *********************************************/


#utilisateur{
	position:absolute;
	left:101px;
	top:61px;
	z-index: 100;

	padding: 5px 5px 0 0;

	width:694px;
	height:19px;
	overflow:hidden;

	background-image:url(images/cle3/background_utilisateur.jpg);
	background-repeat:no-repeat;

	color: #371e00;
	font-size: 1em;
	font-weight: bold;
	text-align:right;
}
#annonce{
	position:absolute;
	left:101px;
	top:85px;
	z-index: 100;

	padding: 11px 0 0 0;

	width:699px;
	height:25px;

	background-image:url(images/cle3/annonce_background.jpg);
	background-repeat:no-repeat;

	color: #371e00;
	font-size: 1.5em;
	font-weight: bold;
}
p.miseEnValeur{
	margin: 0;
	padding: 5px;

	background-color:#ff0077;

	color: white;
	font-weight: bold;
}
p.miseEnValeur a{
	color: white;
	font-weight: bold;
	text-decoration:underline;
}
p.miseEnValeur a:hover{
	text-decoration:none;
}
#header_right{
	position:absolute;
	left:620px;
	top:0px;
	width:122px;
	height:122px;
	background-image:url(images/cle3/header_right.jpg);
	background-repeat:no-repeat;
}
#header_left{
	width:273px;
	height:324px;
	position:absolute;
	left:-30px;
	top:0px;
	background-image:url(images/cle3/header_left.jpg);
	background-repeat:no-repeat;

}
#header_center{
	width:370px;
	height:120px;
	position:absolute;
	left:243px;
	top:0px;
	background-image:url(images/cle3/header_center.jpg);
	background-repeat:no-repeat;

}


/************** CONTENU de la page *********************************************/


#photo_droite{
	top:150px;
	position: absolute;
	width: 409px;
	height:309px;
	left:291px;
	vertical-align: bottom;
}


#contenu_gauche{
	width: 285px;
	height: 454px;
	border-right: solid #FF0077 1px;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 5px 5px 0 5px;

}
#photo_gauche{
	top:110px;
	position: absolute;
	width: 290px;
	height: 349px;
left:0px;

}

#contenu_centre{
	width: 178px;
	height: 454px;
	position: absolute;
	left: 290px;
	top: 0px;
	padding: 5px 0 0 10px;
}
#contenu_centre h2{
	font-size :15px;
	color:#381E00;
	width: 170px;



}
#contenu_centre h3{
	font-size :11px;
	color:#381E00;
	width: 170px;


}

#contenu_centre h2 img{
	margin :0 5px 0 0;
	color:#381E00;
	
}






#menu_droite{
	width: 200px;
	position: absolute;
	left: 480px;
	top: 95px;
	text-align: right;
	z-index: 15;
}
#menu_droite h2{
	font-size :15px;
	color:#381E00;
	width: 200px;
	height: 9px;
	margin: 0 0 8px 0;
	display: block;
}

#menu_droite h2 a,
#menu_droite h2 a:link,  
#menu_droite h2 a:visited
{
	color:#381E00;
	text-decoration:none;
}
#menu_droite h2 a:hover{
	color:#FF0077;
	text-decoration:none;
}



#menu_droite h2 img{
	color:#381E00;
	margin :0 0 0 5px;
}

h1{
	font-size :18px;
	color:#FF0077;
	width: 280px;
}
h2{
	font-size :15px;
	color:#381E00;

}
h3{
	font-size :11px;
	color:#381E00;
	width: 280px;

}



#logo_cle{
	position:absolute;
	left:478px;
	top:0px;
	width:222px;
	height:93px;

}

#logo_cle a ,
#logo_cle a:link,  
#logo_cle a:visited
{
	display: block;
	background-repeat:no-repeat;
	width:305px;
	width:222px;
	height:93px;
}
#logo_cle a:hover{
	display: block;
	background-image:url(images/cle3/logo_semafor.gif);
	background-repeat:no-repeat;
	width:222px;
	height:93px;
	border:0px;

}


/*

#contenu_bas{
	width: 700px;
	height: 90px;
	position: absolute;
	top: 580px;
	left: 100px;
	background-image: url(images/cle3/image_bas.jpg);
	background-repeat: no-repeat;
        z-index:10;
}

*/





/**************   LES MENUS   ****************************/




#footer{
	width:100%;
	height:80px;
	background-image: url(images/cle3/background_footer.gif);
	text-align: center;
	top: 580px;
	left: 0px;
        position: absolute;
        z-index:0;
}

/* End of 'CDC3 - css' */

/* Start of CMSMS style sheet 'Navigation: Simple - Vertica 2' */
/********************
MENU
*********************/
#menu_vert {
   padding-right: 30px;
}


/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
}

/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0;
   display: block;
}

#menu_vert ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding-top: 2px;
   color: #381E00; /* this will be link color for all levels */
   background: url(images/cle3/rond_2.gif) no-repeat right;
   text-transform: uppercase;
   font-weight: bold;
   text-align: left;
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
   font-size: 75%;
   background: url(images/cle3/rond_2.gif) no-repeat right;
   line-height: 70%;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.5em 2.5em 0.2em 0.2em;
}

/* hover state for all links */
div#menu_vert a:hover {
   color: #E6B2FF;
}
div#menu_vert a.activeparent:hover {
   color: #E6B2FF;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   color: #381E00;
}

div#menu_vert ul ul li a.activeparent {
   background-position: 1.5em center; 
   color: #381E00
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3 { 
   display: block; 
   color: #FF0077;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   background: url(images/cle3/rond_2.gif) no-repeat right;
   text-transform: uppercase;
   font-weight: bold;
   text-align: left;
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   font-size: 90%;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #381E00;
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}



/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #FF0077;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}
/* End of 'Navigation: Simple - Vertica 2' */