body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%; 
	height:100%; 
	margin:0; 
	padding:0;  
}

form{
	margin:0;	
}

#bodyHome{
	background-image:url(../images/fondHome.jpg);
	background-position:bottom;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#FFFFFF;	
}

#bodyFull{
	background-image:url(../images/fondFull.jpg);
	background-position:bottom;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#FFFFFF;	
}

#bodyMedium{
	background-image:url(../images/fondMedium.jpg);
	background-position:bottom;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#FFFFFF;	
}

#main{
	position: absolute;
	width:950px;
	left:50%;
	margin-left:-475;
	height:100%;
}

#content{
	position:absolute;
	top:80px; 
	left:166px;
}

#contentConstruction{
	position:absolute;
	top:62px; 
	left:0px;
}

#fondpage{
width:960px; 
height:400px; 
text-align: left;  
z-index:1;
}

#header{
	width:100%; 
	padding:0;  
	height: 80px;
	background-color:#FFFFFF;
}

#top{
	width:100%; 
	margin:0;  
	padding:0; 
	float:left; 
	z-index:1 ; 
}

#logoGRHC{ 
	position: absolute; 
	margin:0; 
	padding:0; 
	left:0px; 
	width: 684px;
}

#logo{ 
	position: absolute; 
	margin:0; 
	padding:0; 
	top: 0px; 
	left:684px; 
	width: 268px;
	z-index:2;
}

#personnage{
position: absolute; 
left:580px;
top: 100%; 
margin-top:-315px;
width:211px;
height:315px;
background-image:url(../images/personnage.png);
}

#personnage2{
position: absolute; 
left:780px;
top: 100%; 
margin-top:-315px;
width:170px;
height:315px;
background-image:url(../images/personnage.png);
}

#connexion{
position: absolute; 
left:682px;
top: 90px;
width:260px;
}

#connexion2{
position: absolute; 
left:825px;
top: 120px;
width:115px;
}

#logoUrl{
position: absolute; 
left:825px;
top: 90px;
width:115px;
height:20px;
background-image:url(../images/bt_url.gif);
}

#fieldLogin{
position: absolute; 
left:688px;
top: 222px;
visibility:hidden;
}

#fieldPassword{
position: absolute; 
left:688px;
top: 262px;
visibility:hidden;
}

#btSubmit{
position: absolute; 
left:865px;
top: 287px;
visibility:hidden;
}

#btForgot{
position: absolute; 
left:690px;
top: 290px;
width:130px;
heigth:50px;
visibility:hidden;
}

#divError{
position: absolute; 
left:688px;
top: 315px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#990000;
}

div#liensHautDroite a{ color:#8f8f8f; text-decoration: none;}

div#liensHautDroite{ 
position: absolute; 
left:670px;
top: 48px; 
font-size:0.7em;  
color:#8f8f8f; 
margin:0 0 0 31px; 
padding:0; 
width: 152px; 
z-index:100; 
height: 16px; 
text-align:center; 
}

div#login{ 
position: absolute; 
left:900px;
top: 64px; 
font-size:0.7em;  
margin:0 0 0 31px; 
padding:0; 
width: 12px; 
z-index:101; 
height: 14px; 
background-image:url(../images/login.gif)
}

#liens{
	position:absolute; 
	display:block; 
	top:80px; 
	left:0px;
	width:166px; 
	background:#FFFFFF; 
	padding:0 0 0 0; 
}

#liensBCS a {text-decoration: none; color:#777777; font-size:0.7em; padding-left:5px; }

#liensBCS a:hover{color:#bbbbbb;}

#liensGRHC {
width:166px; 
background: #339933;
margin: 0 0 0 0;
border-top:1px solid #FFFFFF;	
border-bottom:1px solid #FFFFFF;	
}

#liensGRHC td {
font-size:0.7em;
color:#ffffff;
}

#liensGRHC td a {
	text-decoration: none; 
	color:#ffffff;
	left:5px; 
}

#liensGRHC td a:hover{
	display:block;
	color:#ffffff;
	background: #71b220;
}

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.puce{list-style-image: url(/img/FlecheOrange.gif); font-size:0.5em;}
/*`backslash hack  ie mac \*/
* html .clearfix {height:1%;}
.clearfix{display:block;}
/*fin du backslash hack*/
/* Texte*/
.grisverySmall{font-size:0.7em;}
.noirSmall{font-size:0.8em;}
/* MENU*/
dl, dt, dd, ul, li { margin: 0; padding: 0;}

/* ------------------------------- */



#flashAccueil{
	position:absolute;
	top:0px; 
	left:0px;
}

#voile1{
	position:absolute;
	background:white;
	width:816px;
	height:100%;
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.80;
	opacity:0.80;
}

#voile2{
	position:absolute;
	background:white;
	width:960px;
	height:100%;
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.80;
	opacity:0.80;
}

