/* -----------------------------------------------Structure---------------------------------------- */
html, body {
	height: 100%;
	margin: 0;
}
html{
	margin:0;
	padding:0;
	font-size:100%;
}
body {
	margin:0;
	padding:0;
	/*background-color:#D7E3E3;*/
	background-color:#FFFFFF;
	background-image:url(images/fondBody.png);
	background-repeat:no-repeat;
	background-position:top center;
	/*background-color:#a6c0d3;*/
	text-align: center;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}
/* --------------------------------- */
/* --- CONTENEUR GENERAL, global --- */
/* --------------------------------- */
div#global{
	min-height: 100%;
	width: 960px;
	margin: 0 auto;
	padding:0;
	text-align: left ;
	background-color:#FFFFFF;
	position: relative; /* L'utilisation de position:relative définit les frontières de l'élément #global comme point de repère pour le positionnement de ses enfants*/
}
/* --- Header --- */
div#header {
	margin:0 auto;
	padding:0;
	width:960px;
	height:222px;
	background-image:url(images/fondHeader.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	color: #000000;
	text-align:left;
}

div#bandeau{
	height:160px;
	margin:0;
	padding:0;
}

	div#logo {
		margin:0;
		padding:0;
	}
	div#logo img, div#logo a{
		padding:18px 0 0 10px;
	}
	div#logo .txtLogo{
		margin:0 0 0 25px;
		padding:0;
		color:#009933;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.85em;
		font-weight:bold;
		font-style: italic;
	}
	div#logo .txtLogo a, div#logo .txtLogo a:hover, div#logo .txtLogo a:visited{
		margin:0;
		padding:0;
		color:#009933;
		font-size:0.95em;
		text-decoration: none;
	}
	.flash{
		float:right;
		margin:0;
		padding:0 4px 0 0;
	}
	/* ------------------ LANGUES ------------------ */
	ul#langues {
		margin: 28px 0 0 15px;
		padding: 0;		
		width:220px;
		height:30px;
		list-style: none;
		text-align:center;
	}
	ul#langues li{
		display:inline;
		margin:0;
		padding:0 1px;
	}
	ul#langues li a{
		padding:10px 1px 0 1px;
		background-image:none;
	}
	ul#langues li a:hover{
		background-image:url(images/langues_ombre.png);
		background-repeat:no-repeat;
	}
	
/* ------------ MENU (horizontal) ----------- */	
#menu{
	height:62px;
	margin:26px 0 0 18px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
}

#menu ul{
	margin:5px 0 0 0;
	list-style-type: none;
}
#menu ul li{
	margin:0 8px;
	float: left;
	text-align: center;
	list-style:none;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

#menu ul li a, #menu ul li a:visited{
	display: block;
	padding:6px;
	text-decoration: none;
	font-weight: bold;
	color:#993300;
	border-bottom:1px solid #FFEBBF;
	text-shadow: 1px 1px 1px #999999;  /* text-shadow : Ombre vers la droite - Ombre vers la gauche - Flou - Couleur */
}

#menu ul li a:hover{
	/*background-color:#FFFFFF;*/
	color:#333333;
	text-decoration:none;
	border-bottom:1px dashed #036003;
	text-shadow: 1px 1px 1px #CCCCCC; 
}
	
#menu ul li.select{
	display: block;
	padding:6px;
	font-weight: bold;
	color:#393939;
	text-decoration:none;
	border-bottom:1px dashed #999999;
	text-shadow: 1px 1px 1px #CCCCCC;
}
/* --- Dans GLOBAL, Conteneur (Center) --- */
/*
div#conteneur{
	width:940px;
	padding:0 10px 50px 10px;  50px bottom : Pour éviter la superposition du pied de page et du contenu 
	overflow: auto;  sans ça, les Float sortent de la zone Center -  il faut obliger #center à englober les flottants dans le calcul de sa hauteur 
}
*/	
/* --- CONTENU --- */
div#contenu {
	margin:0 auto;
	padding: 0 30px 70px 35px; /* 70px bottom : Pour éviter la superposition du pied de page et du contenu */
	width:895px;
	overflow: auto; /* sans ça, les Float sortent de la zone Center -  il faut obliger #center à englober les flottants dans le calcul de sa hauteur */
	font-size:0.9em;
	background-image:url(images/fondContenu.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#FFFFFF;
	line-height:1.6em;
	}

