/* ================================================================================ */
/* = GLOBAL SITE */
/* ================================================================================ */

	html {/*overflow: hidden*/}
	/*= body ---------------------------------------- */
	body {
		font-size:62,5%;
		font-family: 'Arial', Verdana, Trebuchet MS, Geneva, Helvetica, sans-serif;
		}
	body#home {background: #FAF8F4 url(/global/medias/bgBody.gif) repeat-x 0 0}
	body#pageGenerique {background: #FFF url(/global/medias/bgBodyPage.gif) repeat-x 0 0}
		
	/*= composants ---------------------------------------- */	
	
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,
	blockquote,fieldset,input,img,legend {margin: 0; padding: 0;}
	h1,h2,h3,h4,h5,h6 {font-size: 1em; font-weight: normal}
	img { display: block; margin:0; padding:0}
	em {font-style: normal}
	ul, ol, li {list-style: none}
	.break {clear: both}
	hr {height: 1px; background-color: #0377C1; border:0}
	button {border:0; cursor: pointer!important}
	p {color: #2A1E12; line-height: 1.3em}
	a {text-decoration: none}

/* ================================================================================ */
/* = GLOBAL STRUCTURE */
/* ================================================================================ */
	
	#page {position: relative ;width: 900px; margin: 0 auto}
	#header, #mainContent, #footer {width: 900px}
	#header {background: transparent url(/global/medias/bgTopHeader.gif) no-repeat 220px 0}
	body#home #header {height: 239px}
	body#pageGenerique #header {height: 200px}	
	#colA, #colB, #colC {float: left}
	
	#colA {width: 220px; padding: 0 0 0 15px}
	body#home #colB {width: 362px; padding: 5px 0 0 5px}
	body#home #colC {width: 295px; padding: 5px 0 45px 0}
	body#pageGenerique #colB {width: 365px; padding: 0 0 0 5px}
	body#pageGenerique #colC {width: 288px; padding: 0 0 75px 0}
		
/* ================================================================================ */
/* = HEADER = */
/* ================================================================================ */
	a.returnHome {
		position: absolute; left: 250px; top: 5px;
		display: block; 
		color:#fff; font-size: 0.7em; text-decoration: underline;
		}
	#contactHeader, #flashHome, #bandeauPage {float: left}
	#contactHeader {width: 235px}
	body#home #contactHeader {
		height: 229px;
		background: transparent url(/global/medias/bgContactHeader.gif) no-repeat 0 96px
		}
	body#pageGenerique #contactHeader {
		height: 185px;
		background: transparent url(/global/medias/bgContactHeaderPage.gif) no-repeat 0 96px;
		}
	#contact {position: absolute; width: 175px}
	body#home #contact {left: 50px; top: 110px}
	body#pageGenerique #contact {left: 50px; top: 100px}
		
	#contact h1, #contact h2 {text-indent: -100em}
	#contact p, #contact p a {
		color:#fff;
		}
	#contact p {font-size: 0.6em;padding: 2px 0 3px 25px}
	#contact p.tel {
		background: transparent url(/global/medias/icnTel.gif) no-repeat 0 0}
	#contact p.mail {
		background: transparent url(/global/medias/icnMail.gif) no-repeat 0 0}
	
	/*= home ---------------------------------------- */
	#flashHome {width: 665px; height: 190px; margin-top: 39px}
	#flashHome img {display: block; padding:0; margin:0}
	
	/*= bandeau ---------------------------------------- */
	body#pageGenerique #bandeauPage {
		width: 662px; height: 145px;
		margin-top: 40px;
		}