div#ombre{
	position:absolute;
	top:218px;
	margin-left:708px;
}

#divtab{
	position:absolute;
	width:600px;
	left:35px;
	padding-top:10px;
	height:1389px;
	top: 0px;
}

#divsoustitrePA{
	position:relative;
	height:30px;
	width:600px;
	background-image:url(../images/zoneBlanche.png);
	background-repeat:no-repeat;
	padding:5px;
	top:5px;
}

#bt150{
	position:absolute;
	background-color:#009933;
	width:100px;
	top:15px;
	left:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
}

#tabtestheader{
	position:relative;
	top:5px;
	padding-left:7px;
	padding-top:7px;
	background-color:#FFFFFF;
	width:590px;
}

#testform{
	position:relative;
	top:5px;
	width:590px;
	display:none;
}

#testform2{
	position:relative;
	top:5px;
	width:590px;
	display:none;
}

#divchoixaction{
	position:relative;
	top:10px;
}

#commentaires{
	position:relative;
	top:20px;
}

#divNavig{
	position:relative;
	top:40px;
	width:595px;
}

#divprec{
	position:relative;
	float:left;
	width:160px;
}

#divsuiv{
	position:relative;
	float:right;
	width:160px;
}

#divBack{
	background:black;
	filter: Alpha(Opacity=70);
	-moz-opacity: 0.70;
	opacity:0.70;
	top:0px;
	left:0px;
	position:absolute;
	z-index:2000;
	height:100%;
	width:100%;
	visibility:hidden;
}

#divFormComment{
	position:absolute;
	width:600px;
	height:250px;
	top:0px;
	left:0px;
	/*background-image:url(../images/fond_transparent.gif);*/
	z-index:2005;
	visibility:hidden;
}

#divFormAction{
	position:absolute;
	width:600px;
	height:250px;
	top:200px;
	left:0px;
	/*background-image:url(../images/fond_transparent.gif);*/
	z-index:2005;
	visibility:hidden;
}

#divFiche{
	position:absolute;
	width:700px;
	height:600px;
	top:50%;
	left:50%;
	margin-left:-350;
	margin-top:-300;
	/*background-image:url(../images/fond_transparent.gif);*/
	z-index:15;
}

#barreverte{
	position:relative;
	width:595px;
	height:24px;
	background-color:#9FC680;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

#divniv{
	position:relative;
	height:25px;
	padding-left:5px;
	padding-right:5px;
	background-color:#FFFFFF;
	text-align:center;
}

#divbilan{
	position:relative;
	height:22px;
	width:200px;
	top:0px;
	background-color:#009933;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding-top:3px;
	cursor:pointer;
}

#divprint{
	position:absolute;
	left:510px;
	top:8px;
	height:18px;
	width:76px;
}

#divprint2{
	position:relative;
	left:510px;
	top:-24px;
	height:18px;
	width:76px;
}

#divnote{
	position:relative;
	height:25px;
	padding-left:5px;
	padding-right:5px;
	background-color:#FFFFFF;
	text-align:center;
}

#cadrenotepratique{
	position:relative;
	width:28px;
	height:23px;
	border:2px solid #9C9E9F;
}

#planaction blockquote{
	margin:0;
	padding:0;
	float:left;
	width:161px;
}

#libPratique{
	position:relative;
	left:7px;
	width:280px;
}

