/*----------------------------------------------------------------------------- 
ENTREPRISES CAM CONSTRUCTION INC Screen Stylesheet 

version:   1.1 
date:      08/02/2010 
author:    Carl Servant / SÉQUENCE DIGITALE SENC 
email:     info@sequencedigitale.com 
website:   www.sequencedigitale.com/web/ 
version history: /_INCLUDES/css/style.css
-----------------------------------------------------------------------------*/


/*  -------------------------------------------------------
	GLOBALS RESET - SOURCE W3.ORG
	------------------------------------------------------- */
	
	html{
		color:#000;
		background:#FFF;
	}

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
	form,fieldset,legend,input,textarea,p,blockquote,th,td, 
	address{
		margin:0;
		padding:0;
	}

	table{
		border-collapse:collapse;
		border-spacing:0;
	}

	fieldset,img{
		border:0;
	}

	address,caption,cite,code,dfn,em,strong,
	th,var{
		font-style:normal;
		font-weight:normal;
	}

	li{
		list-style:none;
	}

	caption,th{
		text-align:left;
	}

	h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}

	q:before,q:after{
		content:'';
	}

	abbr,acronym {
		border:0;
		font-variant:normal;
	}

	sup {
		vertical-align:text-top;
	}

	sub {
		vertical-align:text-bottom;
	}

	input,textarea,select{
		font-family:inherit;
		font-size:inherit;
		font-weight:inherit;
	}

	input,textarea,select{
		*font-size:100%;
	}

	legend{
		color:#000;
	}


	body {
		font-family: sans-serif;
		*font-size:small;
		*font:x-small;
	}

	table {
		font-size:inherit;
		font:100%;
	}

	/* CLEAR FIX*/
	.clearfix:after {content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac *


	
	
	
/*  -------------------------------------------------------
	TYPOGRAPHIE
	------------------------------------------------------- */

	h2{
		color: #737374;
		font: bold 21px arial;
		text-transform: uppercase;
		margin-bottom: 15px;
	}

	h3{
		border-bottom: 1px solid #CCCCCC;
		color: #0071BA;
		font: bold 16px arial;
		margin-bottom: 0px;
		padding-bottom: 3px;
	}

	#Formulaire  h3{ 
		border: 0px;
		color: #C45F43;
		margin-bottom: 15px;
	}

	h4{
		color: #F4793A;
		font-weight: bold;
	}

	hr{
		border: 0;
		border-bottom: 1px dashed #CCCCCC;
		margin: 25px 0;
	}


	a { color: #2c2c2c; }
	  a:hover { color: #f47a0e; }
	  
	a{ color: #5b88ae;}
		a span{ visibility: hidden; }  
		
	a img { border: none; }

	address{
		font-style: normal;
	}

	p{ margin-bottom: 15px; }

	ul, ol { list-style: none; }

	strong{ font-weight: bold; }	

/*  -------------------------------------------------------
	LIBRAIRIE
	------------------------------------------------------- */

	.alignLeft{ text-align: left; }
	.alignRight{ text-align: right; }

	.displayNone{ display: none; }

	.floatLeft{ float: left; }
	.floatRight{ float: right; }

	.noBorder{ border: 0; }
	
	.red{ color: red; }
	.green{ color: green; }

/*  -------------------------------------------------------
	STRUCTURE - SHELL
	------------------------------------------------------- */

	html, body, #pageWrap { height: 100%; }
	body > #pageWrap {height: auto; min-height: 100%;}


	html, #pageHeader{
		background: #E7E7E7 url(../images/background.jpg) repeat-x center -50px;
	}

	body { 
		font: 12px/17px verdana, arial,sans-serif; 
	}


	/* Entete de page */
		#pageHeader{
			clear: both;
			height: 179px;
			padding-top: 6px;
		}
		
			#pageHeader .ContentWrap{
				position: relative;
			}

	/* Contenu Principal */
		#pageWrap{
			clear: both;
			background: #FBFDFC url(../images/Contenu_image_pieddepage.jpg) no-repeat 0px bottom;
			margin: 0px auto;
			position: relative;
			width: 875px;
		}

			#pageContenu{		
				background: transparent url(../images/Contenu_image_entete.gif) no-repeat 0px top;
				clear: both;
				padding-bottom: 50px;
			}
			

	/* Pied de page */
		#pageFooter{
			background: #0076BD url(../images/background.jpg);
			clear:both;
			color: #FFFFFF;
			height: 42px;	
			margin-top: -50px;	
			padding-top: 8px;
			position: relative;
			text-align: right;	
		}


	/* Center le contenu */
		div.ContentWrap{
			clear: both;
			margin: 0 auto !important;
			padding: 0;
			width: 875px !important;	
		}

	