/* ================================================================================ */
/* = colA / colB / colC home = */
/* ================================================================================ */

	/*= coLA ---------------------------------------- */
	#colA .colAcontent {
		width: 175px;
		padding: 1em 10px 1.5em 30px;
		margin: 5px 0 10px 0;
		background: transparent url(/global/medias/bgBlocColA.gif) no-repeat 0 0;
		}
	#colA .colAcontent h1 a { 
		font-size: 0.9em; color: #980027;
		font-family: 'helvetica';
		}
	#colA .colAcontent p {font-size: 0.7em; color:#447180}
	
	/*= colB ---------------------------------------- */
	body#home #colB #contentColBHome {
		width: 280px; height: 310px;
		padding: 10px 70px 10px 10px;
		overflow: hidden;
		background: transparent url(/global/medias/bgLayerHome.jpg) no-repeat 0 3px;
		}
	body#home #colB #contentColBHome h1,
	body#home #colB #contentColBHome h2 {padding: 0 0 5px 0;}
	body#home #colB #contentColBHome h1 {
		color:#4F728E;
		font-size: 0.8em
		}
	body#home #colB #contentColBHome h2 {
		color:#8f7763;
		font-size: 1em
		}
	body#home #colB #contentColBHome p {font-size: 0.7em}
	body#home #colB #contentColBHome p img {
		display: block;
		margin: 0 5px 5px 0; 
		border: 3px #fff solid; 
		}
	body#home #colB #contentColBHome a {
		display: block; width: 260px; 
		color: #980027; font-size: 0.8em;
		text-align: right; font-weight: bold;
		padding: 0 25px 0 0;
		background: transparent url(/global/medias/icnPlus.gif) no-repeat right;
		}
	
	body#home #colB #contentColBHome a.linkPDF {
		position: absolute; 
		top: 518px; left:255px;
		text-align: left!important;
		width: 265px; padding: 2px 0 2px 25px;
		font-size: 0.8em; color: #BD0043;
		font-weight: normal!important;
		background: transparent url(/global/medias/icnPDF.gif) no-repeat 0 -2px!important;
		}
	
	/*= colC ---------------------------------------- */
	body#home #colC #flashHomeProjets img {display: block; margin:0}
	#colC img.logoCIL {position: absolute; bottom: 85px; right: 0}
	#colC a img.logoCIL {border:0;}
	body#home #colC img.logoCIL {bottom: 80px}
			
/* ================================================================================ */
/* = colB / Pages génériques = */
/* ================================================================================ */

	body#pageGenerique #colB #contentColB {
		width: 340px; padding: 10px;
		background: transparent url(/global/medias/bgContentColB.gif) repeat-x 0 0;
		}
	body#pageGenerique #colB #contentColB h1,
	body#pageGenerique #colB #contentColB h2 {color: #980027}
	body#pageGenerique #colB #contentColB h1 {font-size: 1.1em}
	body#pageGenerique #colB #contentColB h2 {font-size: 0.7em; line-height: 1.3em}
	body#pageGenerique #colB #contentColB p {font-size: 0.8em; padding: 5px 0 5px 0}
	body#pageGenerique #colB #contentColB p a {color: #000; text-decoration: underline}
	body#pageGenerique #colB #contentColB img {border: 3px #fff solid; margin: 5px 0 5px 0}
	
	/*= liste ---------------------------------------- */
	body#pageGenerique #colB #contentColB ul li a {color:#000}
	body#pageGenerique #colB #contentColB ul li {
		font-size: 0.7em!important;
		line-height: 1.3em;
		margin: 0 0 0 20px;
		list-style: square!important
		}
	body#pageGenerique #colB #contentColB ul li a {
		text-decoration: underline;
		}

/* ================================================================================ */
/* = colC / Pages génériques = */
/* ================================================================================ */

	body#pageGenerique #colC #flashProjets {width: 288px; height: 305px}
	
	/*= fiche ---------------------------------------- */
	body#pageGenerique #colC #projet {
		width: 288px; 
		margin: 7px 0 10px 5px;
		background: transparent url(/global/medias/headerContentColC.gif) no-repeat 0 3px
		}
	body#pageGenerique #colC #projet #projetFiche {
		position: relative;
		z-index:1;
		background: transparent url(/global/medias/bgContentColC.gif) repeat-y 0 }
	body#pageGenerique #colC #projetFicheContent {
		z-index:100;
		position: relative;
		padding: 0 0 15px 0;
		background: transparent url(/global/medias/footerContentColC.gif) no-repeat bottom
		}
	body#pageGenerique #colC #projetFicheContent h1,
	body#pageGenerique #colC #projetFicheContent h2,
	body#pageGenerique #colC #projetFicheContent p,
	body#pageGenerique #colC #projetFicheContent a {padding: 5px 10px 7px 10px}

	body#pageGenerique #colC #projetFicheContent h1 {
		color:#4F728E; 
		font-size: 0.8em
		}
	body#pageGenerique #colC #projetFicheContent h2 {
		color:#8f7763; 
		font-size: 1em
		}
	body#pageGenerique #colC #projetFicheContent p {font-size: 0.8em}
	body#pageGenerique #colC #projetFicheContent p img {
		/*float: left; */
		display: block;
		margin: 0 5px 5px 0; 
		border: 3px #fff solid
		}
	body#pageGenerique #colC #projetFicheContent a {
		display: block;
		width: 245px;
		color: #980027; 
		font-size: 0.8em; 
		line-height: 0.8em;
		text-align: right; 
		padding: 0 25px 0 5px!important;
		margin: 0 0 10px 0;
		background: transparent url(/global/medias/icnPlus.gif) no-repeat right
		}
	body#pageGenerique #colC #projetFicheContent a.linkPDF {
		display: block; width: 245px;
		padding: 5px 25px 10px 5px!important;
		font-weight: normal!important;
		background: transparent url(/global/medias/pdf.gif) no-repeat 255px 0!important
		}
	
