body {
	margin:0 auto;
	padding:0;
	text-align:center;
	background:#000000 url(/images/background.jpg) no-repeat fixed center top;
	min-width:912px;
	height:100%;
	font-family: 'Noto Sans', Arial, Verdana, Sans-serif;
	font-size:100%;
	color:#FFFFFF;
}

html, body {
	height: 100%;
	/* ou min-height: 100%; height: auto; */
}

a, a:visited {
	text-decoration:none; color:#A1D068;
}
a:hover, a:visited:hover {
	text-decoration:underline; color:#A1D068;
}
a {
	outline: none;
}
:focus {
	-moz-outline-style: none;
}
	
img {
	border:0 none; padding:0; margin:0;
}

p, th, ul, ol, li, blockquote, input, div {
	margin:0; padding:0;
}

input, select, table, td, textarea { 
	font: inherit; 
}
	
td, th {
	vertical-align:top; text-align:left;
}
	
em {
	font-style:italic;
}



sup {  
	vertical-align:baseline; font-size:75%; position:relative; top:-0.5em;
}


/**** Container ****/

#conteneur {
	width:912px; position: relative; text-align:left; margin:0 auto; padding:0;
}



/************ Header *************/ 

#header {
	padding:30px 0 0 0; width:890px; margin:0 auto;
}



/**** Menu ****/

#menu {
	text-align:center; margin:5px 25px 20px 25px; position:relative;
}

#menu ul {
	margin:0 0 0 62px; padding:0; list-style-type:none; width:798px; height:46px; background: url(/images/background_nav.png) no-repeat center 0; 
}
#menu li {
	margin:0; padding:0 29px; display:inline-block;
}
/* hack IE7 */
*+html #menu li {
	float:left;
}

#menu a {
	display:inline-block; height:46px;
}

#nav_accueil {
	position:absolute; top:0; left:0;
}

#nav_accueil a {
	width:49px; background: url(/images/nav/home.png) no-repeat center 0; 
}
#nav_accueil a:hover, #nav_accueil a.on {
	background: url(/images/nav/home.png) no-repeat center -50px; 
}

#nav_nouvelles a {
	width:102px; background: url(/images/nav/nouvelles.png) no-repeat center 13px; 
}
#nav_nouvelles a:hover, #nouvelles #nav_nouvelles a {
	background: url(/images/nav/nouvelles.png) no-repeat center -37px; 
}

#nav_realisations a {
	width:122px; background: url(/images/nav/realisations.png) no-repeat center 13px; 
}
#nav_realisations a:hover, #realisations #nav_realisations a {
	background: url(/images/nav/realisations.png) no-repeat center -37px; 
}

#nav_blogue a {
	width:71px; background: url(/images/nav/blogue.png) no-repeat center 13px; 
}
#nav_blogue a:hover, #blogue #nav_blogue a {
	background: url(/images/nav/blogue.png) no-repeat center -37px; 
}

#nav_distinctions a {
	width:124px; background: url(/images/nav/distinctions.png) no-repeat center 13px; 
}
#nav_distinctions a:hover, #distinctions #nav_distinctions a {
	background: url(/images/nav/distinctions.png) no-repeat center -37px; 
}

#nav_contact a {
	width:83px; background: url(/images/nav/contact.png) no-repeat center 13px; 
}
#nav_contact a:hover, #contact #nav_contact a {
	background: url(/images/nav/contact.png) no-repeat center -37px; 
}



/************ Contenu *************/

#zone_video {
	background: url(/images/background_zone_video.png) no-repeat center top; height:525px; width:890px; margin:0 auto; position:relative;
}

#zone_video #playervideo {
	height:460px; width:817px; position:absolute; left:23px; top:22px; 
	background: url(/images/background_playervideo.png) no-repeat center top; padding:0px 6px 8px 14px; text-align:right;
}

#nouvelles #zone_video, #realisations #zone_video, #distinctions #zone_video, #contact #zone_video {
	background: none; height:115px;
}


#zone_titres_sections {
	width:863px; margin:0 auto 15px auto;
}
#zone_titres_sections img {
	border-radius:10px;
}

/**** Contenu ****/