/* --- BAS DE PAGE --- */
div#basdepage{
	position: absolute;
	width:940px;
	margin: 0 auto;
	padding:6px 10px;
	bottom: 0;
	height:39px;
	background-color:#FFFFFF;
	border-top:1px dashed #666666;
	color:#333333;
	font-size:0.75em;
	font-weight: bold;
	text-align: center;
	line-height:1.5em;
}
div#basdepage a{
	text-decoration:underline;
	font-weight: bold;
}
/*
div#basdepageTechniques{
	width:100%;
	margin:50px 0 0 0;
	padding:6px 10px;
	bottom: 0;
	height:39px;
	background-color:#FFFFFF;
	border-top:1px dashed #666666;
	color:#333333;
	font-size:0.75em;
	font-weight: bold;
	text-align: center;
	line-height:1.5em;
}
div#basdepageTechniques a{
	text-decoration:underline;
	font-weight: bold;
}
*/
/* ------------------ FIN STRUCTURE ------------------- */
p{
	text-indent:8px;
}
ul li{
	padding:0 0 10px 0;
}
div.referenceDroite{
	float:right;
	margin:0 0 0 15px;
	padding:0 0 10px 0;
	/*height:300px;*/
	width:245px;
	background-color:#F2F2F2;
	border:1px dashed #999;
	box-shadow: 2px 2px 5px #CCC;
	-moz-box-shadow : 2px 2px 5px #CCC;
	-webkit-box-shadow: 2px 2px 5px #CCC;
}
.referenceDroite div, .referenceDroite p{
	padding: 0 10px;
}

div.referenceDroite h2{
	margin:0 0 10px 0;
	padding:5px;
	color:#CC6600;
	/*color:#007751;*/
	background-color:#FFFFFF;
	border-bottom:1px solid #CC6600;
	text-shadow: 1px 1px 1px #CCC;
}

div.referenceDroite ul{
	list-style-image:url(images/puce_reference.png);
	margin:0;
	padding:10px 8px 0 35px;
}
div.referenceDroite ul li{
	padding:2px 0;
}
.referenceDroite .sousTitre, .referenceDroite .sousTitre a, .referenceDroite .sousTitre a:hover, .referenceDroite .sousTitre a:visited{
	color:#663399;
	font-weight:bold;
	text-decoration:underline;
}

div.telecharger{
	margin:20px 0 10px 0;
	padding:0;
	width:100%;
	height:30px;
	font-size:0.85em;
	text-align:center;
}
div.telecharger a, div.telecharger a:visited{
	padding : 8px 30px;
	width:100%;
	color:#333333;
	background-image:url(images/telecharger.png);
	background-position:top center;
	background-repeat:no-repeat;
	text-decoration: none;
}
div.telecharger a:hover{
	color:#993300;
	background-image:url(images/telecharger2.png);
	background-position:top center;
	background-repeat:no-repeat;
}
div#aSavoir {
	float:right;
	width:135px;
	margin:10px 0 5px 5px;
	padding:5px;
	text-align:center;
	line-height:1.8em;
	background-color:#FFCC99;
	border: 1px solid #006699;
	color: #993300;
}
div#aSavoir h2 {
	margin:0;
	padding:4px 8px 20px 8px;
	text-indent:4px;
	font-size:1.2em;
	text-align:center;
	color:#CC0000;
}
div#aSavoir ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
div#aSavoir li {
	text-align:right;
	padding-right:12px;
	background-image:url(images/puce2.png);
	background-position:top right;
	background-repeat:no-repeat;
}
div#aSavoir a{
	color: #666699;
	text-align: right;
	text-decoration: none;
	padding-bottom:3px;
	padding-right:3px;
}
div#aSavoir a:hover, div#aSavoir a:focus, div#aSavoir a:active{
	background-color: #CC9999;
	color: #FFFFFF;
}
li{
	margin:0;
	padding:0;
}
div#filAriane{
	padding:2px 0px;
	margin-right:5px;
	font-size: 0.85em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #006666;
	font-style: italic;
}
div#barreOutils{
	padding:0px;
	margin:0;
	text-align:right;
	/*float:right;*/
}
a, a:visited{
	color: #1A40B3;
	text-decoration:underline;
}
a:hover{
	color: #0099FF;
	text-decoration:none;
}
h1 {
	margin:5px 0 40px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.55em;
	text-align:center;
	color:#7C3F7C;
}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:22px 0 10px 0;
	font-size:1.15em;
	text-align:left;
	/*color:#CC0000;*/
	color:#D85701;
}
h3 {
	margin:20px 0 0 0;
	padding:0;
	font-size:1em;
	line-height:1em;
	text-align:left;
	color:#006699;
	font-style: italic;
	text-decoration: underline;
	text-indent:15px;
}
.droite{
	float:right;
	padding:0 0 0 5px;
}
.droite2{
	float:right;
	width:35%;
	background-color:#E9E9E9;
	padding:5px 12px;
	margin:0 0 0 15px;
}
.droite2 ul {
	margin:5px 0;
}
.droite2 ul li{
margin:0;
padding:0 0 2px 0;
}
.droite2 p{
	margin:2px 0;
}
.droite2 h2{
	margin:0;
	background-color:#FFFFFF;
	border-bottom:1px dashed #CCCCCC;
}

