@charset "UTF-8";
/* CSS Document */

/**********************************************************************************

NE PAS EFFACER NE PAS EFFACER NE PAS EFFACER

CES PARAMÈTRES EFFECTUERONT UNE MISE-À-ZÉRO DES PARAMÈTRES IMPORTANTS DE VOS PAGES HTML

CES PAGES S'AFFICHERONT AINSI DE FAÇON PLUS CONSISTANTE D'UN NAVIGATEUR À L'AUTRE

SANS POUR AUTANT GARANTIR UNE APPARENCE IDENTIQUE EN TOUT TEMPS

**********************************************************************************/

/* HTML 5 RESET */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {    
margin:0;    
padding:0;    
border:0;    
outline:0;    
font-size:100%;    
vertical-align:baseline;   
 background:transparent;}
 
body {line-height:1;}
 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {    
	 display:block;
}

nav ul {list-style:none; }

 blockquote, q {quotes:none;}
 
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
 
a {    
	margin:0;   
 	padding:0;    
	font-size:100%;   
	vertical-align:baseline;    
	background:transparent; 
}/* change colours to suit your needs */
 
ins {    
 	background-color:#ff9;    
	color:#000;    
	text-decoration:none;
}/* change colours to suit your needs */
 
mark {    
	 background-color:#ff9; 
	 color:#000;    
	 font-style:italic;    
	 font-weight:bold;}
 
del {
	text-decoration: line-through;}
 
abbr[title], dfn[title] {   
	border-bottom:1px dotted;    
	cursor:help;
}
 
table { 
 	border-collapse:collapse;    
	border-spacing:0;
}/* change border colour to suit your needs */

hr {    
 	display:block;    
	height:1px;    
	border:0;    
	border-top:1px solid #cccccc;    
	margin:1em 0;   
	padding:0;
}
 
input, select {    
	vertical-align:middle;
}

@font-face {
    font-family: 'britannicbold';
    src: url('../polices-Britannic/urw_-_britannic-bol-webfont.eot');
    src: url('../polices-Britannic/urw_-_britannic-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices-Britannic/urw_-_britannic-bol-webfont.woff') format('woff'),
         url('../polices-Britannic/urw_-_britannic-bol-webfont.ttf') format('truetype'),
         url('../polices-Britannic/urw_-_britannic-bol-webfont.svg#britannicbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'britanniclight';
    src: url('../polices-Britannic/urw_-_britannic-lig-webfont.eot');
    src: url('../polices-Britannic/urw_-_britannic-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices-Britannic/urw_-_britannic-lig-webfont.woff') format('woff'),
         url('../polices-Britannic/urw_-_britannic-lig-webfont.ttf') format('truetype'),
         url('../polices-Britannic/urw_-_britannic-lig-webfont.svg#britanniclight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'britannicmedium';
    src: url('../polices-Britannic/urw_-_britannic-med-webfont.eot');
    src: url('../polices-Britannic/urw_-_britannic-med-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices-Britannic/urw_-_britannic-med-webfont.woff') format('woff'),
         url('../polices-Britannic/urw_-_britannic-med-webfont.ttf') format('truetype'),
         url('../polices-Britannic/urw_-_britannic-med-webfont.svg#britannicmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'britannic_compress_dmedium';
    src: url('../polices-Britannic/urw_-_britanniccomd-med-webfont.eot');
    src: url('../polices-Britannic/urw_-_britanniccomd-med-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices-Britannic/urw_-_britanniccomd-med-webfont.woff') format('woff'),
         url('../polices-Britannic/urw_-_britanniccomd-med-webfont.ttf') format('truetype'),
         url('../polices-Britannic/urw_-_britanniccomd-med-webfont.svg#britannic_compress_dmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'britannic_dextra_light';
    src: url('../polices-Britannic/urw_-_britannicd-extlig-webfont.eot');
    src: url('../polices-Britannic/urw_-_britannicd-extlig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices-Britannic/urw_-_britannicd-extlig-webfont.woff') format('woff'),
         url('../polices-Britannic/urw_-_britannicd-extlig-webfont.ttf') format('truetype'),
         url('../polices-Britannic/urw_-_britannicd-extlig-webfont.svg#britannic_dextra_light') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'britannic_dultra';
    src: url('../polices-Britannic/urw_-_britannicd-ult-webfont.eot');
    src: url('../polices-Britannic/urw_-_britannicd-ult-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices-Britannic/urw_-_britannicd-ult-webfont.woff') format('woff'),
         url('../polices-Britannic/urw_-_britannicd-ult-webfont.ttf') format('truetype'),
         url('../polices-Britannic/urw_-_britannicd-ult-webfont.svg#britannic_dultra') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**********************************************************************************

FIN DE LA MISE-À-ZERO

**********************************************************************************/


/* CSS POUR LA PAGE ............ */

body {
	position:relative;
	width:100%;
}

body#background {
	background-color:#ebebeb;
	background-image:url(../images/background.jpg);
	background-position:center center;
	background-repeat:non-repeat;
	background-attachment:fixed;
}

body#bg_realisations {
	background-color:#ebebeb;
	background-image:url(../images/bg_realisations.jpg);
	background-position:center center;
	background-repeat:non-repeat;
	background-attachment:fixed;
}

body#bg_solutions {
	background-color:#ebebeb;
	background-image:url(../images/bg_solutions.jpg);
	background-position:center center;
	background-repeat:non-repeat;
	background-attachment:fixed;
}

body#bg_contact {
	background-color:#ebebeb;
	background-image:url(../images/bg_contact.jpg);
	background-position:center center;
	background-repeat:non-repeat;
	background-attachment:fixed;
}

body#bg_accueil {
	background-color:#ebebeb;
	background-image:url(../images/bg_accueil.jpg);
	background-position:center center;
	background-repeat:non-repeat;
	background-attachment:fixed;
}


