/* CSS Document */

/* ------------------------------- REGLES GENERALES APPLIQUEES A TOUT LE SITE ---------------------------- */

*{margin:0px;padding:0px;font-family: Arial;font-size: 11px;color: #666;}

.form1col {clear:both; zoom:1;}
.form2col {float:left; margin-right:20px;}
.floatright {float:right;}
.floatleft {float:left;}
.width250 {width:250px;}

.input {line-height:22px;}
.input input {vertical-align:middle; margin:1px 0;}
.input select {vertical-align:middle; margin:1px 0;}

.cadre600 {background:url(/img/commun/cadre_pix_600.gif) repeat-y top left; padding:0 20px; width:560px;}
.cadre620 {background:url(/img/commun/cadre_pix_620.gif) repeat-y top left; padding:0 20px; width:580px;}
.cadre790 {background:url(/img/commun/cadre_pix_790.gif) repeat-y top left; padding:0 20px; width:750px;}
.bloc_assistance320 {background:url(/img/navs/navdroite/bloc_assistance_pix_320.gif) repeat-y top left; padding:10px 20px 0px 20px; width:280px}

.pagination {text-align:center; margin-top:20px;}

.margintop10 {margin-top:10px;}

.right {text-align:right;}
.error {color: #B70000; font-weight:bold;}

/* --------------------------------- POLICES ------------------------------------------------------------- */

.gris10 {font-size: 10px;}
.gris11b {font-weight:bold;}
.gris12b {font-size: 12px; font-weight:bold; color:#666666;}

.vertclair {color: #72B901;}
.vertclair12b {font-size:12px; font-weight:bold; color: #72B901;}

.vertfonce12b {font-size: 12px; font-weight:bold; color: #2B4C38;}

.rougeb {color: #B70000; font-weight:bold;}

.orange12b {font-size:12px; font-weight:bold; color:#FC8800;}

.bleu10 {font-size:10px; color:#0A3B49;}

.liennav {font-size: 10px; text-decoration:none;}
.liennav:hover {font-size: 10px; color: #B70000;}
.liennav:link {font-size: 10px; text-decoration:none;}

.lientexte {text-decoration:underline; color:#B70000;}
.lientexte:hover {text-decoration:none;}

.lienensavoirplus {text-decoration:none; color: #B70000;}
.lienensavoirplus:hover {text-decoration:underline;}

.lienblocplus {font-size: 10px; font-weight:600; text-decoration:underline; color: #0A3B49;}
.lienblocplus:hover {text-decoration:none;}

.puce_rouge { background:url(/img/commun/puce_rouge.gif) no-repeat 0 2px ; padding-left:15px;}
.puce_verte { background:url(/img/commun/puce_verte.gif) no-repeat 0 2px; padding-left:15px;}

.capitales {text-transform:uppercase;}

.vertfonce20b { background:url(/img/commun/puce_tt.gif) no-repeat 0 2px; padding-left:15px; font-size: 20px; font-weight:bold; color: #2B4C38;}


/* ---------------------------------- BARRES DE NAVIGATION ----------------------------------------------- */

/* NAVIGATION HAUTE */


#navhaut1 {background-image: url(/img/navs/navhaut/fd_cacertificat.gif); width:953px; height:90px; display:table;}
#logo_ca {float:left;}
#outils11 {text-align:right; margin-top:10px; margin-bottom:40px;}
#outils12 {text-align:right;}
#select_acces {width: 330px;}

#navhaut2, #navhaut2 li {list-style:none; padding:0; margin:0; margin-bottom:5px;}
#navhaut2 li {float:left;}
#navhaut2 li a {
	display: block;
	height:18px;
	background-position:left top;
	background-repeat:no-repeat;
	letter-spacing : -1000em;
 	text-indent : -999em;
	overflow : hidden;
}
#navhaut2 li a:hover {background-position: left -18px;}
#navhaut2 li.current a {background-position: left -36px;}
#navhaut2 li.current a:hover {background-position: left -36px;}
#navhaut_presentation a {width:233px; background-image: url(/img/navs/navhaut/navhaut_01.gif);}
#navhaut_application a {width:239px; background-image: url(/img/navs/navhaut/navhaut_02.gif);}
#navhaut_actualites a {width:240px; background-image: url(/img/navs/navhaut/navhaut_03.gif);}
#navhaut_espace_client a {width:241px; background-image: url(/img/navs/navhaut/navhaut_04.gif);}

/* NAVIGATION GAUCHE */

#navgauche { width:153px;}
#navgauche ul { font: normal 11px Arial, Helvetica, sans-serif; background:#274933; margin:0; padding:0; list-style:none;}
#navgauche ul li { list-style:none; zoom:1}
#navgauche ul li a { display:block; text-decoration:none; color:#CBE4A2; padding:5px; border-bottom:1px solid #FFF; text-transform:uppercase;}
#navgauche ul li a:hover { color:#E1FF00;}
#navgauche ul li a.currentsection{ color:#E1FF00;}
#navgauche ul li a.currentsection:hover { color:#E1FF00;}

#navgauche ul ul { font: bold 10px/11px Arial, Helvetica, sans-serif; background:#98BA81; padding:10px 0;}
#navgauche ul ul li { zoom:1}
#navgauche ul ul li a { border:0; color:#FFF; padding:0 0 0 10px; text-transform:none;}
#navgauche ul ul li a:hover { color:#E1FF00; background:url(/img/navs/navgauche/puce_fleche.gif) left center no-repeat;}
#navgauche ul ul li a.currentsubsection{ color:#E1FF00;  background:none;}
#navgauche ul ul li a.currentsubsection:hover { color:#E1FF00; background:none;}

/* NAVIGATION BASSE */

#nav_bas {width:953px; margin-top:5px;}
#copyright {float:left;}
#outils2 {text-align:right;}

/* BLOC DROIT */

#ensavoirplus {background:#6DD2E5; repeat-y top left; padding:0 12px;}

/* ----------------------------------------- HOMEPAGE ------------------------------------------------- */

#main{width:953px; margin:0 auto;}

/* Bloc principal ligne 1 */
#bloc_principal{float:left; margin-right:8px;}
#menu_client{float:left;}

#menu_client ul{margin:0; padding:0; list-style:none;}
#menu_client ul li a {
	display: block;
	height:20px;
	width:100%;
	background-position:left top;
	background-repeat:no-repeat;
	letter-spacing : -1000em;
	text-indent : -999em;
	overflow : hidden;
}

#renouveler a {background:url(/img/navs/navhome/navhome_01.gif);}
#retirer a {background:url(/img/navs/navhome/navhome_02.gif);}
#demo a {background:url(/img/navs/navhome/navhome_03.gif);}
#questions a {background:url(/img/navs/navhome/navhome_04.gif);}
#manuels a {background:url(/img/navs/navhome/navhome_05.gif);}
#fonctions a {background:url(/img/navs/navhome/navhome_06.gif);}
#revoquer a {background:url(/img/navs/navhome/navhome_07.gif);}

#menu_client ul li a:hover {background-position: left bottom;}

/* Bloc principal ligne 2 */
#deuxiemeligne{padding-top:5px; clear:both;}
#home_actualites{float:left;}
#souscription{float:left; margin-right:8px;}
#assistance{float:left;}

.actus{float:left; margin-top:4px; margin-right:7px; background:url(/img/commun/puce_rouge.gif) #D9D5C9 4px 12px no-repeat; height:130px; display: inline;}
.actus div{padding-left:18px; width:250px}

/* ----------------------------------- 3.1 Actualités ---------------------------------------------------*/
#actualites{float:left; margin-right:10px;}
.shown{display:block;}
.hidden{display:none;}
.lienPlusActu{margin-bottom:20px}
.bt_fermer{text-align:right;}

/* ----------------------------------- 5.1 Contactez support ------------------------------------------- */
#assistance_telephonique ul {list-style:none; padding-left:15px; list-style-image:url(/img/commun/puce_verte.gif);}
/* Template bloc pour les applications*/
.titre_desc_lien { padding-bottom: 15px;}
.titre_desc_lien span { font-size: 12px; font-weight:bold; color: #2B4C38;}

#contact_conseiller_form p{ font-size: 12px; font-weight:bold; color: #2B4C38;}
#result_departement .address { margin-bottom:10px;}

/* ------ infobulle ------ */
a.infobulle {text-decoration:none; position:relative; z-index:1}
a.infobulle img {vertical-align:middle; border:none;}
html body a.infobulle span span {display:none; line-height:normal; font-size:10px; z-index:200; color:#fff !important;font-weight:normal; background:#93C83D; padding:5px; position:absolute; width:250px; left:18px; top:0;}
a.infobulle:hover {border:0; z-index:10} /*hack IE*/
a.infobulle:hover span span {display:block}
a.infobulle span span .title  {display:block; margin-bottom:3px; color:#b60000;}
@media all and (min-width:0px) { /*hack opera*/
	head~body a.infobulle {display:inline-block; position:static;}
	head~body a.infobulle span  {display:table; position:relative;}
	head~body a.infobulle:hover span span {display:table !important;position:absolute; }
}