.gauche{
	float:left;
	padding:0 5px 0 0;
}
.gaucheUL{
	float:left;
	padding:0 20px 0 0;
}

.intro{
	font-size:1.1em;
	text-align:center;
	color:#006699;
	font-weight:bold;
}
div#fiche{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width:90%;
	background-color:#E2F5FC;
	border: 1px solid #006699;
	padding:5px 10px 5px 10px;
	font-size:0.95em;
}
.fermer_fiche{
	text-align:center;
	padding-top:0px;
	height:15px;
	font-size:0.75em;
}
img{
	border:none;
}
div.imgActu{
	float:right;
	margin:5px 5px 8px 8px;
	border:none;
}
div.imgDroite{
	float:right;
	margin:5px 5px 5px 8px;
}
div.imgDroite img{
	border:1px solid #000000;
}
div.imgDroiteReal{
	float:right;
	margin:5px 100px 5px 18px;
}
div.imgDroiteReal img{
	border:1px solid #000000;
}

/* Contact - Zone encadrée */
div#contact{
	margin:0 auto;
	padding:5px;
	text-align:center;
	line-height:1.5em;
	font-size:1.05em;
	border:1px solid #3399CC;
	width:340px;
	color: #333333;
}

/* Actualités */
.remonter{
	text-align:right;
	font-style:italic;
	font-size:0.9em;
	font-weight:bold;
	/*border-bottom:1px solid #006699;*/
	margin:6px;
	padding:0px 2px 2px 0px;
	background-color: #FFFFE6;
}
.remonter a{
	color: #666699;
}
.remonter a:hover{
	color: #339999;
}
.note{
	color: #990000;
	font-variant: small-caps;
	font-weight: bold;
	text-align:center;
}
.remarque{
	color:#7C3F7C;
	font-style:italic;
	font-weight:bold;
}
ul.prestations {
	margin:0;
	list-style-image:url(images/puce_prestation.png);
}
ul.prestations li {
	padding:2px;
}

/* ------------ REALISATIONS ------------ */
.realisations{
	float:left;
	width:275px;
	margin:0 22px 0 0;
	padding:0;
	background-color:#FFFFFF;
}
.realisations p{
	margin:0;
	padding:0;
}
.realisations h2{
	color:#D85701;
	padding:0;
	margin:15px 0;
}

.realisations ul {
	margin:0;
	padding:0 0 0 0;
	list-style:none;
}
.realisations ul li {
	margin:0 0 4px 0;
	padding:0 0 4px 0;
}

.realisations h3{
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;
	font-style:normal;
	text-decoration:none;
	border-bottom:1px dashed #CCCCCC;
}
.realisations a, .realisations a:visited{
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#006699;
	margin:0px 0 1px 0;
	padding:3px 0 3px 10px;
	background-image:url(images/puce_prestation.png);
	background-position:4px 4px;
	background-repeat:no-repeat;

}
.realisations a:hover{
	text-decoration:none;
	color:#F0C000;
}
.realisations .fiche{
	margin:5px;
	text-align:left;
}
.ficheAdresse{
	padding:8px;
	width:150px;
	text-align:left;
	font-size:0.85em;
	font-weight:bold;
	color:#666666;
	line-height:1.4em;
	border:1px solid #666;
}

#sidebar{
	float: left;
	width:190px;
	margin:0;
	padding:10px;
	background-color:#F2F2F2;
	border:1px dashed #999;
}
#sidebar ul{
	margin:0;
	padding:0;
}
#sidebar ul li{
	list-style-image:url(images/puce_reference.png);
	padding:4px 0;
	margin:0 0 0 25px;
	font-weight:bold;
}
#sidebar ul li a,#sidebar ul li a:visited{
	display:block;
	text-decoration:none;
	color:#D85701;
}
#sidebar ul li a:hover{
	background-color:#F9F9F9;
	color:#F59503;
}


#techniques{
	margin:0;
	padding: 0;
	font-size:0.95em;
	color:#333333;
}
#techniques .texte0{
	float:right;
	width:660px;
	background-color:#FFFFFF;
	padding:0;
}

#techniques ul.objectifs{
	padding-left:30px;
}
#techniques ul.objectifs li{
	padding-bottom:4px;
	font-weight:bold;
	list-style:circle;
}