header {
	/*height:93px;*/
	width:100%;
	position:absolute;
	top:15px;
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
	background-position:center center;
	z-index:1000;
} 

	section#header {
		width:980px;
		height:80px;
		margin:-2px auto 0 auto;
		/*border:1px solid black;*/
	}
	
			
			div.logoHeader {
				float:left;
				margin:7px 30px 0 30px;
			}
			
				div.logoHeader a {
					float:left;
					display:block;
					width:214px;
					height:71px;
				}
		
			h1 {
				display:inline-block;
				float:left;
				font-family: 'britannicbold';
				margin:28px 100px 0 0;
				color:#006181;
				font-size:95%;
			}
			
			nav#header {
				float:left;
			    padding:38px 0 0 0;
			}
			
				ul li {
					float:left;
					list-style-type:none;
					font-family: 'britannicbold';
					font-size:100%;
					margin:0 15px 0 0;
				}
				
					ul li a {
						text-decoration:none;
						color:#006181;
					}
					
						ul li a:hover {
							text-decoration:underline;
						}


div#wrapper {
	width:980px;
	margin:0 auto 0 auto;
	padding:200px 0 0 0;
	/*border:1px solid blue;*/
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:left;
}

	h2 {
		font-size:200%;
		color:white;
		background-color:#006181;
		font-style:italic;
		font-weight:normal;
		letter-spacing:-2px;
		display:block;
		padding:10px;
	}
		
	
	h2.accueilBanniere {
		width:315px;
		margin:0 0 10px 0;
	}
	
	h2.accueilBanniere2 {
		width:230px;
		margin:0 0 250px 0;
	}
	
	h2.contactBanniere {
		width:230px;
		margin:0 0 315px 0;
	}
	
	h2.solutionsBanniere {
		width:210px;
		margin:0 0 315px 0;
	}
	
	h2.realisationsBanniere {
		width:230px;
		margin:0 0 315px 0;
	}
	
	section#contenu {
		background-color:white;
		/****/
		-ms-box-shadow:0 4px 6px 0 rgba(0,0,0,0.25);
		-moz-box-shadow:0 4px 6px 0 rgba(0,0,0,0.25);
		-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,0.25);
		-o-box-shadow:0 4px 6px 0 rgba(0,0,0,0.25);
		/***/
		box-shadow:0 4px 6px 0 rgba(0,0,0,0.25);
	}
	
		div.header {
			background-color:#006181;
			padding:20px;
			margin:0 0 0 0;
			color:white;
			font-size:120%;
			letter-spacing:-1px;
			font-weight:lighter;
		}
		
		
		h3 {
			font-size:115%;
			font-weight:bold;
			padding:5px 0 5px 0;
			margin:15px 0 0 0;
		}
		
		div.texteAccueil {
			font-size:76%;
			font-weight:lighter;
			color:#006181;
			line-height:170%;
			text-align:left;
			padding:10px 75px 20px 75px;
			/*nombre de colonnes*/
			/***/
			-ms-column-count:2;
			-moz-column-count:2;
			-webkit-column-count:2;
			-o-column-count:2;
			/***/
			column-count:2;
			/*goutières*/
			/***/
			-ms-column-gap:60px;
			-moz-column-gap:60px;
			-webkit-column-gap:60px;
			-o-column-gap:60px;
			/***/
			column-gap:60px;
			/*lignes entre colonnes*/
			/***/
			-ms-column-rule:1px solid #dedcdc;
			-moz-column-rule:1px solid #dedcdc;
			-webkit-column-rule:1px solid #dedcdc;
			-o-column-rule:1px solid #dedcdc;
			/***/
			column-rule:1px solid #dedcdc;
		}
		
			div.texteAccueil p.un {
				-webkit-column-break-after: left;
				-ms-break-after: left;
				-moz-column-break-after: left;
				break-after:left;
			}
			
			div.texteAccueil p.deux {
				margin:0 0 20px 0;
			}
			
				div.texteAccueil p.deux span {
					font-weight:bold;
				}
		
		p.texteIntro {
			font-size:80%;
			padding:20px 75px 0 75px;
			color:#006181;
			line-height:170%;
			text-align:left;
			font-style:italic;
			font-weight:bold;
		}
		
		div.texteSolutions {
			font-size:80%;
			font-weight:lighter;
			color:#006181;
			line-height:170%;
			text-align:left;
			padding:10px 80px 30px 80px;
		}
		
			div.texteSolutions li {
				list-style-type:circle;
			}
		
		div.texteRealisations {
			font-size:75%;
			font-weight:lighter;
			color:#006181;
			line-height:170%;
			text-align:left;
			padding:10px 75px 20px 75px;
			/*nombre de colonnes*/
			/***/
			-ms-column-count:2;
			-moz-column-count:2;
			-webkit-column-count:2;
			-o-column-count:2;
			/***/
			column-count:2;
			/*goutières*/
			/***/
			-ms-column-gap:60px;
			-moz-column-gap:60px;
			-webkit-column-gap:60px;
			-o-column-gap:60px;
			/***/
			column-gap:60px;
			/*lignes entre colonnes*/
			/***/
			-ms-column-rule:1px solid #dedcdc;
			-moz-column-rule:1px solid #dedcdc;
			-webkit-column-rule:1px solid #dedcdc;
			-o-column-rule:1px solid #dedcdc;
			/***/
			column-rule:1px solid #dedcdc;
		}
		
			div.texteRealisations a {
				color:#006181;
			}
		
			div.texteRealisations div.sourceDuCredit {
					-webkit-column-break-after: left;
					-ms-break-after: left;
					-moz-column-break-after: left;
					break-after:left;
				}
			
			div.texteRealisations li {
				list-style-type:circle;
			}
			
			p.texteRealisations {
				font-size:90%;
				text-align:center;
				display:inline-block;
				padding:20px 75px 0 75px;
				color:#006181;
				line-height:170%;
				text-align:left;
				font-style:italic;
				font-weight:bold;
				margin:10px auto 10px auto;
			}
		
		div.texteContact {
			list-style-type:none;
			font-size:105%;
			font-weight:bold;
			color:#006181;
			line-height:170%;
			text-align:left;
			padding:60px 30px 60px 50px;
			float:left;
			
		}
		
			div.texteContact p {
				margin:0 0 10px 0;
			}
		
			p.adresse {
				line-height:115%;
			}
			
			p.telephone {
				line-height:115%;
			}
		

