/************************************************* modele.css ************************************************/
/*------------------------------------------------ GENERIQUE ------------------------------------------------*/
*{padding:0;margin:0; outline-style:none}
img{border:none;}
a{text-decoration:none;color:#3e3e3e;}
a:hover{text-decoration:underline;}
hr{display:none;}
li{list-style-type:none;list-style-position:outside;}
/*----------------------------------------------- /GENERIQUE ------------------------------------------------*/

/*------------------------------------------- PROPRIETES ELEMENT --------------------------------------------*/
/* position */
.clear{clear:both;font-size:1px;line-height:0;}
.right, .right_2{float:right;}
.left, .left_2{float:left;}
.center{text-align:center;display:table;margin-left:auto;margin-right:auto;}

/* bordure */
.no_border{border:none;}
.bd_gris{border:1px solid #d7d7d7}

/* centrage txt*/
.txt-c{text-align:center;}
.txt-g{text-align:left;}
.txt-d{text-align:right;}
.txt-j{text-align:justify;}
.valign_middle{text-align:middle; vertical-align:middle;}
.va_top{vertical-align:top}
/* taille texte */
.txt_mini{font-size:10px;}
.txt_13{font-size:13px;}

/* */
/* type bloc */
.table{display:table}
/* alignement vertical */
.valign-h{vertical-align:top;}
.valign-m{ vertical-align:middle;}
.valign-b{vertical-align:bottom;}

/* position */
.rel{position:relative}
.absolute{position:absolute}
/* element de hauteur < 10px */
.lf{line-height:0;font-size:1px;}



/* bordure */
.bd_10{border:10px solid #fff}
.cr_orange{color:#ff8a00}
/* titres */
h1{color:#18b8e2;font: bold 14px Arial, Helvetica, sans-serif ;margin-top:18px;}
h1 a{color:#18b8e2;}
h2{color:#18b8e2;font: bold 14px Arial, Helvetica, sans-serif ;margin-top:18px;}
h2 a{color:#18b8e2;}
h3{color:#000;font-size:13px;margin-top:18px;}
/**{border:1px solid red}*/
/*------------------------------------------- /PROPRIETES ELEMENT --------------------------------------------*/

/*----------------------------------------------- MODELE SITE -------------------------------------------------*/
/* pour centrer le site*/
/*html{background:#21668E url(/img/fd_bas_y.gif) repeat-x left bottom ; padding-bottom:124px;}
body{background: url(/img/fd_h_y.gif) repeat-x left top ;text-align:center;height:100%;}*/




html{background:#144775 url(/img/fd_court2.gif) repeat-x left bottom ; padding-bottom:124px;}
body{text-align:center;height:100%;}



#page{margin-left:auto;margin-right:auto;text-align:left;width:968px;font:normal 12px Arial, Helvetica, sans-serif;
padding-bottom:1px;}

/* bandeau */
#bandeau{height:230px;position:relative;/*background-color:green*/}
#logo{position:absolute;top:12px;left:0px;}
#titre{position:absolute;top:22px;left:229px;}
#partager-site{position:absolute;top:12px;left:815px;}
#navigation{position:absolute;top:123px;left:0px;}
#navigation a{margin-right:38px;}
#navigation a.no_marge{margin:0px}
#fonctions{position:absolute;top:200px;left:10px;width:98%;color:#fff;font:normal 10px  Arial, Helvetica, sans-serif ;}
#fonctions a{color:#fff;}
.po-accueil{background: url(/img/po-accueil.gif) no-repeat left top;padding:1px 0px 4px 20px;}
.po-print{background: url(/img/po-print.gif) no-repeat left top;padding:1px 0px 4px 16px;}
.po-coeur{background: url(/img/po-coeur.gif) no-repeat left 2px;padding:1px 0px 4px 16px;}

/* /bandeau */

/* menu_col */
/*nav_gauche */
#nav_gauche {padding:0 1px;margin-top:10px; text-align:left}
#nav_gauche img{margin-bottom:0px;}
#nav_gauche li { line-height:4px;}
#nav_gauche li.no_border{border:none}
#nav_gauche ul a {background:url(/img/pe-fleche.gif) no-repeat 8px 8px ;display:block;padding:2px 1px 2px 20px;color:#ac1e95;font:normal 11px arial;}
#nav_gauche ul a:hover,#nav_gauche ul a.on {font-weight:bold}
/*/nav_gauche */

/* corps_page */
#corps_page{margin: auto 1px;background: url(/img/fd-y.gif) repeat-y center top ;width:100%;margin-bottom:-13px; color:#3e3e3e}
*> #corps_page{margin-bottom:-0px}
#fd-ht{background: url(/img/fd-ht.gif) no-repeat center top ; }
#fd-bas{background: url(/img/fd-bas.gif) no-repeat center bottom ;padding:22px 16px}
#col_gauche{float:left;width:162px;padding-top:1px;margin-right:24px; /*background-color: #009933*/}
#content{float:left;width:536px;padding-top:1px; /*background-color:#00CCFF*/}
#col_droite{float:right;width:197px;/*background-color:#CC00CC;*/padding-top:1px;}
#col_droite img{margin-bottom:3px;}
.taille_auto{width:auto;}
/* /corps_page */ 

/* pied_page */
#pied_page {color:#2f3477;font-size:10px;/*margin:32px 26px 8px 26px;background-color:#CC3300;*/height:100%;/*margin-top:60px;margin-bottom:100px;_margin-top:52px;*/color:#fff;margin-top:24px}
#pied_page a{color:#fff;font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif}
#pied_page a.pas_marge{margin-left:0px}
#pied_page .span_g{position:absolute; top:20px; left:0;}
#pied_page .span_d{position:absolute; top:0; right:0}
/* /pied_page */
/*------------------------------------------------ /MODELE SITE ------------------------------------------------*/

/*------------------------------------------- PROPRIETES SITE --------------------------------------------*/

/* tableau */
table{border-collapse: collapse}
table td{ vertical-align:top}
table.tableau{font-size:11px;border-collapse: collapse}
.tableau th{border:1px solid #999999;vertical-align:top;text-align:center;color:#ff8a00;padding: 10px; background-color:#ededed}

.tableau td{border:1px solid #999999;vertical-align:top;padding:4px 10px; text-align:left; width:50%}
/* /tableau */

/* pagination */
.pagination {margin-top:20px;font:normal 11px arial;color:#333;}
.pagination a{color:#333;}
.pagination a:hover{color:#ff6600;}
.pagination strong{color:#333;}/* page actuelle */
/* /pagination*/


/* formulaire */
fieldset{border:none;}
caption{display:none;}
table.form{font:normal 10px verdana;}
table.form td, table.form th{vertical-align:top;padding-top:6px;}
table.form th{font-weight:normal;text-align:left;}
.form .saisie input{font:normal 10px verdana;border:1px solid #E0E0E0;background-color:white;padding:2px; color:#919191;}
.form .saisie textarea{font:normal 10px verdana;border:1px solid #E0E0E0;background-color:white;overflow:auto;padding:2px; color:#919191;}
.form .saisie select{font:normal 10px verdana;border:1px solid #E0E0E0;background-color:white; color:#919191;}
#ff_3.form .saisie select {height:16px}
.form .checkbox, .form .radio{background:transparent;border:none;margin-left:20px;margin-right:4px;padding:0; float:left; width:auto;}
.form .checkbox_premier, .form .radio_premier{background:transparent;border:none;margin-right:4px;padding:0; float:left; width:auto;}
.form .libelle{padding-right:6px; text-align:right;}
.form .bt_form{padding-top:15px;text-align:right;}
.form .libelle strong{}
.form .no_marge{padding-top:0;}
/* ---------- */
.form .obligatoire{font:bold 10px verdana;color:#000;padding-top:28px;}
.form .indication{font-size:10px;color:#0067C5;}
.cnil{font:normal 9px tahoma, verdana; color:#929a9d;padding-top:0px; position:relative; z-index:90; padding: 10px 0;}
.cnil a{color:#929a9d;}
/* /formulaire */




/*------------------------------------------- /PROPRIETES SITE --------------------------------------------*/




/* structures */
.cn_h_d{background:url(/img/rub1/cn_h_d.gif) no-repeat right top;height:8px;display:block;line-height:0px;font-size:1px}
.cn_h_g{background:#ec8000 url(/img/rub1/cn_h_g.gif) no-repeat left top;height:8px;display:block;line-height:0px;font-size:1px}
/*.cn_b_g{background:#ec8000 url(/img/rub1/cn_b_g.gif) no-repeat left bottom;padding-bottom:10px;padding-top:1px;height:100%}*/
/*bloc_orange*/
.fd_y_bloc_orange{background: url(/img/bloc_orange/fd_y_bloc_orange.gif) repeat-y left top;width:100%;margin-top:10px;}
.fd_h_bloc_orange{background: url(/img/bloc_orange/fd_h_bloc_orange.gif) no-repeat left top;}
.fd_b_bloc_orange{background: url(/img/bloc_orange/fd_b_bloc_orange.gif) no-repeat left bottom;padding: 1px}

.bloc_orange_unique{background: url(/img/bloc_orange_unique/fd_y_bloc_orange.gif) repeat-y left top;}
.bloc_orange_unique .fd_h_bloc_orange{background: url(/img/bloc_orange_unique/fd_h_bloc_orange.gif) no-repeat left top;}
.bloc_orange_unique .fd_b_bloc_orange{background: url(/img/bloc_orange_unique/fd_b_bloc_orange.gif) no-repeat left bottom;padding:14px;}

.tab_bloc_orange{width:100%;}
.tab_bloc_orange td{width:50%; text-align:left; vertical-align:top}
.padding_bottom td{padding-bottom:10px;}
/**{border:1px solid red}*/
/* bordures */

/* bordures */
.bd_blanc{border:2px solid #fff}
.bd_gris{border:1px solid #ccd5db}

/* puces */
.pe-carre-orange li{background:url(/img/pe-carre-orange.gif) no-repeat left 6px;padding-left:8px;margin-bottom:4px;}
.pe-carre-bleu li{background:url(/img/pe-carre-bleu.gif) no-repeat left 6px;padding-left:8px;margin-bottom:6px;}
.pe-carre-bleu li li{background:none;margin-bottom:2px;}

/* bt credits */
#closeBut{margin-left:390px;color:orange; font-weight:bold;/*margin-bottom:-30px;*/position:relative; background: url(/img/rub5/croix.gif) no-repeat right 4px; padding-right:15px; /*display:inline-block;*/display:block; width:40px;height:20px;padding-top:3px}
#nyroModalWrapper{background:url(/img/rub5/credits.gif) no-repeat right top;padding:10px 0}

/*marges*/
.marge_d{margin-right:16px}
.marge_g{margin-left:16px}
.marge_h{margin-top:10px}
.padding_16{padding:16px}
.padding_d_8{padding-right:8px}
.padding_g_8{padding-left:8px}

.article p{margin-top:10px}

.code{position:absolute; left:0;top:60px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9px;}