html, body {height: 100%; font-family:verdana;}

body
{
	background-color:#C8E7FF;
	background-image: url(../img/body.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	text-align:center; 
	margin: 0px 0px;
	font-size:14px;
}

div {margin:0px; padding:0px;}
img {border:none;}
p {margin:0px; font-size:1em; line-height:1.3em; padding:0px}

#GlobalPage{text-align:left; margin: 0px; padding:5px 0px;}
#page p {margin-bottom:5px;}
#page div.article p {margin-bottom:12px;}

#logo {float:left; width:700px; height:90px;}
#logo img {width:516px; border:0px; vertical-align:top;}

#acces_ps {float:right; width:250px; height:130px;}
#acces_ps img {border:none; height:130px; float:right;}

#slogan {float:left; text-align:left; width:700px; height:25px; font-style:italic;}
#slogan p {margin:0 20px; color:blue; font-size:1em;}

#info {float:right; width:340px; height:31px;}
#info p {margin:0px; padding-top:10px; text-align:right; font-size:0.8em;}

.Boite{background-color:white; border:solid 1px #808080;}
.Boite .up{}
.Boite .down{}
.Boite .middle{padding:15px;}
.Boite .middle .middle2 {}

#GlobalCopyright{font-size:0.8em; color:#676767; text-align: center; margin-top:5px;}

a.important {color:#0033FF;text-decoration:none;}
a.important:link{color:#0033FF;}
a.important:visited{color:#0033FF;}
a.important:hover{color:#000000;}
a.important:active{color:#0033FF;}

.print {display:none;}
.stabylo {background-color:yellow; font-weight:bold;}

.Breaker{overflow:hidden; height:1px;	clear:both;}

/* Tip	*/
#dhtmltooltip{text-align:left; position: absolute; left: -300px; width: 150px; border: 1px solid black; padding: 5px; background-color: lightyellow; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
#dhtmlpointer{position:absolute; left: -300px; z-index: 101; visibility: hidden;}
.load{background:url(../img/wait2.gif) no-repeat center;}

/* Page index */ 
.mainG{float:left; border-right:dotted 1px black; padding:0px 10px 0px 5px;}
.mainD{float:right;}

.mainG ul {font-size:0.9em; padding-left:20px;}
.mainG ul li 
{
	list-style-type: none; 
	background-image: url(../img/ok.gif); 
	background-repeat: no-repeat; 
	background-position: 0px 10px; 
	margin: 0px; 
	padding-top:10px;
	padding-left:25px;
}

#infoSite {margin:20px 20px; border:solid 1px #808080; padding:10px;}
#infoSite2 {margin:10px 10px; padding:10px; border:none; text-align:justify;}
#infoHON {border:solid 1px #808080; background-color:#F6F6F6; width:200px; height:70px; margin:10px auto; padding:10px; text-align:center; font-size:0.80em;}
#infoHON a {text-decoration:none;}
#img_accueil {vertical-align:middle; margin:5px auto; border:none;}

/* Formulaire des recommandations */
.table_resultat, .table_formulaire_mv
{
	width:98%; 
	background-position:10px 40px;
	background-image:none; 
}
.table_formulaire_mv {margin:5px auto 0px auto; background-position:30px 20px; background-color:#ECECFF; background-image:url(../img/globe.gif); background-repeat:no-repeat;}

#MiseEnGarde {text-align:left; font-size:0.85em; margin:0 15px;}
#Resultat_detail {display:none;}

.formulaireDIV{display:none; margin:3px 20px 6px 38px; padding:10px 3px; background-color:#FEFEFE; border:solid 1px #808080;}
p.formulaireOn {margin:5px auto 3px 5px;}
p.formulaireOff {margin:5px auto 3px 5px; font-weight:bold; color:#808080;}
p.formulaireCheckBox {margin:0px auto 0px 10px; padding:0px; color:black;}
a.formulaire {font-weight:bold; text-decoration:none; color:#2143A5; border:0px;}

.img_bullet {vertical-align:middle; width:27px;} /* image + et - affichage div formulaire */
.img_aide {vertical-align:middle;} /* Point interrogation accès aux tips */

/* Affichage résultat recommandations */
.ResultVac {width:99%; border:solid 1px #2143A5; margin:20px auto 10px auto;}
.ResultVac tr {background-color:#E6E6E6;}
.ResultVac td {padding:8px; font-size:1.1em;}
.ResultVac .titre{color:#ffffff; background-color:#234BBD; font-weight:bold;}
.ResultVac .lien{color:#234BBD; text-decoration:none;}
.ResultVac .lien:hover{color:#000; text-decoration:none;}
.ResultVac img{vertical-align:bottom; width:21px; height:21px; margin-left:1px;}

/* Page des news*/
div.bloc {margin:15px 5px; background-color:#DDE8FF; padding:0px auto 0px auto;}
h2.bloc {text-align:left; margin:0px ; padding:3px 10px; font-size:1em; color:white; line-height:20px;}
div .bloc p {padding: 5px 10px;}
.bloc h3 {text-align:left; margin:0px ; padding:3px 10px; font-size:1.1em; color:#400080; line-height:20px;}


/* Page des CVI*/
div.cvi {margin:15px 5px; background-color:#DDE8FF; padding:0px auto 0px auto;}
h2.cvi {text-align:left; margin:0px ; padding:3px 10px; font-size:1em; color:white; line-height:20px;}
div .cvi p {padding: 5px 10px;}

a.bouton {color:yellow; text-decoration:none; font-size:14px; font-weight:bold;}
a.bouton:link{color:yellow;}
a.bouton:visited{color:yellow;}
a.bouton:hover{color:#9CFCFF;}
a.bouton:active{color:yellow;}

#connexionG, #connexionD {float:left; width:45%; border:dotted 1px black; padding:10px 15px;}
#connexionD {float:right;}
#connexionG table, #connexionD table
{
	width:98%; 
	margin:5px auto 10px auto; 
	padding:0px; 
	background-position:10px 40px;
	background-color:#ECECFF;
	background-image:url(../img/key.gif); 
	background-repeat:no-repeat; 
	border:solid 1px blue;
}

#connexionD table
{
	background-image:none; 
}

#connexionG table td.titre, #connexionD table td.titre
{
	text-align:center; 
	padding-top:5px; 
	color:white;
}

#connexionG table td.titre p, #connexionD table td.titre p
{
	text-align:center; 
	font-size:1em;
	font-weight:bold;
	letter-spacing:0.3em;
	line-height:1.2em;
}
#connexionD table td.titre p
{
	letter-spacing:0.1em;
}

#showMessage
{
	width:auto;
	margin:10px auto 10px auto;
	padding:0px;
	text-align:center;
}

#showMessage_ok, #showMessage_alerte
{
	font-family:verdana;
	font-size:13px;
	width:450px;
	color:green;
	padding:7px;
	padding-bottom:2px;
	margin:auto;
	border:solid black 1px;
	background-color:#FCFFA9;
}

#showMessage_alerte
{
	color:red;
	border:solid red 2px;
}


#showMessage_ok a, #showMessage_alerte a  {text-decoration:none; color:blue;}
#showMessage_ok a:hover, #showMessage_alerte a:hover {color:red;}

.img_message {vertical-align:middle; margin:0px 15px;}
.img_va_m {vertical-align:middle;}

#accordion {margin:0px 5px 10px 5px;}
h3.toggler {cursor: pointer; margin:0px 0px 0px 0px; color:white; font-size:1em; font-weight:normal; padding:3px 10px;}
h3 .toggler p {}
div.element {background-color:#DDE8FF; margin-bottom:2px;}
div.element p {padding: 5px 10px;}

#resultat_reco {margin:5px 5px; border:solid 1px #234BBD; padding:10px 25px; background-color:#ECECFF;}

.table_textref
{
	margin:auto;
	width:98%;
	border-style:solid; 
	border-width:1px; 
	border-color:#C0C0C0;
	border-collapse:collapse
}

.table_textref tr.titre
{
	color:#ffffff;
	background-color:#3333FF;
	font-weight:bold;
}

.table_textref td 
{ 
	border-style:solid; 
	border-width:1px; 
	border-color:#C0C0C0;
	padding:5px 8px;
}
.table_textref td.titre
{
	color:#ffffff;
	background-color:#3333FF;
	font-weight:bold;
}

tr.tr1 {background-color:#F5F5F5;}
tr.tr2 {background-color:#E6E6E6;}
tr.tr_over {background-color:#FAFFDD;}
tr.tr_hide {}
tr.tr_hide td {}

a.ordre {color:#33FFFF;text-decoration:none; font-family:arial;}
a.ordre:link{color:#33FFFF;}
a.ordre:visited{color:#33FFFF;}
a.ordre:hover{color:#FFFFFF;}
a.ordre:active{color:#FFFFFF;}

a.ordre_sel {color:#33FFFF;text-decoration:none; font-family:arial; font-weight:bold;}
a.ordre_sel:link{color:#33FFFF;}
a.ordre_sel:visited{color:#33FFFF;}
a.ordre_sel:hover{color:#FFFFFF;}
a.ordre_sel:active{color:#FFFFFF;}

#selecteur_zone1, #selecteur_zone2, #selecteur_zone3 {float:left; margin-bottom:10px;}
#selecteur_zone1 {width:200px;}
#selecteur_zone2 {width:220px;}
#selecteur_zone3 {width:400px; margin-right:100px;}

div.navigation {font-family:verdana; padding:2px;}
span.NavSelected {color:blue; font-weight:bold;}
a.NavUnSelected {color:#0033FF;text-decoration: none;}
a.NavUnSelected:link{color:black;}
a.NavUnSelected:visited{color:black;}
a.NavUnSelected:hover{color:red; font-weight:bold;}
a.NavUnSelected:active{color:black;}

.divGobaleCVI {margin:7px 7px 3px 7px; padding:10px 10px 5px 10px; background-color:white; border:dotted 1px #808080;}
.tableCVI {border:none;}
.tableCVI td {width:50%;}
.tableCVI div {border:solid 1px #9A9A9A; background-color:#F4F4F4;}
.tableCVI div p {font-size:0.9em;}
.CVIrecherche {margin:5px 65px; border:dotted 1px #234BBD; padding:10px 25px; background-color:white;}

.conteneur_form1, .conteneur_form2, .conteneur_validation, .conteneur_numdossier {padding-top:15px; padding-bottom:5px; margin:10px auto 0px auto; background-color:#ECECFF; border: solid 1px #2143A5;}
.conteneur_form2, .conteneur_validation {display:none;}
.conteneur_form1 {text-align:center; margin:0;}

.table_news {margin:5px auto; padding:5px; background-color:#ECECFF; border:solid 1px #2143A5;}
.table_exemples {margin:5px auto 10px auto; width:99%; padding-bottom:0px; border:solid 1px #C9C9C9; background-color:white;}
.table_exemples td {font-size:0.85em; padding:10px;}

#mentions_legales {margin:20px;}
#mentions_legales strong {color:#00009E;}

.table_chimio {background-color:#E9E9E9; margin:0 auto 10px auto; border:solid 1px black;}
.table_chimio .tr_titre {background-color:#66F; color:white;}
.table_chimio td {padding:8px; border:none;}
.table_chimio .tr1 {background-color:#F5F5F5;}
.table_chimio .tr2 {background-color:#E6E6E6;}
.table_chimio .separation {border-bottom:solid 1px black;}

.table_repulsifs {background-color:#E9E9E9; margin:0 auto 10px auto; border:solid 1px black;}
.table_repulsifs .tr_titre {background-color:#66F; color:white;}
.table_repulsifs td {padding:8px; border:none;}
.table_repulsifs .tr1 {background-color:#F5F5F5;}
.table_repulsifs .tr2 {background-color:#E6E6E6;}
.table_repulsifs .separation {border-bottom:solid 1px black;}