.lignebilan{
	background-color:#FFFFFF;
	border:1px solid #00AAAA;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

.tabresistance{
	border:1px solid #98C570;
}

.tabPA{
	border:1px solid #98C570;
	background-image:url(../images/modiftxt.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.tabresistancegris{
	border:1px solid #98C570;
	background-color:#E6E6E6;
}

.ligneresistance{
	border-top:3px solid #98C570;
	border-bottom:3px solid #98C570;
}

.nivtexteorange{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FF8800;
}

.noteorange{
	position:relative;
	top:50%;
	margin-top:-8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF8800;
}

.nivtexterouge{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FF0000;
}

.noterouge{
	position:relative;
	top:50%;
	margin-top:-8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
}

.nivtextevert{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#009933;
}

.notevert{
	position:relative;
	top:50%;
	margin-top:-8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009933;
}

.noterougeTab{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FF0000;
	text-align:center;
}

.noteorangeTab {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FF8800;
		text-align:center;
}

.notevertTab{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#009933;
		text-align:center;
}

.divligne{
	height:25px;
}

.inputChoix{
	width:450px;	
}

.textareaChoix{
	width:590px;
	height:120px;
}

.chosen{
	font-weight:bold;
	background-color:#8DBC6B;
	color:#FFFFFF;	
}

.texteTd{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

.tabheader{
	background-color:#8DBC6B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	border-right:1px solid #FFFFFF;
}

.texteBlanc12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}

.texteBlanc14{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	padding: 5;
}

.texteBlanc9{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-decoration: none;
}

.petittexterouge{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FF0000;
}

.textevert11Italic{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#009933;
	font-style: italic;
} 

.petittextevert{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#44A12B;
}

.petittextegris{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#58585A;
}

.msgError{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
}

.titrevert{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#71B220;
	font-weight:bold;
}

.titrevertfonce{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#339933;
	font-weight:bold;
}

.smalltitrevertfonce{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#339933;
	font-weight:bold;
}

.smallvertfonce{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006666;
	font-weight:bold;
	text-decoration: none; 
}

.soustitrevert{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#71B220;
	font-weight:bold;
}

.soustitregris{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#58585A;
	font-weight:bold;
}

.titregris{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58585A;
	font-weight:bold;
}

.textevert{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#44A12B;
}

.textevertresist{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#98C570;
}

.textegris{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58585A;
}

.grostextegris{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#58585A;
	font-weight:normal;
}

.bold{
	font-weight:bold;	
}

.italic{
	font-style:italic;	
}

.lien{
	cursor:pointer;	
}

/* style supplémentaires pour le modèle C*/
div#fondphoto{width:720;}

div#print{width:240px;}

div#print a {decoration: none;}

.flashC{ width:380px; position:absolute; top:90px; margin-left:175px;}

.bordure3x{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #44A12B;
	border-bottom-color: #44A12B;
	border-left-color: #44A12B;
}

.bordure2x{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #44A12B;
	border-bottom-color: #44A12B;
}

.bordureRightoff{
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-bottom-style: solid;	
	border-top-style: solid;
	border-left-style: solid;
	border-left-color: #44A12B;
	border-bottom-color: #44A12B;
	border-top-color: #44A12B;
}

.bordureAll{
	border-width: 1px;
	border-style: solid;
	border-color: #44A12B;
}

.bordureWhiteRight{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

.bordureWhiteBottom{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.bordureTab{
	border-width: 1px;
	border-style: solid;
	border-color: #72dce0;
}

#texteBtEx a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
	text-decoration: none;
	line-height: 1;
}

#texteBtEx a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#009933;
	text-decoration: none;
}

/************************************************************
         Formulaire de contact
**************************************************************/
.ContenuPage,.ContenuPage a:link, .ContenuPage a:visited{
	/*clear:both;*/
	margin:12px 0 16px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#414141;
}

div.blocTexteNormal{
	/*clear:right;*/
	position:relative;
	margin-left:10px;
	margin-bottom:15px;
	width:auto;
}

div.blocTexteGauche{
	float:left;
	padding-right:10px;
	margin-right:10px;
	margin-bottom:20px;
	width:250px;
	border-right:#999999 1px solid;
}

form #form_contact {
	width: 500px;
	padding: 10px 20px;
	}
	
form  p {
	margin: 1em 0;
}

form  p.double {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
	margin-bottom:3px;
}

form  p.double label {
	float: left;
	width: 110px;
	text-align: left;
	font-weight: bold;
	cursor: pointer;
}

form  p.double input#cpostal{
width:100px;
}

form  p.double input#tel{
width:150px;
}

form  p.double label span.info {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}

form  p.double input.text,

form  p.double textarea {
	width: 250px;
	margin-left: 12px;
	/*border: solid 1px midnightblue;*/
	padding: 2px 4px;
}

form  p.double input.text_alert,

form  p.double textarea.text_alert {
	width: 250px;
	margin-left: 12px;
	border: solid 1px red;
	padding: 2px 4px;
}

form  div.radio {
	/*width: 250px;*/
	margin-left: 12px;
	padding: 2px 4px;
	margin-bottom:10px;
}

form  p.double textarea {
	padding: 2px 0 0 4px;
	width: 250px;
	height: 6em;
}

form  p.simple {
	margin-left: 160px;
}

/* Accueil*/
#divCle{
position: absolute; 
left:780px;
top: 385px;
}

#divABC{
position: absolute; 
left:780px;
top: 500px;
}

#divSinformer{
position: absolute; 
left:682px;
width:259px;
top: 258px;
color:#000000;
display:none;
}

#divFondSinformer {
position: absolute; 
width:259px; 
height:232px;
background: #339933;
filter: Alpha(Opacity=90); 
-moz-opacity: 0.90;
opacity:0.90;
margin: 0 0 0 0;

}

#liensSinformer {
position: absolute; 
width:253px; 
margin: 0 0 0 0;
padding:0;
z-index:2;
}

#liensSinformer td {

	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	color:#ffffff;
}

#liensSinformer td a {
	text-decoration: none; 
	color:#ffffff;
	left:5px; 
}

#liensSinformer td a:hover{
	display:block;
	color:#ffffff;
	background: #71b220;
}