/* ---------------------
Html et body
--------------------- */
html {
	font-size : 11px;
	font-family : "Verdana", Verdana, Arial, Helvetica, sans-serif;
	color : #666666;
	background : #333333 url(../img/im_structure/bg2.jpg) repeat-x;
	margin : 0;
	padding : 0;
	line-height: 100%;
	}

body {
	width : 880px;
	margin : 0 auto;
	padding : 0;
	}

/* ---------------------
Haut de page (#top)
--------------------- */
#top {
	height : 100px;
	font-size : 1.4em;
	padding-top: 10px;
	font-style: normal;
	vertical-align: 110%;
	}
#top h1{
	float: right;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding-top: 65px;
	line-height:1.2em;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #009999;
	text-transform: none;
}

/* --------------------- 
Navigation principale (#navigation)  
--------------------- */

#navigation {
	height: 43px;
	padding: 0px 0px 0px 160px;
	margin: 0px;
	float: left;
	width: 719px;
	background-color: #FFFFFF;
	list-style-type: none;
}

#navigation ul{
	height: 16px;
	margin: 0px;
	padding: 0px;
	background: 0 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
#navigation ul li
{
	float: left;
	text-align: center;
	list-style-type: none;
}

#navigation ul li a
{
	width: 9em;
	line-height: 40px;
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: 0px;
	color: #333333;
	display: block;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-transform: uppercase;
}

/* couleur Hover dans css presents, sitetudes et sofipre*/


/* --------------------- 
calque de regroupement (#page)  
--------------------- */
#page{
	background-color: #FFFFFF;
	background-image: url(../img/im_structure/fond.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#page hr {
	clear : both; 
	visibility : hidden; 
	margin : 0; 
	padding : 0;
}
/* --------------------- 
calque de regroupement accueil (#page_acc)  
--------------------- */
#page_acc{
	background-color: #999999;
	background-image: url(../img/im_structure/fond_acc.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#page_acc hr {
	clear : both; 
	visibility : hidden; 
	margin : 0; 
	padding : 0;
}


/* --------------------- 
Zone de contenu (#content)  
--------------------- */
#content { /* Bloc */
	float : left;
	width : 535px;
	margin : 1px 0 0;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	}
/* --------------------- 
Zone de contenu accueil(#content_acc)  
--------------------- */
#content_acc { /* Bloc */
	float : left;
	width : 520px;
	margin : 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	}
/* --------------------- 
Zone de contenu recrutement(#recrut)  
--------------------- */
div.recrut p {
	margin-top : 0.3em;
}
/* --------------------- 
colonne gauche (#sidebar)  
--------------------- */
#sidebar {
	float : left;
	width : 160px;
	padding : 8px 0px;
	margin : 1px 0px 0px;
	list-style-type: none;
	}
#sidebar div {
	margin : 8px 0 ;
	}

#sidebar ul { /* bloc de liste */
	margin : 0;
	padding : 6px 0;
	background-position: 0px 0px;
	list-style-type: none;
	}
#sidebar li { /* élément de liste */
	list-style-type : none;
	padding: 1px 0 2px;
	}
#sidebar ul ul a { /*second niveau de la navigation verticale */
	font-size: 0.99em;
	text-transform: none;
	color: #666666;
	display: block;
	text-indent: 20px;
	margin: 0px 0px 1px;
	padding: 1px 0px 2px;
}	
#sidebar ul ul ul a { /*Troisième niveau de la navigation verticale */
	font-size: 0.80em;
	text-transform: none;
	color: #666666;
	display: block;
	text-indent: 30px;
	margin: 0px 0px 1px;
	padding: 1px 0px 2px;
}	
#sidebaright  p {
	font-size: 11px;
}
#sidebar li a { /* Liens dans les listes */
	text-decoration : none;
	display: block;
	padding-right: 3px;
	padding-left: 8px;
	padding-top: 4px;
	font-size: 0.9em;
	padding-bottom: 4px;
	height: 12px;
	margin-top: 5px;
	text-transform: uppercase;
	}
/* couleur Hover dans css presents, sitetudes et sofipre*/

/* --------------------- 
colonne droite (#sidebaright)  
--------------------- */
#sidebaright {
	float : right;
	width : 160px;
	margin : 1px 0 0;
	height: 100%;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-left: 5px;
	line-height: normal;
	font-size: 1em;
	}
#sidebaright div {
	margin : 8px 0 ;
	}
#sidebaright ul { /* bloc de liste */
	margin : 0; padding : 6px 0;
	}
#sidebaright li { /* élément de liste */
	list-style-type : none;
	padding: 1px 0 2px 30px;
	}
#sidebaright li a { /* Liens dans les listes */
	color : #333333;
	text-decoration : none;
	}
/* couleur Hover dans css presents, sitetudes et sofipre*/
	
#search {
	margin: 0;
	padding: 0;
	width: 95%;
}
#search h1 {
	line-height: 12px;
	text-transform: uppercase;
}
/* --------------------- 
colonne droite accueil (#sidebaright_acc)  
--------------------- */
#sidebaright_acc {
	float : right;
	width : 160px;
	padding : 8px 0px 3px 0px;
	margin : 1px 0 0;
	height: 100%;
	}

/* ---------------------
Pied de page (#footer)
--------------------- */
#footer {
	text-align : right;
	width : 872px;
	margin : 0px auto 0;
	font-size : 0.75em;
	background-color: #FFFFFF;
	padding: 6px 4px 4px;
	height: 15px;
	}

ul {
	list-style-type: square;
	list-style-position: outside;
}
ul  ul{
	list-style-position: outside;
	list-style-type: circle;
}
/* ----------------------------
Légende image
------------------------------- */
.csc-textpic-caption {
    text-align:center;
    font-size:9px;
}