.contenu {
	width:890px; margin:0 auto 7px auto; text-align:left; font-size:13px; font-size: .85em; text-align:left; line-height:1.4em;
}

.contenu .top {
	background: url(/images/background_contenu_top.png) repeat center 0; height:18px; font-size:0; line-height:0;
}
.contenu .background {
	background: url(/images/background_contenu.png) repeat center 0; margin:0; padding:12px 46px 20px 47px; /* width reel = 797px */
}
.contenu .footer {
	background: url(/images/background_contenu_bas.png) repeat center 0; height:27px; font-size:0; line-height:0;
}

h1 {
	font-size:1.7em; line-height:1.24em; font-weight:normal; padding:0 0 .5em 0; margin:0; color:#FFFFFF; font-family: Verdana, Arial, Verdana, Sans-serif;
}

.contenu p {
	padding: 0 0 .8em 0; margin: 0;
}

.contenu ul {
	/*Hack pour espace a gauche de la liste*/ 
	margin:0 0 .6em 17px; padding:0;
	/* padding-top:0; padding-right:0; padding-bottom:0; margin-top:0; margin-right:0; margin-bottom:.6em; */
	/*
	Pour avoir une image a la place de la bullet : 
	Methode 1 : list-style-type:none;
	Methode 2 : list-style-type: circle;
	*/
}
.contenu ol {
	margin:0 0 .6em 17px; padding:0;
	/* padding-top:0; padding-right:0; padding-bottom:0; margin-top:0; margin-right:0; margin-bottom:.6em; */
}
.contenu ul ul, .contenu ul ol, .contenu ol ol, .contenu ol ul {
	margin-bottom:0; margin-top:.5em;
}
.contenu li {
	padding:0 0 .2em 0; margin:0;
	/*Pour avoir un bullet different au bout (image) 
	Methode 1 (Fonctionne mieux que le list-style )
	background: url(/images/bullet.gif) no-repeat left 0.5em; padding:0 0 .2em 15px; 
	Methode 2
	list-style-image: url(images/bullet.gif);
	*/
}
.contenu ul li ul, .contenu ul li ol,
.contenu ol li ul, .contenu ol li ol {
	margin-bottom:0;
}

.contenu .coller {
	padding: 0 0 .2em 0; margin: 0;
}

.contenu .retour {
	padding:0; font-size:.8em; text-align:right; clear:both;
}

.contenu .hautdepage {
	padding: .5em 0 0 0; font-size:.8em; text-align:right; line-height:0.5em; clear:both;
}

.contenu .imageGauche {
	float:left; margin:0px 15px .8em 0; padding:0;
}
.contenu .imageDroite {
	float:right; margin:0px 0 .8em 15px; padding:0;
}

.contenu .gauche {
	text-align:left; float:left; margin:0px 15px .8em 0; padding:0;
}
.contenu .droite {
	text-align:right; float:right; margin:0px 0 .8em 15px; padding:0;
}
.contenu .centre {
	text-align:center; margin:0 auto; padding:0;
}

.contenu .section {
	padding:0 0 0 25px;
}
.contenu .indention {
	padding:0; margin:0 0 0 25px;
}

.contenu .slogan {
	font-size: 1.1em;font-weight: bold; font-style:italic;
	padding: .5em 0 .9em 0;margin: 0;
	color: #A91419; text-align:center;
}

.contenu hr {
	color: #A91419; background-color: #A91419; height:1px; clear:both; margin:0 0 1em 0;
}

.contenu .encadre {
	padding: .8em .8em 0 .8em; margin: 0 1.5em;
	text-align:center; border:1px solid #A91419;
}

.contenu .bordure {
	border:1px solid #A91419;
}

.contenu .note {
	font-size:.8em;
}

.creditPhoto:hover {
	cursor: help;
}

/* Pour faire suivre le texte apres un float */
.spacer {
	clear:both; font-size:0px; line-height:0px; height:0px;
}

a.lienAnchor {
	text-decoration:none; font-size:0px; line-height:0px;
}



/** Tableaux **/

/* Tableau de base (transparent) */
.contenu table.tableauBase td {
	padding:2px; text-align:left;
}
.contenu table.tableauBase td p {
	padding: 0 0 .8em 0;
}




