/* CSS Document */

html, body {min-height:100%; height: auto;}
/* Obligatoire pour bon positionnement du linkeopowered3 */
* html #global{height: 100%;}

/* A intégrer dans le elements.css des sites V3 */
/*#global {min-height: 100%; margin-bottom:23px;}*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 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; }
ol,ul { 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; }

/* <a> NO outline */
a:hover, a:active, a:focus { outline: none; }
.clear {clear:both;}

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

	body		{ background: #FFF url(/images/body.jpg) no-repeat top center; }
	#global		{ position: relative; min-height: 100%; height: auto !important; height: 100%; width: 100%; margin: auto; }
	#header		{ position: relative; z-index: 100; width: 960px; height: 358px; margin: auto; }
	#nav		{ width: auto;	margin: auto; position: absolute; top: 0; right: 0; z-index: 1; }
	#center		{ width: 960px; margin: auto; }
	#footer 	{ clear: both;  width: 100%; height:auto !important; min-height: 200px; height: 200px; position: relative;
			  	  background: url(/images/footer.jpg) no-repeat center bottom; margin: auto; }
	#footer #footerElements 	{ width: 960px; margin: auto; position: relative; } 


/* REGLAGES CONTENT  -------------------------------------------------------------------------------------------------------------*/

	#content 	{ width: 850px; text-align: justify; padding-left: 70px; padding-right: 40px; padding-top: 0; padding-bottom: 30px;
			   	  height:auto !important; min-height: 350px; height: 350px; margin: auto; font-size: 1em; line-height: 1.5em; }
	
	#content #col_left	{ float: left; width: 290px; padding:20px 30px 0 0; background: url(/images/col.png) no-repeat top right; }
	#content #col_left_one	{ float: left; width: 580px; padding:20px 30px 0 0; background: url(/images/col.png) no-repeat top right; }
	
	#content #col_center{ float: left; width: 280px; padding-right: 30px; padding-left: 30px; padding-top: 44px;
						  background: url(/images/col.png) no-repeat top right; }
	#content #col_right	{ float: left; width: 210px; padding-top: 50px; padding-left: 30px; }
	
	
/* H1 ----------------------------------------------------------------------------------------------------------------------------*/	
	
	#header #headerElements #logoH1 			{ position: absolute; top: 0; left: 0; width: 960px; height: 358px; }
	#header #headerElements h1 a				{ text-indent: -9999px; overflow: hidden; display: block; width: 960px; height: 358px;
												  background: url(/images/h1.jpg) no-repeat top left; }
	#header #headerElements h1					{ width: 960px; height: 358px; }



/* NAVIGATION --------------------------------------------------------------------------------------------------------------------*/
	
	#nav ul						{ text-transform: uppercase; }
	#nav li 					{ float: left; font-size: 0.8em; line-height: 68px; min-width: 71px; margin-left: 10px; margin-right: 10px; }
	#nav a 						{ text-align: center; color: #FFF; text-decoration: none; font-weight: normal; display: block; 
								  padding-left: 10px; padding-right: 10px; padding-bottom: 20px; }
	#nav a:hover 				{ background: url(/images/on.png) no-repeat top center; }
	
	#nav li.mentions			{ margin-top: -99999px; margin-left: -99999px; position: absolute; }
	#nav li.plan 				{ margin-right: 0; }
	#nav li.contact	a:hover,
	#nav li.prestations	a:hover	{ background: url(/images/on_large.png) no-repeat top center; }

	
	/* Boutons actifs  -------------------------------------------------------------------------------------------------------------*/
	#nav li#current.accueil a,
	#nav li#current.contact a,
	#nav li#current.garanties a { background: url(/images/on.png) no-repeat top center; }
	#nav li#current.prestations a { background: url(/images/on_large.png) no-repeat top center; }
	
	