div#banniere {
	position:absolute;
	width:1370px;
	height:771px;
	left:-685px;
	top:0;
	margin-left: 50%;
    margin-left-value: 50%;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
	z-index:-1000;
}

	div#banniere div.bgBanniereAccueil {
		width:100%;
		height:771px;
		background-image:url(../images/accueil.png);
		background-repeat:no-repeat;
		background-position:center center;
		/*border:1px solid blue;*/
	}
	
	div#banniere div.bgBanniereSolutions {
		width:100%;
		height:771px;
		background-image:url(../images/nos-solutions.png);
		background-repeat:no-repeat;
		background-position:center center;
		/*border:1px solid blue;*/
	}
	
	div#banniere div.bgBanniereContact {
		width:100%;
		height:771px;
		background-image:url(../images/contact2.png);
		background-repeat:no-repeat;
		background-position:center center;
		/*border:1px solid blue;*/
	}
	
	div#banniere div.bgBanniereRealisations{
		width:100%;
		height:771px;
		background-image:url(../images/nos-realisations.png);
		background-repeat:no-repeat;
		background-position:center center;
		/*border:1px solid blue;*/
	}

footer {
	height:80px;
	width:100%;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	background-position:center center;
	z-index:1000;
}

	div.footerCenter {
		width:920px;
		margin:0 auto 0 auto;
		padding:0 20px 0 20px;
	}
	
		h4.copyrights {
			font-size:80%;
			display:inline-block;
			float:left;
			padding:31px 0 0 0;
			color:#006181;
		}
		
		div.logoFooter {
			display:inline-block;
			float:right;
			padding:13px 0 0 0;
		}
				
				
/********EXTRAS**********/
div.push {
	clear:both;
}