@charset "utf-8";
/* CSS Document */
/* ICF Novedis */
/* author : acti juin 2009*/
/* //////////////////////////////////////////////////////// GLOBAL STRUCTURE /////////////////////////////////////////////////////// */

* {margin: 0px;padding: 0px;outline:none;}
body {font-family:Arial, Helvetica, sans-serif;font-size: .9em; color:#3d3d3d;}
img {border: 0 none; }
h1 {font-size: 1.5em;}
h2 {font-size: 1.2em;}
h3 {font-size: 0.9em; }
h4 {font-size: 0.9em;}
div {background-color:transparent}
p {text-align: left;}
strong {color:#3d3d3d;}
strong.red {color:#bd2c16;}
a:link, a:active, a:visited  {text-decoration: underline;outline:none;color:#bd2c16;}
a:hover {text-decoration: underline;color:#000000; }
ul, li, dl, dt, dd {list-style-type: none;}
abbr, acronym {border-bottom-style: dotted; border-bottom-width: 1px; cursor:help;}
hr {display:none;}
.myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block}
input, select, label {outline:none;}

/* ////////////////////////////////////////////////////////  HOME //////////////////////////////////////////////////////// */

body.home{background:#d7d7d8 url(../images/bg_home.png) top left repeat-x;}
/* --- Header --- */
#header-home{width:755px;height:90px;margin:0 auto;}
#header-home h1 {text-indent:-9999em;background:url(../images/ifag-logo.png) left top no-repeat; width:144px; height:52px;float:left;margin:8px 0 0 4px}
#header-home h2 {text-indent:-9999em;background:url(../images/ifag-inscription-h2.png) left top no-repeat; width:356px; height:52px;float:right;margin:8px 12px 0 0px}

/* --- Contenu --- */
#content-home{ width:755px;margin:0 auto; }
#content-home #contenu{border-left:1px solid #d7d8d0;border-right:1px solid #d7d8d0;height:390px;width:753px;}

/* --- Colonne gauche ---- */
#content-home #contenu #col-gauche{width:297px;height:390px;float:left;background:#d7d8d0 url(../images/img-connexion.jpg) left top no-repeat;display:inline;}
#content-home #contenu #col-gauche fieldset{border:0 none;position:relative;top:127px;}
#content-home #contenu #col-gauche fieldset h3{height:26px;background:#bd2c16;color:#FFFFFF;display:block;line-height:1.8em;padding:0 0 0 20px;font-size:1.05em}
#content-home #contenu #col-gauche fieldset .champs{margin:17px 0 0 0}
#content-home #contenu #col-gauche fieldset .champs p{margin:4px 0}
#content-home #contenu #col-gauche fieldset .champs label{width:90px;text-align:right;margin:0 15px 0 0;display:block;float:left;color:#414040;font-size:0.8em;}
#content-home #contenu #col-gauche fieldset .champs input{width:167px;height:17px;border:1px solid #ada5aa;}
#content-home #contenu #col-gauche fieldset .champs input.valider{color:#FFFFFF;font-weight:bold;background:url(../images/btn_connecter.png) left 2px no-repeat;width:117px;height:33px;border:0 none;cursor:pointer;left:102px;position:relative;top:4px;font-size:0.75em;}
#content-home #contenu #col-gauche fieldset .champs input.valider:hover{background:url(../images/btn_connecter.png) left -47px no-repeat;}
#content-home #contenu #col-gauche fieldset .champs .oubli_passe{font-size:0.7em;left:106px;position:relative;top:11px;width:188px;}

/* --- Colonne droite ---- */
#content-home #contenu #col-droite{height:367px;float:left;width:406px;padding:23px 25px 0 25px;display:inline;border:0 none;}
#content-home #contenu #col-droite h4{color:#bd2c16;font-size:1.1em;margin-bottom:16px;}
#content-home #contenu #col-droite .liste-interface{font-size:0.8em;margin:16px 0;} 
#content-home #contenu #col-droite .liste-interface ul{}
#content-home #contenu #col-droite .liste-interface ul li{background:url(../images/liste-home.png) left 5px no-repeat; padding-left:10px;margin-left:25px;}
#content-home #contenu #col-droite input.cree_compte{cursor:pointer;background:url(../images/btn_creer_compte.png) left 0px no-repeat; color:#FFFFFF;display:block;height:50px;margin:0 0 10px;padding:0;text-decoration:none;font-weight:bold;font-size:0.75em;border:0 none;width:412px;}
#content-home #contenu #col-droite input.cree_compte:hover{background:url(../images/btn_creer_compte.png) left -50px no-repeat;}

#content-home #contenu #col-droite .infos_legales{font-size:0.7em;margin:10px 0 0;}

/* --- Footer --- */
#content-home #footer{background:url(../images/footer.png) left top no-repeat;width:734px ;height:27px;color:#FFFFFF;font-size:0.8em;padding:11px 10px 0 10px;position:relative;}
#content-home #footer ul {float:right;position:absolute;right:17px;top:11px;}
#content-home #footer ul li{display:inline-block;float:left;padding:0 0 0 3px;}
#content-home #footer ul li a{color:#FFFFFF;text-decoration:none;}
#content-home #footer ul li a:hover{text-decoration:underline;}


/* ////////////////////////////////////////////////////////  Page Interieur //////////////////////////////////////////////////////// */
body.interieur{background:#d7d7d8 url(../images/bg_interieur.png) top left repeat-x;}
#header{width:960px;margin:0 auto;height:121px;}
#header #navigation{font-family:tahoma;height:17px;}
#header #navigation ul.nav{}
#header #navigation ul.nav li{float:left;padding:0 6px 0 0}
#header #navigation ul.nav li a{color:#0e0f0f;text-decoration:none;font-size:0.75em;padding:0 6px 0 0 }
#header #navigation ul.nav li a:hover{text-decoration:underline;} 
#header #navigation .info_connexion{float:right;font-size:0.7em;color:#4c4c4c;position:relative;top:3px;}
#header #navigation .info_connexion .nom{color:#0e0f0f;}
#header #navigation .info_connexion a{}
#header #navigation .info_connexion a:hover{}

#header .head_titre {height:74px;}
#header .head_titre h1 {text-indent:-9999em;background:url(../images/ifag-logo.png) left top no-repeat; width:144px; height:52px;float:left;margin:8px 0 0 4px}
#header .head_titre h2 {text-indent:-9999em;background:url(../images/ifag-inscription-h2.png) left top no-repeat; width:356px; height:52px;float:right;margin:8px 12px 0 0px}

#header #navigation_principal{margin:0 auto;width:939px;}
#header #navigation_principal ul.nav{}
#header #navigation_principal ul.nav li{float:left;;line-height:1.9em;}
#header #navigation_principal ul.nav li a{font-weight:normal;color:#ffffff;text-decoration:none;;font-size:1.05em;display:block;padding:0 15px;;background:url(../images/nav_separ.png) right 3px no-repeat; }
#header #navigation_principal ul.nav li a:hover{background:#bd2c16 url(../images/nav_separ.png) right 3px no-repeat;}
#header #navigation_principal ul.nav li.actif{font-weight:bold;background:#bd2c16 url(../images/nav_separ.png) right 3px no-repeat;color:#ffffff;padding:0 15px;}


#content{width:960px;margin:0 auto;background:url(../images/interieur_content.png) left top repeat-y;}
#content #contenu{width:938px;margin:0 auto;}
#content #contenu .arianne{height:22px;padding:5px 0 0 15px; background:#ecede5;border-bottom:1px solid #d2d2d2;font-size:0.75em}
#content #contenu .arianne a{color:#000000;text-decoration:none;}
#content #contenu .arianne a:hover {text-decoration:underline;}

#content #contenu .col-gauche{float:left;padding:38px 29px;width:590px;}
#content #contenu .col-gauche .messages {}
#content #contenu .col-gauche .messages p {clear:both;float:none;}

#content #contenu .col-gauche  h3{font-size:1.1em;margin:0 0 6px;} 
#content #contenu .col-gauche h4{background:#ecede5;color:#bd2c16;padding:4px 9px;margin:0 0 14px;clear:both;}
#content #contenu .col-gauche h5{background:#bd2c16;color:#ecede5;padding:4px 9px;margin:0 0 14px;clear:both;}
#content #contenu .col-gauche h4 span.chp_obligatoire{color:#3d3d3d;font-weight:normal;float:right;background:url(../images/chp_obligatoire.png) left 2px no-repeat; padding:0 0 0 17px;}
#content #contenu .col-gauche p {float:left;font-size:0.9em;margin:0 0 5px;text-align:justify;}
#content #contenu .col-gauche .group {font-size:0.9em;margin:0 0 14px;text-align:justify;clear:both;}
#content #contenu .col-gauche ul {margin:0 0 14px;font-size:0.9em;}
#content #contenu .col-gauche ul li{background:url(../images/liste-home.png) left 5px no-repeat; padding-left:10px;margin-left:25px;}

#content #contenu .col-gauche input.commencer_inscription{cursor:pointer;background:url(../images/btn_commencer.png) left 0px no-repeat; color:#FFFFFF;display:block;height:46px;margin:0 0 10px;padding:0;text-decoration:none;font-weight:bold;font-size:0.75em;border:0 none;width:586px;}
#content #contenu .col-gauche input.commencer_inscription:hover{background:url(../images/btn_commencer.png) left -50px no-repeat;}
#content #contenu .col-gauche label{width:215px;text-align:right;display:block;float:left;margin:0 11px 4px 0;}
#content #contenu .col-gauche input.inputform{width:270px;float:left;margin:0 11px 6px 0;height:19px;border:1px solid #9c9c9c;}
#content #contenu .col-gauche input.inputfileform{width:270px;float:left;margin:0 11px 6px 0;height:auto;border:1px solid #9c9c9c;}
#content #contenu .col-gauche span.disabled{width:270px;float:left;border:1px solid #e1e1e1;margin:0 11px 4px 0;/*height:19px;*/padding:2px;}
#content #contenu .col-gauche select{width:270px;float:left;margin:0 11px 4px 0;height:19px;border:1px solid #9c9c9c;}
#content #contenu .col-gauche input.radio{display:inline;width:auto;margin:0 4px 6px 0; }
#content #contenu .col-gauche input.radio2{display:inline;width:auto;margin:0 4px 6px 0;float:left; }
#content #contenu .col-gauche label.radio_span{float:left;margin:0 10px 0 0;width:auto; }
#content #contenu .col-gauche label.radio_span2{float:none;margin:0 10px 0 0;width:310px;text-align:left; }
* html #content #contenu .col-gauche label.radio_span2{width:160px; }
*+html #content #contenu .col-gauche label.radio_span2{width:160px; }
#content #contenu .col-gauche textarea.inputform{width:350px;float:left;margin:0 11px 6px 0;height:auto;border:1px solid #9c9c9c;}

#content #contenu .col-gauche span.label_style{width:215px;text-align:right;display:block;float:left;margin:0 11px 6px 0;}

#content #contenu .col-gauche .options{width:215px;text-align:right;display:block;float:left;margin:0 11px 6px 0;}
* html #content #contenu .col-gauche .options{width:350px;}
*+html #content #contenu .col-gauche .options{width:350px;}

* html #content #contenu .col-gauche .options p{width:350px;}
*+html #content #contenu .col-gauche .options p{width:350px;}

* html #content #contenu .col-gauche .options p label.radio_span2{width:300px; }
*+html #content #contenu .col-gauche .options p label.radio_span2{width:300px; }

#content #contenu .col-gauche .clear{clear:left;}

#content #contenu .col-gauche span.fond_gris{background:#e9e9e9;display:block;float:left;height:21px;padding:0 0 0 5px;width:267px;}

#content #contenu .col-gauche span.help{position:relative;}
#content #contenu .col-gauche img.help_img{cursor:help;border:none;}
#content #contenu .col-gauche span.help_txt{display:block;width:250px;padding:4px;position:absolute;background:#ECEDE5;border:1px solid #BD2C16;bottom:20px;right:-70px;z-index:500;}

#content #contenu .col-droite{width:250px;float:left;}
#content #contenu .col-droite .detail-preinscription{background:url(../images/detail-preinscription.jpg) left top no-repeat;width:255px;height:281px;color:#FFFFFF;position:relative;top:64px;}
#content #contenu .col-droite .detail-preinscription h5{font-size:1em;left:9px;position:relative;top:183px;}
#content #contenu .col-droite .detail-preinscription ul{font-size:0.75em;left:10px;position:relative;top:203px;}
#content #contenu .col-droite .detail-preinscription ul li{}
#content #contenu .col-droite .detail-preinscription ul li strong{color:#FFFFFF;}


#content #contenu ul.etapes{margin:5px 0 0 20px;}
#content #contenu ul.etapes li {float:left;margin:0 22px 0 0;}
#content #contenu ul.etapes li a{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;color:#000000;text-decoration:none;}
#content #contenu ul.etapes li a:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter: alpha(opacity=75);-moz-opacity: 0.75;-khtml-opacity: 0.75;opacity: 0.75;}
#content #contenu ul.etapes li a .element{background:#ecede5;padding:5px;font-size:0.75em}
#content #contenu ul.etapes li a.actif{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
#content #contenu ul.etapes li a img{margin:0 5px 0 0;position:relative;top:8px;}
#content #contenu ul.etapes li .item{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;color:#000000;text-decoration:none;}
#content #contenu ul.etapes li .item .element{background:#ecede5;padding:5px;font-size:0.75em}
#content #contenu ul.etapes li .actif{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
#content #contenu ul.etapes li .item img{margin:0 5px 0 0;position:relative;top:8px;}


.rouge{color:#BD2C16;}
.gras{font-weight:bold;}

.important-data label{font-weight:bold;}
.important-data input{font-weight:bold;color:#BD2C16;}
.important-data .disabled{font-weight:bold;color:#BD2C16;}
.important-data span.label_style{font-weight:bold;}
.important-data span.value_style{font-weight:bold;color:#BD2C16;}

#content #contenu .col-gauche .ligne-double {font-size:0.9em;margin:0 0 14px;text-align:justify;clear:both;}
#content #contenu .col-gauche .ligne-double p {display:inline;}

#content #contenu .col-gauche input.petit{width:100px;}
#content #contenu .col-gauche label.petit{display:inline;width:46px;}

.input_bottom{clear:both;background:#ecede5;height:30px;margin:5px 0 0 0;padding:10px;text-align:center;}
.input_bottom input {border:0 none;cursor:pointer;height:33px;padding:5px;color:#FFFFFF;font-weight:bold;font-size:0.75em}
.input_bottom input:hover{background-position:left top !important;}
.input_bottom input.precedent{background:url(../images/btn_precedent.png) left bottom no-repeat;width:97px;}
.input_bottom input.suivant{background:url(../images/btn_etapesuivante.png) left bottom no-repeat;width:181px;}
.input_bottom input.terminer{background:url(../images/btn_terminer.png) left bottom no-repeat;width:92px;}
.input_bottom input.commencer{background:url(../images/btn_commencer2.png) left bottom no-repeat;width:182px;}
.input_bottom input.retour_dossier{background:url(../images/btn_retour_dossier.png) left bottom no-repeat;width:238px;}


#content #contenu .col-droite_int{background:url(../images/trombone.png) right top no-repeat;float:left;width:268px;margin:49px 0 0 0;}
#content #contenu .col-droite_int .content{background:#E9E9E9 url(../images/trombone_down.png) right top no-repeat;position:relative;top:15px;width:257px;}
#content #contenu .col-droite_int .content .trombonne_up{background:url(../images/trombone_up.png) no-repeat left top;height:31px;position:absolute;right:23px;top:15px;width:27px;z-index:500;}
* html #content #contenu .col-droite_int .content .trombonne_up{right:22px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src=./images/trombone_up.png); background-image:none;}
#content #contenu .col-droite_int .content img.trombi{left:160px;position:absolute;top:18px;z-index:400}
#content #contenu .col-droite_int .content .side_content{width:130px;font-size:0.75em;padding:20px 0 0 10px;margin:0 0 20px 0}
#content #contenu .col-droite_int .content .side_content h3{color:#BD2C16;font-size:1em;border-bottom:1px solid #b1b1b1;margin:0 0 5px 0}
#content #contenu .col-droite_int .content .bottom_content{font-size:0.75em;padding:20px 0 16px 10px}
#content #contenu .col-droite_int .content .bottom_content h3{color:#BD2C16;font-size:1em;border-top:1px solid #b1b1b1;padding:8px 0 0;}
#content #contenu .col-droite_int .content .bottom_content h3 strong{color:#BD2C16;}
/* --- Footer --- */
#footer{background:url(../images/footer-int.png) left top no-repeat;width:922px ;height:35px;color:#FFFFFF;font-size:0.8em;padding:11px 10px 0 10px;position:relative;margin: auto;}
#footer ul {float:right;position:absolute;right:17px;top:11px;}
#footer ul li{display:inline-block;float:left;padding:0 0 0 3px;}
#footer ul li a{color:#FFFFFF;text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}


/* --- Inscription --- */

#content-home #contenu #col-droite .page-inscription p {clear:both;font-size:0.9em;margin:0 0 14px;text-align:justify;}
#content-home #contenu #col-droite .page-inscription p.error{background-color:#BD2C16;color:#FFFFFF;padding:4px;font-weight:bold;text-align:center;}
#content-home #contenu #col-droite label {display:block;float:left;margin:0 11px 4px 0;text-align:right;width:65px;}
#content-home #contenu #col-droite label.label_liste {width:100%;float:none;text-align:left;}
#content-home #contenu #col-droite select.label_liste {margin-left:76px;width:250px;}
#content-home #contenu #col-droite input.btncreercompte {background:url(../images/btn_terminer_2.png) no-repeat scroll left bottom;width:92px;border:0 none;color:#FFFFFF;cursor:pointer;font-size:0.75em;font-weight:bold;height:33px;padding:5px;float:left;margin-left:238px;}
#content-home #contenu #col-droite input:hover {background-position:left top !important;}
#content-home #contenu #col-droite select.select_inscription {width:250px;}
#content-home #contenu #col-droite input.inputform {width:246px;}


.clearAll{clear:both;width:100%;}

/* --- Fancybox --- */
.fancybox {}
.fancybox h1 {margin: 5px 0 12px 0;color:#BD2C16;font-size:1.3em;}
.fancybox h2 {background:#ECEDE5;clear:both;color:#BD2C16;margin:10px 0;padding:4px 9px;}
.fancybox h3 {background:#ECEDE5;clear:both;margin:10px 0;padding:4px 9px;}
.fancybox p {margin:5px 0;}
.fancybox ul {margin:5px 0;}
.fancybox ul li {background:url(../images/liste-home.png) no-repeat left 5px;margin-left:10px;padding-left:15px;}
.fancybox .verdana12bleubld1 {width:200px;margin:10px 0 2px 0;}
.fancybox .verdana12bleubld {width:196px;}
.fancybox .boutonForm1 {background:#BD2C16;color:#FFFFFF;font-weight:bold;padding:0 15px;border:0;cursor:pointer;}