/* NAVIGATION FOOTER ----------------------------------------------------------------------------------------------------------------*/

	#footer #footerElements ul 			{ text-align: center; position: absolute; top: 160px; left: 55px; text-transform: uppercase; } 
	#footer #footerElements li 			{ display: inline; padding-left: 20px; padding-right: 20px;  }
	#footer #footerElements li a 		{ color: #000; font-size: 0.9em; text-decoration: none; }
	#footer #footerElements li a:hover 	{ color: #000; font-size: 0.9em; text-decoration : none; }
	
	/* Boutons actifs  -------------------------------------------------------------------------------------------------------------*/
	#accueil #footer li.accueil a,
	#contact #footer li.contact a,
	#mentions #footer li.mentions a	 	{ font-size: 0.9em;  text-decoration : none; color: #000; }
	
	

/* HCARD, POWERED, W3C  -------------------------------------------------------------------------------------------------------------*/

	#footer #footerElements .vcard 			{ color: #000; font-size: 0.9em; line-height: 1.5em; text-align: left;
											  position: absolute; top: 70px; left: 75px; }	
	#footer #footerElements .vcard a 		{ color: #000; font-size: 1em; text-decoration: none; }
	#footer #footerElements .vcard a:hover	{ color: #000; font-size: 1em; text-decoration: underline; }
			
	#footer #footerElements .vcard .type	{ display: none; } 

	#footer #footerElements .vcard .value,
	#footer #footerElements .vcard .org 	{ font-weight: bold; } 

	#footer #footerElements .vcard .sepTel	{ display: block; height:1px; overflow:hidden; } 

	#footer #footerElements .vcard .value,
	#footer #footerElements .vcard .org 	{ font-weight: bold; } 

	#footer #footerElements #w3c 			{ position: absolute; top: 100px; left: 575px; }	


/* AUTRES -------------------------------------------------------------------------------------------------------------------------*/
	.left 	{ float: left; margin-bottom: 5px; }
	.right 	{ float: right; margin-left: 140px; }
	.clear 	{ clear: both; }
 	