/*  -------------------------------------------------------
	NAVIGATION
	------------------------------------------------------- */

	ul.NAV{
		clear: both;
		position: absolute;
		top: 147px;
	}

	ul.NAV li{		
		float: left;
	}
		

		
	ul.NAV li a{
		color: #ECECEC ;
		display: block;
		float: left;
		font-weight: bold;
		padding: 8px 15px 7px 15px;
		font-size: 11px;
		height: 17px;
		text-decoration: none;
	}

	ul.NAV li a:hover{
		color: #ECECEC ;
		text-decoration: underline;
	}

	#pageHeader ul.NAV a {background: url(../images/bgsombre.jpg) repeat 0 0;}	

	
/*  -------------------------------------------------------
	STRUCTURE SECTIONS
	------------------------------------------------------- */
	
	/* Changement de langue */
		#Langue,#Langue a {
			text-align: right;
			color: #004D99;
			font-weight: bold;
			text-decoration: none;
		}

			#Langue a:hover{
				color: #EA6537;
				text-decoration: underline;
			}
			
		#casque_mini{
			float: left;
			position: relative;
			margin-left: -120px;
			height: 50px;
		}

	/* Icones APCHA */
		#APCHQ{
			position: absolute;
			top: 50px;
			right: 0px;
		}
		
		#APCHQ li {			
			background: transparent url(../images/certifications.png) no-repeat;
			display: block;
			float: left;	
			height: 60px;	
			margin-left: 10px;		
			width: 62px;			
		}
			
		#APCHQ li a{						
			display: block;
			height: 60px;
			text-indent: -9000%;
		}
				
		#APCHQ li.APCHQ_renomaitre{
			background-position: -70px 0px;
		}

	/* Musique Background */
		#flash_musique{
			float: right;
			margin-left: 25px;
		}	

		#stopmusique{
			font-size: 1.2em; 
			font-weight: bold; 
			padding: 20px; 
			text-align: center;
		}


	/* Titre Entrepreneur General */
		#Entrepreneur_general{
			padding: 50px 0 50px 150px;
		}

	/* Casque Animé */
		#casque{
			float: left;
			margin-left: 25px;
		}
	

	/***********************/
		div.Contenu{
			border-left: 1px solid #AAAAAD;
			color: #013a6f;
			display: none;
			margin: 0px 40px auto 275px;
			padding-left: 25px;
			margin-bottom: 50px;
		}

			#Contenu_Accueil{
				display: block;
			}


			ul.list li{
				background: transparent url(../images/li.gif) no-repeat 3px 8px;
				padding: 7px 0 7px 25px;
				
			}
	
	/* Table */
	div.Contenu .contact table{
		margin-bottom: 10px;
		width: 100%;
	}

		div.Contenu .contact table td{
			background-color: #DDE2E9;
			padding: 3px;
		}


	fieldset{	
		background-color: #FFFFFF;
		border: 1px solid #CCCCCC;
		margin-top: 50px;
		padding: 5px;
	}

		fieldset legend{
			margin: 0px;
		}

	form table td{
		padding: 3px;
	}

		form button{
			margin: 5px 0;
		}

		form #form_details{
			height: 150px;
			width: 480px;
		}
			
	/********* SECTION AVANT APRES *********/
	#Accueil_avantapres{
		float: right;
		width: 230px;
		text-align: center;
	}

		#Accueil_avantapres div{
			clear: both;
		}

		#Accueil_avantapres ul{
			border-left: 1px solid #CCCCCC;
			width: 230px;
			height: 240px;
			margin-bottom: 10px;
			padding-left: 20px;
		}

			#Accueil_avantapres ul li{
				float: left;
				height: 119px;
				margin: 1px;
				overflow: hidden;	
			}


	#Contenu_Realisations ul{
		margin: 15px 0;
	}

		#Contenu_Realisations ul li{
			display: inline;
		}	

		#Contenu_Realisations ul li img{
			border: 1px solid #CCCCCC;
			padding: 2px;
		}
		
		#Contenu_Realisations ul li img:hover{
			background: #BEDEF2;
			border: 1px solid #0071BA;
		}


	/*********** SERVICES MOUSE OVER **********/
	#service_mouse{
		background-color: #FFFFFF;
		border: 1px solid #0071BA;
		padding: 5px;
		position: absolute;
		
		width: 250px;
	}

		#service_mouse img{
			border: 1px solid #333333;
			float: left;
			margin-right: 10px;
		}

		#service_mouse p{
			margin: 0;
		}

/**/