/*-------------------------------------------------------------------------------------*/
/* =  Page Tempo			 */
/*-------------------------------------------------------------------------------------*/
	#page.tempo #contactHeader {height:92px;}

	#page.tempo #colB {
		width: 340px; padding: 10px;
		background: transparent url(/global/medias/bgContentColB.gif) repeat-x 0 0;
		}
	#page.tempo #colC h2 {
		color:#B13714; 
		font-family:Georgia;
		font-size:1.5em; 
		margin:30px 30px 5px 30px;
		}
	#page.tempo #colC h2 em{
		color:#B13714; 
		font-style:italic;
		font-size:0.8em;
		}
	#page.tempo #colC p {
		color:#000;
		font-size:0.7em;
		margin:5px 30px;
		}

	.fieldLine,.fieldValid{clear:both; padding:5px 0;}
	p.field_label {
		float:left; width:130px; 
		font-size: 0.7em; 
		text-align:right;
		margin-right:10px;
		}
	p.fieldInput input,
	p.fieldInput select,
	p.fieldInput textarea {
		font-size: 0.8em; 
		width:180px;
		padding:2px;
		}
	.field_checkbox { width:auto !important; border:1px red solid;}
	
	.fieldLine em {
		color:red;
		font-size:0.8em
		}
	.fieldValid {
		margin-left:140px
		}
	.fieldValid input{
		background-color:#B13714;
		border-top:1px #E74819 solid;
		border-left:1px #E74819 solid;
		border-bottom:1px #6F230C solid;
		border-right:1px #6F230C solid;
		color:#fff; padding:2px 3px;
		cursor:pointer;
		}
		
/* ================================================================================ */
/* = FOOTER = */
/* ================================================================================ */
	#footer {
		height: 80px;
		background: transparent url(/global/medias/bgFooter.gif) repeat-x 0 0;
		}
	#footer ul,	#footer #logosFooter, a.coopy {position: absolute}
	#footer ul, #footer #logosFooter {margin-top: 5px}

	/*= listes ---------------------------------------- */
	#footer ul {width: 550px; height: 37px; padding: 15px 0 0 10px}
	#footer ul li {display: inline}
	#footer ul li a {font-size: 0.7em; color:#3F3624}
	#footer ul li a.linkQui {
		font-size: 0.8em;
		padding: 0.3em;
		color:#9E0000;
		border: 3px #fdfdfd solid;
		background-color:#D8C6A7;
		}
	#footer ul li a.linkQui:hover {
		color:#fff;
		background-color: #9E0000;
		}

	/*= logos ---------------------------------------- */
	#footer #logosFooter {
		right: 0; 
		width: 250px; height: 52px;
		padding: 0 75px 0 0;
		background: transparent url(/global/medias/bgFooterLogos.gif) no-repeat right;
		}
	#footer #logosFooter img { float: right; padding-top:5px}

	/*= ccopyright ---------------------------------------- */
	a.coopy {
		bottom: 0;  right: 0;
		display: block; width: 900px;
		text-align: right;
		font-size: 0.7em; color:#D9D1C4;
		}