html, body {
    height:100%;
    font-family:Verdana,"Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight:normal;
    color:#414141
}

body
{
	text-align:center; 
	margin:0px 0px;
	font-size:14px
}

dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, blockquote {
  font-family:inherit
}

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

#Global {width:1000px; margin:auto; position: relative}
#logoBackground {height:105px; background-repeat:repeat-x; background-position:center -1px;background-image: url(../../img/cve/bandeau_fond.png);position: relative}
#logo {margin-bottom:0; height:75px; margin-top:0; background-repeat:no-repeat; background-position:-35px -1px; position: relative}
#logo .logo {float: left;}
#logo .titres {margin-left: 40px;float: left;}
#logo .titreSite {margin-top: 20px;}
#logo .titreSite p {font-family:arial; color:#FFFFFF; font-size:2em}
#logo .slogan {margin-top:5px}
#logo .slogan p {font-family:arial; color:#FFFFFF; font-size:1.2em; }
#logo .action {position:absolute; right: 2px; bottom: 4px; color:white}
#logo .action a {color:white; font-weight:bold; letter-spacing:0.1em}
#logo .action a:hover {color:#FFBB57}
#logo .action img {vertical-align:middle; width:15px}

#headMenu {color:#FFFFFF; float:right; width:440px; height:30px; text-align:right; position: relative; top:0px}
#headMenu a {text-decoration:none; color:#FFFFFF; font-size:1.1em}
#headMenu a:hover {color:orange}
#page p {margin-bottom:5px}
#page div.article p {margin-bottom:12px;}

/* bodyfoot */
#footer {display: block; clear:both; text-align:center; padding-top:10px; font-size:11px; background-color:#dbdbdb; height:250px}
#footer .colFooter {position:relative; float:left; display:block; width:22%; text-align:center; ; background-color:#dbdbdb; margin:10px}
#footer .container {width:1000px; margin:auto; background-color:#dbdbdb}
#footer .textLeft {text-align:left}
#footer .social-block {text-align:center; margin:auto}
#footer a {text-decoration:none; color:#084682; font-size:1.2em}
#footer a:hover {text-decoration:underline; color:#084682}	
#footer .info-hon {
	border: solid 1px #dbdbdb;
	border-radius: 6px;
	background-color: #F6F6F6;
	width: 100%;
	margin: 15px auto;
	max-width: 180px;
	padding: 5px;
	text-align: center;
	font-size: 0.70em;
	line-height: 1
}
#footer .info-hon a {color:#888888}
#footer .info-hon a:hover {text-decoration:underline; color:#888888}	
#footer .info-hon img {height:30px; float:left}

