/* Général 76% = 1em = 12px */
	* {margin:0; padding:0;}
	p,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
	body,input, textarea {margin:0 auto; font:76% Arial, Helvetica, sans-serif; color:#472D8C; text-align:justify;}
	a img {border:0;}

	h1 {font-size:1.5em;}
	h2 {font-size:1.42em;}
	h3 {font-size:1.33em;}
	h4 {font-size:1.25em;}
	h5 {font-size:1.17em;}
	h6 {font-size:1.08em;}
	p{font-size:1em;}
	.capital{text-transform:uppercase;}
	.txtgrisfonce {color:#666666; text-align:right; text-transform:uppercase;}
	strong {font-size:1.08em;}
	
	/* Pour regler le probleme em sous ie6 \*/
	* html #colonnedroite {	overflow: hidden; overflow: visible; width: 100%; width: auto; height: 1%;}
	/* fin problem em sous ie6 */

/* ID */
	div#content {margin: 0 auto; width:800px;}
	div#header {width:800px; height:152px; background:url(../images/bandeau_haut.png) no-repeat 0% 0%;}
	div#menu {margin: 83px 18px 0px 0px; width: 566px; height: 22px; float:right;}
	div#corp {width:800px;}
	div#colonnegauche {width:260px; float:left; background:url(../images/fond_utilisateur.png) no-repeat 0% 0%;}
	div#colonnedroite {width:540px; float:left; margin-top:20px;}
	div#pubdiagnostic{background-image:url(../images/photo_diagnostics.png); background-repeat:no-repeat; height:114px; width:538px; }
	div#contenupopup {width:500px; margin:20px auto;}
	div#footer { margin: 0 auto; font-size:0.75em; text-align:center; width:800px; position: relative;  /* Nécessaire pour Safari */ background-color: #2D2463; padding:4px 0;}

/* ID + Class formulaire utilisateur */
	div#formutilisateur {width:260px;}
	div#formutilisateur form {margin:0; padding-right:32px;}
	div#formutilisateur div.clearfix {padding:3px 0px; vertical-align:top; text-align:right;}
	div#formutilisateur form label {width:80px; float:left; font-size:1em; margin:0 0 0 0;}

/* ID + Class formulaire contact */
	div#formcontact {width: 493px; background-image:url(../images/fond_contact.png); background-repeat:no-repeat; padding:45px 0px 0px 0px; margin: 0px auto;}
	div#formcontact form {margin:0; padding-left:32px;}
	div#formcontact div.clearfix {padding:3px 0px; vertical-align:top; text-align:left;}
	div#formcontact div.clearfixmilieu {padding:5px 120px 5px 0px; vertical-align:top; text-align:right;}
	div#formcontact form label {width:135px; float:left; font-size:1em; margin:0 0 0 0;}

/* ID + Class formulaire technicien */
	div#formtechnicien {width: 493px; background-image:url(../images/fond-souscription.png); background-repeat:no-repeat; padding:45px 0px 0px 0px; margin: 0px auto;}
	div#formtechnicien form {margin:0; padding-left:32px;}
	div#formtechnicien div.clearfix {padding:3px 0px; vertical-align:top; text-align:left;}
	div#formtechnicien div.clearfixmilieu {padding:5px 120px 5px 0px; vertical-align:top; text-align:right;}
	div#formtechnicien form label {width:135px; float:left; font-size:1em; margin:0 0 0 0;}

/* ID + Class Pied de page footer */
	 div#footer p {margin:2px 0; color:#B3ACDE} 
	 div#footer a {text-decoration:none; color:#B3ACDE; font-size:1em;}
	 div#footer a:hover {text-decoration:underline; color:#FFFFFE;} /* underlines the links when hovered */
	 div#footer .fineprint  {color:#B3ACDE;} /* color for copyright and vert dividers on last row */
	 div#footer .fineprint a {color:#B3ACDE; font-size:1em;} /* had to explicitly color these or they inherit white from div#footer li */
	 div#footer .fineprint a:hover {color:#FFFFFE;} /* turns bottom row white when hovered */

/* Special retour a la ligne pour le Corp */
	.clearfixe:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
	/* compatibilité pour IE \*/
	* html .clearfixe {height:1%;}
	.clearfixe {display:block;}
	/* fin*/

/* Class */
	.inpututilisateur {margin-left: auto; margin-right: auto; width:135px; text-align:left; font-size:1em;}  /* pour résoudre le bug de centrage de IE */
	.espace30 {height:30px; display:block;}
	.espace20 {height:20px; display:block;}
	.espace10 {height:10px; display:block;}
	.emplacementpub{padding-left:17px;}
	.bgbarre {padding-left:10px; margin:0px 10px 0px 10px; background: url(../images/barre_gris.png) no-repeat 0% 0%;}
	.bgssbarre { margin:0px 10px 0px 10px;}
	.txtrose {color: #B33BB3;}
	.txttitrerose {color: #B33BB3; font-size:1.08em;}
	.souligner {text-decoration:underline;}
	.txterreur {text-align:right; color:#FF0000; padding-bottom:3px;}
	.txtrouge {color: #FF0000;}
	.txtgris {color:#999999;}
	.logo {float:right;}
	.form_grand{margin-left: auto; margin-right: auto; width: 270px; text-align: left; font-size:1em;} /* pour résoudre le bug de centrage de IE */
	.form_moyen{margin-left: auto; margin-right: auto; width: 135px; text-align: left; font-size:1em;} /* pour résoudre le bug de centrage de IE */
	.form_petit{margin-left: auto; margin-right: auto; width: 70px; text-align: left;  font-size:1em;} /* pour résoudre le bug de centrage de IE */
	.bgptgris {background-image: url(../images/trait_point.png); background-repeat: repeat-x; height:3px; display:block;}
	.bggrishaut{background-image:url(../images/puce_grise.png); background-repeat:repeat-x; background-position:0% 50%;}
	.capital{text-transform:uppercase;}
	.txtgrisfonce {color:#666666; text-align:right; text-transform:uppercase;}

/* class Listes */
	ul.flechesrose{padding:0; margin:0; list-style:none;}
	ul.flechesrose li{margin:0; background: url(../images/dble_fleche_rose.png) no-repeat; background-position:0% 6px; padding:0 0 0 10px; text-align:justify;}
	ul.flechesroseAM{padding:0; margin:0; list-style:none;}
	ul.flechesroseAM li{margin:0 0 10px 0; background: url(../images/dble_fleche_rose.png) no-repeat; background-position:0% 6px; padding:0 0 0 10px; text-align:justify;}
	ul.attention{padding:0; margin:0; list-style:none;}
	ul.attention li{margin:0; background: url(../images/panneau_attention.png) no-repeat; background-position:0% -1px; padding:0 0 0 20px; text-align:justify;}
	ol.petitalfa {list-style-type:lower-alpha; padding-left:20px;}
	ol.petitalfa li {margin:10px 0 10px 0;}
	ol.numerique { padding:0; list-style-position:inside;}
	ol.numerique li {margin:0;}
	ol.romain {list-style-type:upper-roman; padding:0; list-style-position:inside;}
	ol.romain li {font-weight:bold; margin:0;}
	ol.romain li:first-line {}


/* Liens */
	a.liennorm:link,a.liennorm:visited{color: #472D8C; text-decoration: none;}
	a.liennorm:hover{color: #CC0000; text-decoration: underline;}
	a.lienrose:link,a.lienrose:visited{color: #B33BB3; text-decoration: none;}
	a.lienrose:hover{color: #CC0000; text-decoration: underline;}
	a.liengris:link,a.liengris:visited{color: #999999; text-decoration: none; background-color:#FFFFFF; font-size:10px;}
	a.liengris:hover{color: #CC0000; text-decoration: underline; background-color:#FFFFFF; font-size:10px;}
	a.lienblanc:link,a.lienblanc:visited{color: #FFFFFF; text-decoration: none; font-size:12px;}
	a.lienblanc:hover{color: #FFFFFF; text-decoration: underline;}


/* cadre bordure arrondi */
	.boxR {background: #DEC2E7;}
	.boxtopR {background:  url(../images/R/ne.gif) no-repeat top right; }
	.boxtopR div {height: 10px; background:  url(../images/R/nw.gif) no-repeat top left;}
	.boxbottomR {background:  url(../images/R/se.gif) no-repeat bottom right;}
	.boxbottomR div {height: 10px; background:  url(../images/R/sw.gif) no-repeat bottom left;}
	.boxcontentR {padding: 0px 10px 0px 10px;}
	
	.boxRC {background: #F5EAFA;}
	.boxtopRC {background:  url(../images/RC/ne.gif) no-repeat top right; }
	.boxtopRC div {height: 10px; background:  url(../images/RC/nw.gif) no-repeat top left;}
	.boxbottomRC {background:  url(../images/RC/se.gif) no-repeat bottom right;}
	.boxbottomRC div {height: 10px; background:  url(../images/RC/sw.gif) no-repeat bottom left;}
	.boxcontentRC {padding: 0px 10px 0px 10px;}