@charset "utf-8";
/* CSS Document */
#contentContainer {
	/*position:absolute;
	left:187px;
	margin-right: 152px;
	margin-bottom:0px;
	margin-left:0px;
	margin-top:0px;*/
	margin-right: 152px;
	padding-left: 185px;
}
/* ************************************************************************************************************* *
 * ************************************************************************************************* BREADCRUMBS *
 * ************************************************************************************************************* */
#breadcrumbs {
	margin:0px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	height: 2em;
	background-color:#FFFFFF;
	font-size: 0.6em;
	color: #000000;
}

#breadcrumbs a {
	text-decoration: underline;
	color: #77003f;
	font-weight: bold;
}

#breadcrumbs a:hover {
	text-decoration:overline underline;
	color:#005582;
}

/* ************************************************************************************************************* *
 * ************************************************************************************************* CONTENU *
 * ************************************************************************************************************* */
#content {
 	border: 2px solid #f9b700;
	/*background-color:rgb(239, 243, 249);*/
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px;
	padding:0px;
	margin:5px;
	background-color:#FFFFFF;
	/*padding-left: 8px;
	padding-top: 11px;
	padding-bottom: 70px;
	padding-right : 10px;
	margin-right: 9px;
	margin-left: 1px;*/
}

#content a {
	color:#77003f;
}

#content .simple ul li, .serviceAdministration ul li {
	list-style-image:url(../img/pucebleue.jpg);
}
#content .simple ul li ul li, .serviceAdministration ul li ul li{
	list-style-image:url(../img/pucebleuen2.jpg);
}

#content .simple ul li ul li ul li, .serviceAdministration ul li ul li ul li{
	list-style-image:url(../img/pucebleuen3.jpg);
}

#content .simple ol li, .serviceAdministration ol li {
	list-style:decimal;
}
#content .simple ol li ol li, .serviceAdministration ol li ol li{
	list-style:lower-latin;
}

#content .simple ol li ol li ol li, .serviceAdministration ol li ol li ol li{
	list-style:lower-greek;
}



#content a:hover {
	text-decoration:overline underline;
	color:#005582;
}

#content .action {
	float:right;
	margin:0px;
	padding:0px;
}

#content .action img{
	border:none;
	margin:0px;
	padding:0px;
}

#content .simple, .serviceAdministration {
	position:relative;
	padding:0px;
	margin:10px;
}

#content h2{
	color:#005278;
	font-size: 1em;
	text-transform: uppercase;
	border-bottom: 1px solid #005278;
	background: url(../img/themaBleu.gif) left bottom no-repeat;
	padding-left:30px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top:10px;
}

.serviceAdministration img {
	border:#000000 solid 1px;
	margin-right : 20px;
	margin-left : 2px;
}

#content h3 {
	text-transform: uppercase;
	color: #005278;
	font-weight:bold;
	font-size: 0.9em;
}

h4 {
    font-size: 0.75em;
    font-weight: bold;
    color: #005582;
       
}

h5 {
    font-size: 0.75em;
    font-weight: bold;
    color: #32789B;
    background:url(../img/h5.jpg);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:12px;
   
}

.savoirPlus {
	margin-top: 10px;
	text-align: right;
}

.savoirPlus img {
	border: none;
}

.fleche {
	background: url(../img/flecheJaune.gif) center center no-repeat;
	padding-left: 16px;
}

.fleche span {
	display: none;
}

/* ************************************************************************************************************* *
 * *************************************************************************************************** ACTUALITE *
 * ************************************************************************************************************* */

.bloc {
	border: 1px solid #f9b700;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 8px;
	padding-top: 0px;
	margin:0px;
	/*text-align: justify;*/
}

.bloc .clear {
	font-size: 0.6em;
	clear: both;
}

.illustration {
	float: right;
}

#content .titre {
	color: #005278;
	font-weight:bold;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:5px;
	padding:0px;
	font-size: 1em;
}

/* ************************************************************************************************************* *
 * ****************************************************************************************************** FOOTER *
 * ************************************************************************************************************* */

#footer {
	text-align: center;
	padding-bottom: 7px;
	padding-top: 60px;
	font-size:0.6em;
}

#footer a {
	background: url(../img/separateurViolet.gif) left center no-repeat;
	padding-left: 8px;
	margin-left: 5px;
}


/* ************************************************************************************************************* *
 * ***************************************************************************************** LISTE IMAGE GALERIE *
 * ************************************************************************************************************* */


#listImgG a {
	border:none;
	text-decoration:none;
}
#listImgG a img{
	border:#000000 1px solid;
	text-decoration:none;
}
#listImgG img {
	margin : 0px 2px 1px 2px;
}

#cacheG {
	position: absolute;
	top: 50px; 
	left: 50px; 
	width: 80%; 
	height: 99px; 
	overflow: hidden; 
	background-color:#FFFFFF; 
	border:#ffffff 1px solid;
}
#listImgG {
	position: absolute; 
	top: 0px; 
	left: 0px;
	background-color:#FFFFFF;
}
#gaucheG {
	background:url(../lightbox/images/gauche3.png) top left repeat; 
	position:absolute; 
	top:0px; 
	left:0px; 
	width:50px; 
	height:100px;
	cursor: nw-resize;
}
#droiteG {
	background:url(../lightbox/images/droite4.png) top left repeat; 
	position:absolute; 
	top:0px; 
	right:-1px; 
	width:50px; 
	height:100px;
	cursor: ne-resize;
}
#texteG {
	background:url(/static/lightbox/images/pixel2.gif) top left repeat; 
	position:absolute; 
	top:80px; 
	left:0px; 
	width:400px; 
	height:20px;
}


#galerieG img{
	background: url(../img/ombre.png) no-repeat bottom right;
	background-color:#ffffff;
	margin:2px;
	padding: 0px 6px 6px 0px;
	border:none;
}


#galerieG a {
	border:none;
	text-decoration:none;
}

#galerieG img:hover{
	border: 1px solid #a9a9a9;
	padding: 0px;
	/*background:none;*/
}



/** AJOUT CSS POUR LIEN FOOTER **/
#footerComposante {
    text-align: left;
    font-size:0.6em;
    padding: 15px;
	background-color:#FFFFFF;
}

#footerComposante a {
    color:#780041;
}

#footerComposante a:hover {
	text-decoration:overline underline;
	color:#005582;
}

#footerComposante table {
    width :100%;
    margin-left:20px;
}

#footerComposante td {
    vertical-align:top;
    width:25%;
}

#footerComposante h2 {
    font-size:1em;
    text-transform:uppercase;
    background:none;
    text-decoration:none;
    color:#005278;
    border:none;
    padding:0px;
    margin:0px;
}