.buttonOff {
	opacity:.70; -moz-opacity: 0.7;
}
.buttonOn {
	opacity:100; -moz-opacity: 1;
}
.buttonOver {
	opacity:.50; -moz-opacity: 0.5;
}


.colonnes_container {
		
}
.colonnes_container .colonne1 {
	float:left; width:380px;
}
.colonnes_container .colonne2 {
	float:right; width:380px;
}


/* Site map */

.contenu ul.sitemap li {
	font-size:1.2em; font-weight:bold; padding-top:1em;
}
.contenu ul.sitemap li ul li {
	font-size:.9em; font-weight:normal; padding-top:.5em;
}


#btn_soumision_container {
	position:absolute; z-index:100; top:75px; left:670px;
}
#btn_soumision {
	position:absolute; z-index:2; top:0px; left:0px;
}
#btn_soumision_glow {
	position:absolute; z-index:1; top:-65px; left:-25px;
}
#cest-rapide {
	position:absolute; z-index:1; top:-70px; left:215px;
}

#realisations #btn_soumision_container {
	top:100px;
}



/**** Accueil ****/

#zone_valeur {
	background: url(/images/background_zone_valeur_top.png) no-repeat center top; width:890px; margin:0 auto; text-align:left; font-size:13px;
}
/* hack firefox */
html:not([lang*=""]) #zone_valeur {
  font-size:12px;
}
#zone_valeur h1 {
	padding:0; margin:0 0 14px 0; font-size:17px; line-height:1em; 
}
/* hack firefox */
html:not([lang*=""]) #zone_valeur h1 {
  font-size:17px;
}
#zone_valeur .background {
	background: url(/images/background_zone_valeur.png) no-repeat center 18px; padding:18px 0 30px 0; height:230px; position:relative; overflow:auto;
}
#zone_valeur table {
	margin:0 0 0 300px; width:555px;
}
#zone_valeur td {
	vertical-align:middle; height:235px;
}

#zone_valeur ul {
	margin:0px 0 0 17px; padding:0; list-style-type:none; font-size:18px;
}
#zone_valeur li {
	background: url(/images/crochet-vert.png) no-repeat left 0; padding:0 0 15px 35px;
}


/**** Services ****/

#services .colonnes_container {
	padding:35px 0 0 0	
}
#services .colonnes_container .colonne1 {
	width:377px;
}
#services .colonnes_container .colonne2 {
	width:377px;
}

.bloc_video {
	position:relative; padding:15px 0 40px 0; background: url(/images/preview_videos/services_shadow.png) no-repeat left 15px;	
}
.bloc_video .titre {
	position:absolute; top:-15px; left:-15px; z-index: 100;
}


#logos {
	width:890px; margin:0 auto 7px auto; position:relative;
}
#logos .titre {
	position:absolute; top:15px; left:20px;
}
#logos .top {
	background: url(/images/background_logos_top.png) repeat center 0; height:18px; font-size:0; line-height:0;
}
#logos .background {
	background: url(/images/background_logos.png) repeat center 0; margin:0; padding:12px 26px 20px 27px; text-align:center; /* width reel = 837px */
}
#logos .footer {
	background: url(/images/background_logos_bas.png) repeat center 0; height:27px; font-size:0; line-height:0;
}
#logos img {
	margin: 0 20px 10px 20px; vertical-align:middle;
}




/**** Contact ****/

#equipe .contenu .background, #contact .contenu .background {
	padding-top:8px; padding-bottom:0;
}

#equipe .colonnes_container .colonne1, #contact .colonnes_container .colonne1 {
	width:316px;
}
#equipe .colonnes_container .colonne2, #contact .colonnes_container .colonne2 {
	width:454px; padding:10px 0;
}

#equipe .colonne2 .hauteurMin, #contact .colonne2 .hauteurMin {
	min-height: 137px; padding:0 0 10px 0;
}

#equipe .colonne2 .nom, #contact .colonne2 .nom {
	font-size:1.5em; font-family:Verdana, Arial, Geneva, sans-serif; margin:0 0 3px 0;
}
#equipe .colonne2 .titre, #contact .colonne2 .titre {
	padding:0 0 .8em 0;contact
}