.contenuOpen{
	width:610px;
	background-color:#FFFFFF;
	padding:0 0 0 5px;
}
/* ---------------------- ON PARLE DE NOUS ------------------- */
ul.thumb {
	/*float: left;*/
	list-style: none;
	margin: 0 auto; 
	padding:10px;
	width: 680px;
	background-color: white;
}
ul.thumb li {
	margin: 0;
	padding: 5px;
	float: left;
	position: relative;
	width: 160px;
	height: 180px;
}
ul.thumb li .legende{
	width:125px;
	margin:135px 0 0 0;
	padding:0;
	text-align:center;
	line-height:1.2em;
	font-size:0.9em;
	font-weight:bold;
}

ul.thumb li img {
	width: 125px;
	height: 125px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0;
	top: 0;
	-ms-interpolation-mode: bicubic;
}
ul.thumb li img.hover {
	margin-top:15px;
	background:url(images/articles/thumb_bg.png) no-repeat center center;border: none;
}
.title{
	position:absolute;
	margin:0;
	background-color:#999999;
	padding:5px 0 0 5px;
	text-align:center;
	color: #333333;
}
/* ----------------------------- PLAN DU SITE ----------------------------- */
/* ------------------------------------------------------------------------ */

ul.planSite{
	font-weight:bold;
	margin:0 0 0 180px;
	float:left;
}
ul.planSite li{
	list-style-image:url(images/puce_prestation.png);
	width:140px;
	padding:0px;
	margin:3px;
}
ul.planSite li a, ul.planSite li a:visited{
	padding:4px;
	display:block;
	color: #336699;
	text-decoration:none;
}
ul.planSite li a:hover{
	background-color:#FFF8DD;
	color: #0099CC;
}

/* --------- FICHES -------- */
#ficheAdmin{
	width:95%;
	margin:0 auto;
	padding:5px 10px;
	font-size:0.85em;
	background-color:#FFFAF0;
	border-right:1px solid #333;
	border-left:1px solid #333;
	text-align:left;
}
#ficheAdmin p{
	padding:0 0 3px 10px;
}
#ficheAdmin h1{
	margin:5px 5px 15px 5px;
	padding-top:0px;
	border-bottom:2px dashed #333;
}
#ficheAdmin h3{
	font-size:1.3em;
	padding:0 0 3px 0;
}

#ficheAdmin .fermer{
	margin-top:16px;
	padding:3px 8px;
	font-size:0.8em;
	text-align:right;
	border-top:1px solid #006699;
	background-color:#666699;
	color: #FFFFFF;
	font-weight:bold;
}
#ficheAdmin .fermer a, #ficheAdmin .fermer a:visited{
	color: #FFFFFF;
}
#ficheAdmin .fermer a:hover{
	color: #99CC00;
}
#ficheAdmin a, #fiche a:visited{
	text-decoration:none;
	color:#006699;
	font-weight:bold;
	font-style:italic;
}
#ficheAdmin a:hover{
	color:#666699;
}
#ficheAdmin img{
	border:none;
}
#ficheAdmin ul{
	margin:0 0 5px 25px;
	padding:2px 5px;
}
/* --------------------------------------------------------------------------------------------------- */
/* ----------------------------------------- Partie ADMIN -------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
#formAjout{
	margin:0 auto;
	padding:5px;
	width:85%;
	border:1px solid #006699;
	background-color:#FFFAF0;
}
#formAjout div{
	margin:0;
	padding:3px;
}
.action a, .action a:visited{
	font-style:normal;
	color:#CC0000;
	text-decoration:underline;
	font-size:0.9em;
	line-height:1.6em;
}
.action a:hover{
	color:#FF6600;
	text-decoration:none;
}
.confirmation{
	margin:4px auto;
	padding:2px 10px;
	font-weight:bold;
	background-color:#FF0000;
	color:#FFFFFF;
	font-size:1em;
	text-align:center;
	width:90%;
}
.confirmation a{
	font-weight:bold;
	color:#FFCC33;
	font-style:italic;
	text-decoration:underline;
}
.confirmation a:visited{}
.confirmation a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.asterisque{
	color:#FF0000;
	font-size:1.2em;
	font-weight:bold;
}


/* ------------------------ COLOR BOX ------------------------ */
/* ----------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}


#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(script/colorbox/images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(script/colorbox/images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(script/colorbox/images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(script/colorbox/images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(script/colorbox/images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(script/colorbox/images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(script/colorbox/images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(script/colorbox/images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(script/colorbox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(script/colorbox/images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(script/colorbox/images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}