a.important {color:#E48229; text-decoration:none}
a.important:link{color:#E48229}
a.important:visited{color:#E48229}
a.important:hover{color:#FBB355}
a.important:active{color:#E48229}

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

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

.bandeau 
{
	padding-left:10px;
	background:#203374; 
	color: white;
	border-bottom:none;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px
}
.bandeau p {line-height: 1.3em; font-size:1.2em; margin-bottom:0; padding:3px 0}
.bandeau img {vertical-align:top; height:17px; width:17px}

/* 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;}
#dhtmlpointer{position:absolute; left: -300px; z-index: 101; visibility: hidden;}
.load{background:url(../../img/wait2.gif) no-repeat center;}


/* 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;}



.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;}
.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:#F8F8F8; 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;}

#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 10px 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 {}
h3.toggler a {color: white;}
div.element {background-color:#F8F8F8; 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;}

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;}

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

.light {margin-left:10px; vertical-align:middle;}

.newuser {border:solid 2px #2143A5; margin:20px auto 15px auto; width:600px; border:solid 1px #66F;}
.newuser tr {background-color:#E6E6E6;}
.newuser td {padding:8px; font-size:1em; font-family:arial;}
.newuser tr.titre {color:white; background-image:url(../../img/fondbar.jpg)}

a.BOUTON {color:#00F; background-color:#DBDBDB; text-decoration:none; padding:3px 7px; font-family:verdana}
a.BOUTON {border-right:solid 1px #808080; border-bottom:solid 1px #808080}
a.BOUTON:visited {color:#00F; background-color:#DBDBDB}
a.BOUTON:hover {color:#000000; background-color:#DBDBDB}

tr.tr1 {background-color:#F5F5F5;}
tr.tr2 {background-color:#E6E6E6;}

.MDV_rubrique {border:solid 1px #808080; margin:10px 20px; padding:10px; background-color:white;}
.MDV_rubrique {font-size:1em;}
.MDV_rub {font-weight:bold; font-size:1em; margin:10px; letter-spacing:3px;}
.MDV_srub {font-weight:bold; font-size:1em; margin-left:20px; letter-spacing:2px;}
.MDV_para {font-size:0.95em; margin-left:35px;}

.synthese {margin-left:20px;padding:0px;}
.btn
{
    margin:5px auto 5px auto; 
    border:0px;
    height:34px; 
    width:489px; 
    cursor:pointer; 
    color:#00F; 
    font-weight:bold; 
    font-size:1.2em;
}
.btn:hover {color:#0080FF}








#img_accueil {width:650px;height:443px;}

.table_key, .table_submit, .table_resultat, .table_formulaire_mv
{
    margin:5px auto; 
    padding:10px; 
    background-position:10px 40px;
}



.tableCVI {width:920px;}
.tableCVI div {width:450px;}


.tabcolor1 {
    color: #2354E1;
}
.tabcolor2 {color:#234BBD;}

#page {float:left; clear:both; padding-top:10px; width:100%; margin-bottom:20px}

.tab1 {
    background:#234fce;
    color: white;
}
.tab2 {background:#234BBD;}
.tab3 {background:#203374;}
.tab4 {background:#2354E1;}
.tab5 {background:#2357F2;}


div.break {clear:both}

.BTN_valider,.BTN_annuler,.BTN_ensavoirplus,.BTN_reponse,.BTN_plus,.BTN_commentaire {margin:5px auto 5px auto; border:0px; background-position:0px 0px; cursor:pointer}
.BTN_valider {background:url(../../img/BTN_valider.gif) no-repeat; height:22px; width:82px}
.BTN_valider[disabled] {background:url(../../img/BTN_valider_disabled.gif) no-repeat; height:22px; width:82px}
.BTN_annuler {background:url(../../img/BTN_annuler.gif) no-repeat; height:22px; width:82px}

.BTN_ensavoirplus {background:url(../../img/BTN_ensavoirplus.gif) no-repeat; height:22px; width:142px; float:right; margin:2px auto 0 0;}

.BTN_reponse {background:url(../../img/BTN_reponse.gif) no-repeat; height:22px; width:82px}

.BTN_commentaire {background:url(../../img/BTN_commentaire.gif) no-repeat; height:22px; width:110px; margin:0;}
.BTN_jour {background:url(../../img/BTN_jour.gif) no-repeat; height:22px; width:22px; margin:0;}
.BTN_plus {background:url(../../img/BTN_plus.gif) no-repeat; height:22px; width:22px; margin:0;}


.boutonCSS, .boutonCSSIco 
{
	display:inline;
	cursor:pointer;
	font-family:arial;
	color:#848484;
	border-radius: 5px; 
	border:solid 1px #B3B3B3;  
	margin:0; 
	padding:3px 7px;
	background: #DDD;
	background: -webkit-linear-gradient( #FFF, #DBDBDB);
	background:    -moz-linear-gradient( #FFF, #DBDBDB);
	background:     -ms-linear-gradient( #FFF, #DBDBDB);
	background:      -o-linear-gradient( #FFF, #DBDBDB);
	background:         linear-gradient( #FFF, #DBDBDB);
	//text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	//box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

.boutonCSSIco {padding:12px 7px}

.boutonCSS:hover, .boutonCSSIco:hover 
{
	color: #222;
	background: #CCD9E6;
	background: -webkit-linear-gradient( #FFF, #CCD9E6);
	background:    -moz-linear-gradient( #FFF, #CCD9E6);
	background:     -ms-linear-gradient( #FFF, #CCD9E6);
	background:      -o-linear-gradient( #FFF, #CCD9E6);
	background:         linear-gradient( #FFF, #CCD9E6);
}

a.boutonCSS, a.boutonCSSIco {color:#383838}
a.boutonCSS:hover, a.boutonCSSIco:hover {color:#000}

#login {width:310px; height:40px; position:absolute; top:20px; right:0px; z-index:1; display:none}
#login table
{
	float:right;
	width:310px; 
	margin:0px 0 0 0; 
	padding:5px; 
	background-color:#E8ECEE;
	font-size:0.9em;
	border-radius:5px; 
	border-collapse:separate; 
	border-spacing:0;
	border:solid 1px #203374
}

#login table tr {margin:0}
#login table td {padding-left:5px; font-size:1em; line-height:1em}
#login table input[type="text"] {width:140px}
#login table input[type="submit"] {margin-right:5px; cursor: pointer}
#login table img {display:none; vertical-align:bottom; margin-bottom:3px}

h2.bloc {
	background-color:#284096;
	border-bottom:none;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding:10px}