/**** Demande en ligne ****/

body#demande_en_ligne {
	background:none; background-color:#FFF; min-width:500px; color:#333;
}

#demande_en_ligne .contenu {
	width:500px; text-align:left; margin:0 auto; padding:0 10px;
}

#demande_en_ligne .contenu h1 {
	font-size:1.5em; line-height:1.24em; font-weight:normal; padding:.5em 0 .5em 0; margin:0; color:#333; font-family: Verdana, Arial, Verdana, Sans-serif;
}
/* hack ie7 */
*+html #demande_en_ligne .contenu h1 {
	padding:1em 0 0 0;
}

#demande_en_ligne .contenu h2 {
	padding:0 0 .6em 0;
}

#demande_en_ligne form {
	/*border-top:1px solid #333;*/ background-color:#e3e3e3; border-radius: 10px; padding:20px; margin:0 0 1em 0;
}

#demande_en_ligne div div {
	padding:10px 0 10px 0; zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
/* Pour faire suivre le texte apres un float. A appliquer au conteneur parent */
#demande_en_ligne div div:before, #demande_en_ligne div div:after {
    content: ""; display: table;
} 
#demande_en_ligne div div:after {
    clear: both;
}

#demande_en_ligne label {
	float:left; width:180px; font-weight:bold;
}

#demande_en_ligne div div div {
	float:left; width:300px; clear:none; padding:0;
}

#demande_en_ligne input, #demande_en_ligne textarea {
	width:270px; padding:5px;
}
#demande_en_ligne select {
	width:285px; padding:5px;
}
#demande_en_ligne table.tableauDemandeenligne td p {
	padding:0;
}





/** Mobile **/

@media only screen 
and (max-width: 1120px) {
	
	#cest-rapide {
		display:none;
	}
	
}


@media only screen and (max-width: 650px){
	/* Disable font adjust on iphone */
	div, p, a, li, td { -webkit-text-size-adjust:none; }
	
	body#demande_en_ligne {
		min-width:100px;
	}
	
	#demande_en_ligne .contenu {
		width:auto; text-align:left; margin:15px;
	}

		
}
/* Smartphones (landscape) */
@media only screen 
and (min-width : 150px)
and (max-width: 430px) {
	
	
	#demande_en_ligne label, #demande_en_ligne div div div {
		float:none; width:auto; display:block; margin:0 0 4px 0;
	}
	
	#demande_en_ligne input, #demande_en_ligne textarea, #demande_en_ligne select {
		width:100%;
	}

}









/**** Footer ****/

#footer {
	width:890px; margin:0 auto; padding:28px 0 38px 0; text-align:center; font-size:11px; color:#000000;
	background: url(/images/background_footer.png) no-repeat left top;
}
#footer .picto {
	margin-right:5px;
}



/* Lien taiga */

#webmaster {
	text-align:right; color: #FFFFFF; margin: 8px auto; padding:0 15px 0 0; 
	font-size:10px; width:875px;
}
#webmaster a, #webmaster a:visited {
	text-decoration:none; color:#FFFFFF;
}
#webmaster a:hover, #webmaster a:visited:hover {
	text-decoration:underline; color:#FFFFFF;
}


a.seeAllContent {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5f8035), color-stop(1, #222b11) );
	background:-moz-linear-gradient( center top, #5f8035 5%, #222b11 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f8035', endColorstr='#222b11');
	-moz-box-shadow:inset 0px 0px 29px 0px #000000;
	-webkit-box-shadow:inset 0px 0px 29px 0px #000000;
	box-shadow:inset 0px 0px 29px 0px #000000;
	background-color:#5f8035;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:2px solid #ffffff;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	line-height:35px;
	text-decoration:none;
	text-align:center;
	margin-bottom: 20px; padding:0 20px;
}
a.seeAllContent:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #375115), color-stop(1, #222b11) );
	background:-moz-linear-gradient( center top, #375115 5%, #222b11 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#375115', endColorstr='#222b11');
	background-color:#222b11; color:#ffffff;
}
a.seeAllContent:active {
	position:relative;
	top:1px;
}