* {margin: 0; padding: 0; border:;}
html {height:100%;}
body {font-family:Verdana; font-size:0.7em; background-color:#606760; height:100%;}

h1 { font-size:1em; color:#B2B2B2; text-align:right;  margin : 54px 0px 120px 0px; font-weight:normal;}
h2 { font-size:1.7em; color:#333333; }
h4 {font-size:1.2em; color:#447FB1; margin-top:2.5em;margin-bottom:0.5em;font-weight:bold;}
p {line-height:1.3em; color:#111111; margin-top:1em; margin-bottom:0;}
p.inter { font-size:1.1em; font-style:italic; text-align:center; color: #0084b5;}
.encadre { display:block; background-color:#FFFACD; padding:10px; font-style: italic; margin:25px 0; border: dashed #FDE401 1px;}

ul {line-height:1.3em;text-align:justify; color:#111111;}
li {display: list-item;list-style: disc inside; }
li ul {margin-left:20px; font-style: italic; }
ul.tab strong {display:block; padding:8px; background-color:#005194;color:#FFFFFF}
ul.tab li{display:block; padding:8px; display:list-item; list-style-position: inside; list-style-image: url(http://www.qualiste.com/_img/check.gif);
}
li.bleu{background-color:#EBF6FF;}
li.jaune{background-color:#FFFDE6;}

.conteneur { width:720px; background: url(http://www.qualiste.com/_img/bandeau_gauche.jpg) top left no-repeat; background-color:#F0F1F1;z-index: 1;overflow: hidden; border-right : 20px solid #000000; margin:auto;}
.page {float:right; width:310px; background: url(http://www.qualiste.com/_img/bandeau_droit.jpg) top left no-repeat;  background-color:#FFFFFF; padding:0px 25px 20px 25px; }
.logo {margin-top:10px; margin-left:30px; }
.illustration {margin-top:69px; float:right; width:357px }

.header {position:absolute; top:85px; width:720px; height:48px; background-color:#000000;font-family: Arial;font-size: 1em; margin:auto;
color:#FFFFFF; letter-spacing:0.2em; text-align: left; padding-top:12px; z-index: 2;font-size:80%}
.header A:visited {text-decoration: none; color: #FFFFFF;margin:0px 6px 0px 6px}
.header A:link { text-decoration: none; color: #FFFFFF;margin:0px 6px 0px 6px}
.header A:hover {text-decoration: underline; color: #f79600;margin:0px 6px 0px 6px}
.header-bleu {position:absolute; top:138px; width:720px; height:7px; background-color:#005194; z-index: 2; margin:auto;}

.menu-gauche { margin:10px 12px 10px 0px; line-height:1.8em}
.actualite {display:block; width:250px; margin:0px 0 10px 0px; color:#005194; border-top : 1px;border-bottom: 1px; border-bottom-style:solid; border-bottom-color:#005194}
.actualite #titre {margin-left:0px;}
.menu-gauche P {display:block; width:250px; margin:10px 0 0 50px}
.menu-gauche  ul {float:right; margin-top:20px; text-align:right; font-family: Arial; padding-right:15px; font-weight:normal}
.menu-gauche  li {display: list-item; list-style-type: square; font-size:1em; letter-spacing:0.1em}
.menu-gauche  A {font-weight:normal}
.menu-gauche  A:link, .menu-gauche  A:visited {text-decoration: none;color: #222222; }
.menu-gauche  A:hover {text-decoration: underline;color: #222222; }


.page p
{
text-align:justify;
}

.header p
{
text-align:justify;
}

footer p
{
text-align:justify;
}

.texte
{
width:300px;
margin:10px 0 0 0px
}

.texte p
{
width:300px;
margin:10px 0 0 0px
}

img a:link, img a:hover, img a:visited, img {border:0em;}
.ariane {font-family: Arial;font-size: 0.8em; letter-spacing:0.1em; color: #999999;}
.ariane A:link, .ariane A:visited {text-decoration: none; color: #999999;}
.ariane A:hover {text-decoration: underline; color: #333333; }

.footer { display:block; width:100%; background-color:#005194; font-family: Arial;font-size: 0.9em;color:#FFFFFF; font-weight:bold; text-align: center;clear: both; padding:6px 0 6px 0}
.footer A:link , .footer A:visited {text-decoration: none; color: #FFFFFF;margin:0 6px 0 6px;}
.footer A:hover {text-decoration: underline; color: #F0F0FF;margin:0 6px 0 6px}

.spacer1 {display:block; float:left; width:37px;height:15px }

hr { margin : 1em 0 0 0 ; background-color: #FFFFFF; color: #FFFFFF; width:100%; border:none; border-bottom: dashed #CCCCCC 1px;}


/*** Mise en forme desformulaires ***/

FORM { width: 309px;		/*** Largeur du formulaire ***/}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif; 	color: white; 	background-color:#005194; 	margin: 0;
	padding: .5em; }
#piedForm {text-align: right; /*** Les boutons sont alignés à droite ***/}
#piedForm input {	margin-left: 1em; padding : 0 0.5em 0 0.5em}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #005194; color: black; 	background: #F2F2F2; margin: 0; 	padding: 1em; }
	
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
padding: .2em 0; 	margin: 0 0 .2em 0; }
#corpForm label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 45%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
margin-left:46%;font-style: italic; 	color: #666; 	background: transparent; }

#actu
{
display:block;
margin-left:28px;
width:300px;
}

#actu table
{

}
#actu p
{
text-align:none;
}

/* Optim */
.off {display: none;}

#citation {
	float:right;
	margin-right:80px;
	text-align:justify;
}
#logo_qualitool {
	float:left;
	margin-left:30px;
	margin-top:-45px;
	margin-bottom:10px;
	border:0;
}