/************************************************* modele.css ************************************************/
/*#ff_2
#ff_3
#s_523
#ie_6
#ie_7*/ /* ces identifiants permettent de gérer les css sans utiliser de hacks */
/*------------------------------------------------ GENERIQUE ------------------------------------------------*/
*{padding:0;margin:0; outline-style:none}
img{border:none;}
a{text-decoration:none;color:#000}
a:hover{text-decoration:underline;color:#ff6600}
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;}d
.txt-j{text-align:justify;}
.valign_middle{text-align:middle; vertical-align:middle;}
.va_top{vertical-align:top}
.p_b_37{padding-bottom:37px}

/* */
.orange{color:#ff5500}
/* 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;}
/* titre */
.cr_bleu{color:#42bde0}
.cr_gris{color:#666666}

/* bordure */
.bd_10{border:10px solid #fff}

/* titres */
h1{color:#ff5500; font-weight:normal;font-size:24px;border-bottom:2px solid #d7d7d7;padding-bottom:4px; margin-bottom:20px;}
h1 a{color:#ff5500; font-weight:normal;font-size:24px;border-bottom:2px solid #d7d7d7;padding-bottom:4px; margin-bottom:20px;}
h1 a:hover{color:#000000; text-decoration:none;}
h2.type2{font-size:12px;background:url(../img/modele/pictos/fleche_carre.gif) no-repeat left 1px;padding-left:16px;color:#333333;border-bottom:3px solid #d7d7d7;padding-bottom:7px;}
h2.type1{font-size:14px;color:#333333;border-bottom:3px solid #d7d7d7;padding-bottom:7px;}
h2.type4{border-bottom:1px solid #d7d7d7;font-size:13px;color:#ff5500;}
.accueil h2.type4{border-bottom:none;font-size:13px;color:#ff5500;}
h2.type4 a{color:#ff5500;text-decoration: none;font-size:13px;}
h2 span{color:#ff5500;font-size:20px;}


.type3{font-size:12px;color:#ff5500;}
h2.marge_neg_d_g{margin-left:-10px;margin-right:-10px;padding-left:10px}

/*------------------------------------------- /PROPRIETES ELEMENT --------------------------------------------*/

/*----------------------------------------------- MODELE SITE -------------------------------------------------*/
/* pour centrer le site*/
html{height:100%}
body{text-align:center;height:100%;padding-top:10px;}

#page{margin-left:auto;margin-right:auto;text-align:left;width:955px;font:normal 12px Arial, Helvetica, sans-serif;}
td{font:normal 12px Arial, Helvetica, sans-serif;}

.accueil #corps_page td{font-size:11px}
/* bandeau */
.accueil #bandeau{margin-bottom:4px;}
#bandeau{margin-bottom:12px;}
#logo{margin:0 20px 10px 0;}
#acces_sites{background-color:#e8e8e8;color:#696969;padding:1px;margin-top:10px;padding-left:10px;margin-bottom:10px;}
#acces_sites a{float:right;border-left:2px solid #fff;color:#666666; padding:4px 6px;}
#acces_sites span{float:left;margin-top:5px;}
/* /bandeau */



/* navigation */
#navigation{padding:1px 0}
#navigation a{margin-right:-2px;}
/*/navigation */

/* menu_col */
#menu_col{margin:10px 0 20px 0}
#menu_col h2.type1{font-size:13px;border-bottom:1px solid #d7d7d7;padding-bottom:2px}
#menu_col h2.type1 span{display:table; /*background-color:#CC3300;*/float:left}
#menu_col h2.type1 a{display:table; /*background-color:#CC3300;*/float:left;margin-top:8px;width:166px;margin-left:4px;}

#menu_col h2.type1 a.on{color:#ff5500;}
/* corps_page */
#corps_page{ }
.accueil #col_gauche{float:none; width:auto;}
#col_gauche{float:left;width:190px;padding-top:1px; /*background-color:#FF0099*/}
#col_droite{float:right;width:740px;/*background-color:#FF0099*/}
/* /corps_page */

/* pied_page */
#pied_page {color:#000;font-size:11px;margin-top:20px; border-top:6px solid #e0e0e0;padding-top:8px}
#pied_page a{color:#000;margin-left:20px}
#pied_page a.pas_marge{margin-left:0px}


/* /pied_page */
/*------------------------------------------------ /MODELE SITE ------------------------------------------------*/

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

/* tableau */
table.tableau{font-size:11px;}
.tableau th{border:1px solid #000;vertical-align:top;}
.tableau tbody td{vertical-align:top;padding:4px 10px;background-color:#fff;}
/* /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 --------------------------------------------*/

/* puces */
.fleche,.liste_fleche li{background:url(../img/modele/pictos/fleche.jpg) no-repeat left 4px;padding-left:12px;}
.carre,.liste_carre li{background:url(../img/modele/pictos/carre.gif) no-repeat left 6px;padding-left:8px;}
.liste_carre_img li{background:url(../img/modele/pictos/carre.gif) no-repeat left 14px;padding-left:8px;}
.liste_carre_img li.puce_orange{background:url(../img/modele/pictos/carre.gif) no-repeat left 6px;padding-left:8px;}

.tention{background:url(../img/modele/pictos/tention.gif) no-repeat left 6px;padding-left:36px;}
.ok{background:url(../img/modele/pictos/ok.gif) no-repeat left 6px;padding-left:36px;}
.note{background:url(../img/modele/pictos/note.gif) no-repeat left top;padding-left:36px;padding-bottom:10px;}
.aide{background:url(../img/modele/pictos/aide.gif) no-repeat left 6px;padding-left:36px;}
.pas_connecte1{background:url(../img/modele/pictos/pas_connecte1.gif) no-repeat left top;padding:3px 0 3px 22px;}
.pas_connecte2{background:url(../img/modele/pictos/pas_connecte2.gif) no-repeat -2px top;padding:3px 0 3px 22px;}
.pas_connecte{background:url(../img/modele/pictos/pas_connecte.gif) no-repeat -2px top;padding:3px 0 3px 22px;}
.connecte2{background:url(../img/modele/pictos/connecte2.gif) no-repeat left top;padding:3px 0 3px 22px;}
.diag{background:url(../img/modele/pictos/diag.gif) no-repeat left top;padding:10px 0 3px 48px;}
.tel{background:url(../img/modele/pictos/tel.gif) no-repeat left top;padding:10px 0 3px 48px;}
.sms{background:url(../img/modele/pictos/sms.gif) no-repeat left top;padding:10px 0 3px 48px;}
.n1{background:url(../img/modele/pictos/n1.gif) no-repeat left top;padding:2px 0 2px 24px;}
.n2{background:url(../img/modele/pictos/n2.gif) no-repeat left top;padding:2px 0 2px 24px;}
.n3{background:url(../img/modele/pictos/n3.gif) no-repeat left top;padding:2px 0 2px 24px;}
.n4{background:url(../img/modele/pictos/n4.gif) no-repeat left top;padding:2px 0 2px 24px;}
.n5{background:url(../img/modele/pictos/n5.gif) no-repeat left top;padding:2px 0 2px 24px;}
.n6{background:url(../img/modele/pictos/n6.gif) no-repeat left top;padding:2px 0 2px 24px;}
.n7{background:url(../img/modele/pictos/n7.gif) no-repeat left top;padding:2px 0 2px 24px;}
.n8{background:url(../img/modele/pictos/n8.gif) no-repeat left top;padding:2px 0 2px 24px;}
.n9{background:url(../img/modele/pictos/n9.gif) no-repeat left top;padding:2px 0 2px 24px;}
.n10{background:url(../img/modele/pictos/n10.gif) no-repeat left top;padding:2px 0 2px 24px;}
.clavier{background:url(../img/modele/pictos/clavier.gif) no-repeat left top;padding:2px 0 2px 24px;}
.contacts{background:url(../img/modele/pictos/contacts.gif) no-repeat left top;padding:2px 0 2px 24px;}
.journal{background:url(../img/modele/pictos/journal.gif) no-repeat left top;padding:2px 0 2px 24px;}
.boite_envoi{background:url(../img/modele/pictos/boite_envoi.gif) no-repeat left top;padding:2px 0 2px 24px;}
.activer_sonnerie{background:url(../img/modele/pictos/activer_sonnerie.gif) no-repeat left top;padding:2px 0 2px 24px;}
.acces_messagerie{background:url(../img/modele/pictos/acces_messagerie.gif) no-repeat left top;padding:2px 0 2px 24px;}







/* structures */
#partie_1 .right{width:188px;border:1px solid #d7d7d7; background:#fff url(../img/modele/fd_b_x.gif) repeat-x left bottom;height:258px;}
#partie_1 .right .marge{margin:10px 10px 30px 10px;}
#partie_2 td{ vertical-align:top;/*background-color:#FF6699;*/}
#partie_2{margin-top:14px;padding-top:1px;}
#partie_2 .left{width:370px;margin-right:11px;}
#partie_2 .right{width:188px;}
.p_10{padding-right:10px;}
#partie_2 .b_gris{border-bottom:1px solid #d7d7d7}
#partie_2 table.marge_h_10{margin-top:0}
 

.cols_360 .left,.cols_360  .right{width:358px;/*background-color:#FF6699;*/} 
.t400{width:420px} 
.t340{width:340px; }
/* fonds */
.cols_360_h{background: url(../img/modele/fd_cols_y.gif) no-repeat center top;height:1px;margin-bottom:-1px;position:relative}
.cols_360_b{background: url(../img/modele/fd_cols_y.gif) no-repeat center top;height:1px;margin-top:-1px;position:relative}
.cols_360{background:url(../img/modele/fd_cols_y.gif) repeat-y center top; }
.fd_b_x{border:1px solid #d7d7d7; background:#fff url(../img/modele/fd_b_x.gif) repeat-x left bottom;}
.fd_b_x .marge{margin:6px 10px}

.fd_encart{background:url(../img/modele/fd_encart/y.gif) repeat-y left top; width:340px}
.fd_encart .h{background:url(../img/modele/fd_encart/h.gif) no-repeat left top;}
.fd_encart .b{background:url(../img/modele/fd_encart/b.gif) no-repeat left bottom;height:100%}
.fd_encart .marge{margin:0 14px;padding:14px 0;}

/**/
/*.pt_x_y *{border:1px solid red;}*/
.pt_x_y {background:url(../img/modele/fd_pt/pt_x_y.gif) repeat;padding:10px}
.pt_x_y .fd_b_x{background:url(../img/modele/fd_pt/fd_b_x.gif) repeat-x left bottom;border:none;}
.fd_d_y{background:url(../img/modele/fd_pt/fd_d_y.gif) repeat-y right top;}
.cn_g_b{background:url(../img/modele/fd_pt/cn_b_g.gif) no-repeat left bottom;}
.cn_d_b{background:url(../img/modele/fd_pt/cn_b_d.gif) no-repeat right bottom;}
.cn_d_h{background:url(../img/modele/fd_pt/cn_h_d.gif) no-repeat right top;padding-bottom:8px;padding-right:5px; height:100%}
.bd_gris_fd_blc{border:1px solid #d5d5d5; background-color:#fff;padding:10px;}

/* /bloc_ombre_d_b*/















/* marges */
.marge_g_146{margin-left:146px}
.marge_h_10{margin-top:10px;}
.marge_h_17{margin-top:17px;}
.marge_g_10{margin-left:11px;}
.marge_d_10{margin-right:11px;}
.marg_b_10{margin-bottom:10px;}
.marge_neg_6{margin-bottom:-6px;}
.marge_neg_4{margin-bottom:-4px;}
.marge_neg_g_3{_margin-left:-3px}
.padding_d_16{padding-right:16px;}
.padding_g_16{padding-left:16px;}
.padding_d_30{padding-right:30px;}
.padding_h_14 td{padding-top:14px;}
.padding_g_d_10 td{padding-left:10px;padding-right:10px;}
.marge_10 li{margin-top:10px}
/* contrib */
.contrib p{padding-top:8px; line-height:18px;}
.accueil .contrib p{line-height:normal}
.liste1 li{margin-top:5px;}
.liste2 li{margin-top:5px;}
/*.contrib img{width:250px;}*/

/* faq */
a.gris_f,a.gris_c{ background: url(../img/modele/pictos/fl_0.gif) no-repeat 5px center;padding:5px 10px 5px 20px;display:block;border-bottom:4px solid #fff;outline-style:none}
a.gris_f{ background-color:#b3b3b3;color:#fff}
a.gris_c{ background-color:#dfdede}
a.gris_f:hover,a.gris_c:hover{ text-decoration:none;color:#ff6600}
a.selected{ background:#dfdede url(../img/modele/pictos/fl_1.gif) no-repeat 5px center;color:#ff5500}
.questions ul{margin-left:10px;}
.questions li{margin-top:5px;}

/* etape */
.etapes{margin-top:-22px;padding-bottom:20px}
.etapes a{font-weight:bold;padding:3px 6px;}
.etapes a:hover{ text-decoration:none}
.passe{ background:url(../img/modele/fd_gris_f.gif) no-repeat center center;color:#fff}
.courant{ background:url(../img/modele/fd_orange.gif) no-repeat center center;color:#fff;}
.etapes a.courant:hover{color:#666666}
.futur{ background:url(../img/modele/fd_gris_c.gif) no-repeat center center;color:#666666}
/* bt_suiv_prec */
.bt_suiv_prec{border-top:1px solid #d7d7d7;padding-top:12px;margin-top:16px;}
  
.bold {font-weight:bold;}
  
  
/*------------- experimentation ----------------*/
.experimentation #page {font-size:11px;}
.experimentation h1 {padding-top:10px;}
.experimentation #acces_sites span {margin:3px 0;}
.experimentation #col_gauche {width:750px;}
.experimentation .tt_expe {padding:29px 315px 0 20px; height:211px; width:415px; background:url('../img/experimentation/fd_header.gif') no-repeat; margin-bottom:25px;}
.experimentation h2.type2 {padding:2px 0 4px 29px; margin-bottom:7px; background-position:8px 1px;}
.experimentation .intro-expe {border-bottom:solid 1px #d6d6d6; padding:15px 0;}
.experimentation .intro-expe .carre {background-position:0 8px;}
.experimentation .intro-expe p { line-height:18px;}
.experimentation .intro-expe li { line-height:18px;}
.experimentation a.gris_f, .experimentation a.gris_c {background-position:right 15px; background:transparent; padding-left:0;}
.experimentation .question {padding-right:5px; background:url('../img/experimentation/fd_question.gif') repeat-x; line-height:32px;}