body { font-size: 75%; color: #FFF; font-family: Arial, Verdana, sans-serif; }

h2 { text-indent: -9999px; padding-bottom: 10px; margin-top: 2em; }
#accueil h2 { background: url(/images/interface/h2_accueil.png) no-repeat top left; }
#contact h2 { background: url(/images/interface/h2_contact.png) no-repeat top left; }
#mentions h2 { background: url(/images/interface/h2_mentions.png) no-repeat top left; }

h3 { font-size: 1.6em; margin-bottom: 1em; margin-top: 1.5em; font-weight: normal; color: #13b497; }
h4 { font-size: 1.3em; margin-bottom: 1em; margin-top: 1.5em; font-weight: bold; color: #13b497; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.5em; color:#26A8FE; }
h6 { font-size: 1em; font-weight: normal; color:#26A8FE; }




/* AUTRES -------------------------------------------------------------- */

p           { font-size: 1.0em; margin: 0 0 1em; text-align:inherit; }
p.last      { margin-bottom: 0; }

ul, ol      { margin:0; }
ul          { list-style-type: none; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1em; font-style: italic; }
del         { color:#666; }

/* Default links */
a           { color: #FFF; text-decoration: none; font-weight: normal; }
a:hover     { color: #FFF; text-decoration: underline; font-weight: normal; }
a:focus, 
a:visited   { }
/* */

sup 		{ vertical-align: top;}
sub			{ vertical-align: bottom;}
blockquote  {  }

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1em 0; white-space: pre; }
pre,code,tt { color: #666; font: 1em "Monika", "script", "andale mono", "monotype.com", "lucida console", monospace; line-height: 1; } 
tt          { display: block; margin: 1em 0; line-height: 1; }

.cssform *{margin:0;padding:0;}
.cssform{width: 650px;position:relative; margin-top: 2em; margin-left: auto; margin-right: auto; }
.cssform #pict{top:50px;right:10px;z-index:0;width:128px;height:128px;position:absolute;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/contact/mail.png', sizingMethod='crop');}
.cssform #pict[id]{background-image:url(/images/contact/); display: none; }
.cssform fieldset{border:px solid #333; }
.cssform legend{font-weight:700;font-size:20px;margin:8px;padding:0 8px; display: none; }
.cssform .par{text-align:center;margin-bottom: 20px;}
.cssform .par *{border:none;}
.cssform form fieldset div{margin:4px 0;}
.cssform label{font-weight:700;float:left;position:relative;text-align:right;padding-right:24px;width:120px;}
.cssform label .warning{position:absolute;color:red;margin-left:3px;font-weight:400;}
.cssform #infosOblig{text-align:right; margin-right: 30px; }
.cssform #infosOblig .warning{color:red;margin-left:-7px;font-weight:400;}
.cssform input,.cssform textarea{color:#000;border:1px solid #000;}
.cssform input:focus,.cssform textarea:focus{background-color:#eee;outline:1px solid #ccc;border-color:#ccc;}
.cssform textarea{width:250px;height:160px;}
.cssform .secu{margin-top:15px;}
.cssform input.formbutton{cursor:pointer;border:1px outset #999;color:#333;font-weight:700;background:#FFF;margin-bottom:8px;font-size:1em;height:20px;width:100px;}
.textareaRequiredMsg,.textareaMinCharsMsg,.textareaMaxCharsMsg,.textareaValidMsg,.textareaRequiredMsg,.textfieldRequiredMsg,.textfieldInvalidFormatMsg,.textfieldMinValueMsg,.textfieldMaxValueMsg,.textfieldMinCharsMsg,.textfieldMaxCharsMsg,.textfieldValidMsg{display:none;}
.textareaRequiredState .textareaRequiredMsg,.textareaMinCharsState .textareaMinCharsMsg,.textareaMaxCharsState .textareaMaxCharsMsg,.textfieldRequiredState .textfieldRequiredMsg,.textfieldInvalidFormatState .textfieldInvalidFormatMsg,.textfieldMinValueState .textfieldMinValueMsg,.textfieldMaxValueState .textfieldMaxValueMsg,.textfieldMinCharsState .textfieldMinCharsMsg,.textfieldMaxCharsState .textfieldMaxCharsMsg{display:block;font-size:90%;line-height:16px;color:#fff;text-align:center;font-weight:700;background:#333 url(/images/contact/error.gif) no-repeat center right;border:#333 solid 1px;margin:5px 0;width: 300px; }
.textareaValidState textarea,textarea.textareaValidState,.textfieldValidState input,input.textfieldValidState{border:2px solid #0c0;}
textarea.textareaRequiredState,.textareaRequiredState textarea,textarea.textareaMinCharsState,.textareaMinCharsState textarea,textarea.textareaMaxCharsState,.textareaMaxCharsState textarea,input.textfieldRequiredState,.textfieldRequiredState input,input.textfieldInvalidFormatState,.textfieldInvalidFormatState input,input.textfieldMinValueState,.textfieldMinValueState input,input.textfieldMaxValueState,.textfieldMaxValueState input,input.textfieldMinCharsState,.textfieldMinCharsState input,input.textfieldMaxCharsState,.textfieldMaxCharsState input{border:2px solid #c00;}
.textfieldRequiredState .formLabel,.textfieldInvalidFormatState .formLabel,.textfieldMinValueState .formLabel,.textfieldMaxValueState .formLabel,.textfieldMinCharsState .formLabel,.textfieldMaxCharsState .formLabel{color:#C33;}
.validMsg{display:none;}
.textfieldValidState .validMsg{display:inline;}
.textareaFlashState textarea,textarea.textareaFlashState .textfieldFlashText input,input.textfieldFlashText{color:red !important;}
#msg_box { position: absolute; top: 45px; right: 0; }

.qui li{margin:0 0 10px 0}
.qui li strong {color:#13b497}
ul.comment{margin-top:10px}
.comment li{margin:0 0 10px 0}
.devise{color:#FFF;font-size:1.6em}
.bleuPlombier{color: #13b497;}