/*************************************************************************************************************************************************************************/ /* Redefinitions des balises HTML */ /*************************************************************************************************************************************************************************/ *{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;} body{margin:0px; text-align:center; background-color:#fff;height:100%;} img{border:0} a{text-decoration:none; outline:none;} a:hover{text-decoration:underline;} li{list-style:none;} html>body input[type="checkbox"]{margin:3px;} html>body input[type="radio"]{margin:4px;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Structure generale */ /*************************************************************************************************************************************************************************/ div#main{position:relative; width:750px; text-align:left; margin:0 auto;} /* --------------------- partie top --------------------- */ /* header */ div#header{float:left; width:750px; padding-top:6px;} /* --------------------- partie centrale --------------------- */ div#content{float:left; width:750px; padding-bottom:30px;} div#content div#gauche{float:left; width:135px;} div#content div#centre{float:left; width:480px;} div#content div#droite{float:left; width:135px;} div#content div#gauche ul, div#content div#gauche ul li, div#gauche div#bloc_mini_sondage, div#content div#droite ul.liste_1, div#content div#droite ul.liste_1 li, div#content div#droite ul.liste_2, div#content div#droite ul.liste_2 li, div#content div#droite p.liens_anim{float:left;} div#content div#droite ul.liste_1 li{clear:both;} div#content div#droite p.liens_anim{width:100%;} div#content div#droite a.lk_desinscrire{clear:both;} div#content div#centre p.intro{font-size:12px; font-weight:bold; padding:6px 10px 20px 12px;} div#content div#centre p.intro .liens_top{font-weight:normal; padding:5px 14px 0 0; text-align:right; display:block;} div#content div#centre p.intro .titre{display:block;} /* bloc mini sondage (partie gauche) */ div#content div#gauche div#bloc_mini_sondage {width:135px;} /* bloc infos */ div#content div#centre div#bloc_infos{float:left; width:456px; margin-left:12px; _margin-left:6px;} div#content div#centre div#bloc_infos div#details{float:left; width:410px; margin:27px 0 0 18px; _margin-left:9px;padding-bottom:10px;} div#content div#centre div#bloc_infos div#details div#visu{float:left; width:260px; text-align:center;padding-top:50px;} div#content div#centre div#bloc_infos div#details div#adresse{float:left; width:150px; font-size:12px; font-weight:bold; padding:50px 0 0 0;} div#content div#centre div#bloc_infos div#details div#adresse a{text-decoration:underline;} div#content div#centre div#bloc_infos div#details div#adresse a:hover{text-decoration:none;} div#content div#centre div#bloc_infos p.titre{margin-top:10px; margin-left:15px; font-size:12px; font-weight:700;} div#content div#centre div#bloc_infos p.horaires{float:left; width:413px; font-size:11px; padding:17px 18px 0 25px;} div#content div#centre div#bloc_infos p.horaires img{margin:6px 0 5px 0;} div#content div#centre div#bloc_infos p.lien{float:left; width:456px; font-size:12px; font-weight:bold; text-align:center; padding:11px 0 34px 0;} div#content div#centre div#bloc_infos p.lien a{text-decoration:underline;} div#content div#centre div#bloc_infos p.lien a:hover{text-decoration:none;} div#content div#centre div#bloc_rappel{float:left; width:212px; margin:20px 0 20px 12px; _margin-left:6px;} div#content div#centre div#bloc_rappel p{padding:14px 0 14px 17px; font-size:11px;} div#content div#centre div#bloc_rappel p a{text-decoration:underline;} div#content div#centre div#bloc_rappel p a:hover{text-decoration:none;} /* bloc actu */ div#content div#centre div.bloc_actu{float:left; width:456px; margin:0 0 15px 12px; _margin-left:6px;} div#content div#centre div.bloc_actu p.actu_date{float:left; width:98px; font-size:11px; text-align:center; padding-top:10px;} div#content div#centre div.bloc_actu p.actu_titre{float:left; width:116px; font-size:12px; font-weight:bold; padding:10px 14px 0 0;} div#content div#centre div.bloc_actu p.actu_titre a{text-decoration:underline;} div#content div#centre div.bloc_actu p.actu_titre a:hover{text-decoration:none;} div#content div#centre div.bloc_actu div.actu_texte{float:left; width:212px; font-size:11px; padding:10px 14px 0 0;} div#content div#centre div.bloc_actu div.actu_texte a{font-style:italic; text-decoration:underline;} div#content div#centre div.bloc_actu div.actu_texte a:hover{text-decoration:none;} div#content div#centre div.bloc_actu div.bloc_texte, div#content div#centre div.bloc_actu div.bloc_texte_center{float:left; width:410px; font-size:11px; color:#000; padding:10px 24px 10px 22px;} div#content div#centre div.bloc_actu div.bloc_texte_center{text-align:center;} div#content div#centre div.bloc_actu div.bloc_texte ul.liste_texte_1{padding:0 0 0 15px;} div#content div#centre div.bloc_actu div.bloc_texte ul.liste_texte_1 li{line-height:14px; background:url(img/bg-puce.gif) no-repeat 0px 5px; padding:0 0 10px 10px;} div#content div#centre div.bloc_actu div.bloc_texte ul.liste_texte_2{padding:0 0 0 0;} div#content div#centre div.bloc_actu div.bloc_texte ul.liste_texte_2 li{font-size:12px; line-height:14px; background:url(img/bg-puce.gif) no-repeat 0px 5px; padding:0 0 2px 10px;} div#content div#centre div.bloc_actu div.bloc_texte p.choix{float:left; width:200px; padding-top:15px;} div#content div#centre div.bloc_actu div.bloc_texte p.choix select{margin-top:5px;} /* --------------------- partie bottom --------------------- */ /* footer */ div#footer{float:left; width:750px; text-align:center; padding:5px 0 15px 0;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* CLASS génériques */ /*************************************************************************************************************************************************************************/ .bold{font-weight:bold;} .normal{font-weight:normal;} .italic{font-style:italic;} .clear{clear:both;} .under{text-decoration:underline;} .img_right{float:right; margin:0 0 10px 10px;} .majuscule{text-transform:uppercase;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* CLASS du viewer flash */ /*************************************************************************************************************************************************************************/ #pleinecran{height:100%; width:100%; text-align:center; background-color:#000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; position:absolute; left:0; top:0; z-index:100; display:none;} #imageZoom{ height:100%; width:100%; text-align:center; position:absolute; vertical-align:middle; left:0; top:0; z-index:101; display:none;} #imageZoom div{position:relative; top:10%;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la page contact */ /*************************************************************************************************************************************************************************/ div#content div#centre input{font-size:11px; color:#000;} div#content div#centre div.bloc_form{float:left; width:289px; margin:0 0 15px 94px; _margin-left:47px;} div#content div#centre div.bloc_form p.identite{float:left; width:280px; font-size:11px; color:#000; text-align:center; padding:13px 9px 0 0;} div#content div#centre div.bloc_form p.intitule{float:left; width:76px; font-size:11px; color:#000; text-align:right; padding:13px 9px 0 0;} div#content div#centre div.bloc_form p.champs{float:left; width:204px; padding:10px 0 0 0; font-size:11px; color:#000;} div#content div#centre div.bloc_form p.champs input{vertical-align:middle;} div#content div#centre div.bloc_form p.champs .input_1{width:130px; height:15px; font-size:11px; color:#000;} div#content div#centre div.bloc_form p.champs .textarea_1{width:180px; height:100px; font-size:11px; color:#000;} div#content div#centre div.bloc_form p.boutons{float:left; width:267px; text-align:right; padding:10px 22px 0 0;} div#content div#centre div.bloc_form p.boutons input{margin-bottom:10px;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la page fiche */ /*************************************************************************************************************************************************************************/ div#content div#centre div.bloc_form p.champs .select_1{height:15px; font-size:11px; color:#000;} /* bloc 1 */ div#content div#centre div.bloc_1{float:left; width:238px; margin:0 0 15px 12px; _margin-left:6px;} div#content div#centre div.bloc_1 p.texte_b1{font-size:11px; color:#000; padding:0 12px 0 19px;} div#content div#centre div.bloc_1 p.texte_b1 img{width:200px;} /* bloc 2 */ div#content div#centre div.bloc_2{float:left; width:222px; margin:0 0 15px 0;} div#content div#centre div.bloc_2 p.texte_b2{font-size:11px; color:#000; padding:0 30px 0 19px;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la page mail pass */ /*************************************************************************************************************************************************************************/ div#content div#centre div.bloc_actu p.intitule{float:left; width:205px; font-size:11px; color:#000; text-align:right; padding:13px 9px 0 0;} div#content div#centre div.bloc_actu p.champs{float:left; width:242px; padding:10px 0 0 0; font-size:11px; color:#000;} div#content div#centre div.bloc_actu p.champs input{vertical-align:middle;} div#content div#centre div.bloc_actu p.champs .input_1{width:130px; height:15px; font-size:11px; color:#000;} div#content div#centre div.bloc_actu p.champs .textarea_1{width:180px; height:100px; font-size:11px; color:#000;} div#content div#centre div.bloc_actu p.boutons{float:left; width:434px; text-align:right; padding:10px 22px 0 0;} div#content div#centre div.bloc_actu p.boutons input{margin-bottom:10px;} div#content div#centre div.bloc_actu p.note{float:left; width:410px; font-size:11px; color:#000; font-weight:bold; padding:12px 22px 0 24px;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la page personnel */ /*************************************************************************************************************************************************************************/ div#content div#centre div.bloc_perso{float:left; width:210px; font-size:11px; color:#000; padding:0 8px 0 17px; margin-bottom:10px;} div#content div#centre div.bloc_perso p.metier{float:left; width:172px; padding:15px 19px 5px 19px;} div#content div#centre div.bloc_perso p.nom{float:left; width:172px; padding:6px 19px 0 19px;} div#content div#centre div.bloc_perso p.visu{float:left; width:210px; padding:11px 0 0 0; text-align:center;} div#content div#centre div.bloc_perso p.details{float:left; width:172px; padding:24px 19px 5px 19px;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la page visite */ /*************************************************************************************************************************************************************************/ div#content div#centre div.bloc_actu div.visu_visite{float:left; width:120px; font-size:11px; color:#000; text-align:center; padding:13px 0 0 23px;} div#content div#centre div.bloc_actu div.visu_visite img{margin-bottom:4px; width:100px; height:100px;} div#content div#centre div.bloc_actu div.acces_flash_visite{float:left; width:430px; font-size:11px; color:#000; text-align:center; padding:10px 13px;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la page visite fiche */ /*************************************************************************************************************************************************************************/ div#content div#centre p.tt_visite{float:left; width:400px; font-size:12px; font-weight:bold; text-transform:uppercase; padding:0 0 3px 12px;} div#content div#centre p.lien_visite{float:left; width:54px; font-size:12px; padding:0 14px 3px 0; text-align:right;} div#content div#centre p.texte_visite{font-size:12px; padding:0 10px 8px 12px;} div#content div#centre p.texte_visite img{margin:6px 0 6px 0;} div#content div#centre div.bloc_visuels{float:left; width:480px; text-align:center; padding:12px 0 0 0;} div#content div#centre div.bloc_visuels img{margin:0 10px 10px 10px;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la popup photo */ /*************************************************************************************************************************************************************************/ div#main_pop{position:relative; width:546px; text-align:left; margin:0 auto;} div#content_pop{float:left; width:546px; font-size:12px; padding:10px 0;} div#content_pop div.bloc_pop{float:left; width:546px;} div#content_pop div.bloc_pop p.intro_pop{font-size:12px; color:#000; font-weight:bold; line-height:14px; padding:0 19px 0 19px;} div#content_pop div.bloc_pop div.visu_pop{padding:12px 0 0 19px;} div#content_pop div.bloc_pop div.visu_pop img.img_pop{margin-bottom:5px;} div#content_pop div.bloc_pop div.visu_pop input{margin-top:5px;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la popup rappels */ /*************************************************************************************************************************************************************************/ div#main_pop_2{position:relative; width:250px; text-align:left; margin:0 auto;} div#content_pop_2{float:left; width:250px; font-size:12px; padding:10px 0;} div#content_pop_2 p.titre_pop{font-size:12px; font-weight:bold; text-transform:uppercase; padding:0 0 6px 0;} /* bloc rappels */ div#content_pop_2 div.bloc_rappels{float:left; width:250px; margin-top:8px;} div#content_pop_2 div.bloc_rappels div.bloc_texte_pop{float:left; width:232px; font-size:11px; padding:0 0 0 18px;} div#content_pop_2 div.bloc_rappels div.bloc_texte_pop a{font-size:12px; font-weight:bold; text-decoration:underline;} div#content_pop_2 div.bloc_rappels div.bloc_texte_pop a:hover{text-decoration:none;} div#content_pop_2 div.bloc_rappels .couleur, div#content_pop_2 div.bloc_rappels div.bloc_texte_pop input, div#content_pop_2 div.bloc_rappels div.bloc_texte_pop textarea{font-size:12px;} div#content_pop_2 div.bloc_rappels div.bloc_texte_pop input{margin:5px 0; vertical-align:middle;} div#content_pop_2 div.bloc_rappels div.taille{font-size:12px;} div#content_pop_2 div.bloc_rappels div.bloc_texte_pop ul.liste_pop{padding:0 0 18px 0;} div#content_pop_2 div.bloc_rappels div.bloc_texte_pop ul.liste_pop li{line-height:14px; background:url(img/bg-puce.gif) no-repeat 0px 5px; padding:0 0 2px 10px;} div#content_pop_2 div.bloc_rappels div.bloc_texte_pop img.img_filet_pop{margin-bottom:6px;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la page fiche a imprimer */ /*************************************************************************************************************************************************************************/ div#main_fiche{position:relative; width:600px; text-align:left; margin:0 auto;} div#fiche{float:left;} div#fiche p.intro{font-size:12px; font-weight:bold; padding:6px 0 20px 0;} div#fiche p.intro .titre{display:block;} div#fiche p.intro .liens_top{display:block; font-weight:normal; padding:5px 14px 0 0; text-align:right;} div#fiche div.bloc_fiche{float:left; margin:0px 0 15px 0;} div#fiche div.bloc_fiche div.bloc_texte{color:#000000; float:left; font-size:11px; padding:10px 24px 10px 22px;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la page d'acces */ /*************************************************************************************************************************************************************************/ div#main_home{position:relative; width:750px; text-align:left; margin:auto;} div#main_home div#haut{background:transparent url(img/quad-top_01.gif) no-repeat scroll 85% 50%; margin-top:10px;} div#main_home div#haut img{margin-left:50px;} div#main_home div#milieu{margin:10px 0;} div#main_home div#milieu .bandeau{background-color:#43539e; text-align:center; margin-bottom:2px;} div#main_home div#milieu .contenu{background:#d8dcf0 url(img/visuel-veto-home.jpg) no-repeat scroll 10% 50%; font-size:12px; font-weight:700; text-align:left;} div#main_home div#milieu .contenu img{margin:20px 5px 0 0;} div#main_home div#milieu .contenu .formulaire, div#main_home div#milieu .contenu .oubli{padding:20px 0 20px 300px;} div#main_home div#milieu .contenu .oubli{height:180px;} div#main_home div#milieu .contenu .formulaire .titre, div#main_home div#milieu .contenu .oubli .titre{font-size:13px; text-transform:uppercase;} div#main_home div#milieu .contenu .formulaire p, div#main_home div#milieu .contenu .oubli p{margin:5px;} div#main_home div#milieu .contenu .formulaire label, div#main_home div#milieu .contenu .oubli label{float:left; width:100px; text-align:right; margin-right:5px;} div#main_home div#milieu .contenu .formulaire input[type=text],div#main_home div#milieu .contenu .formulaire input[type=password], div#main_home div#milieu .contenu .oubli input[type=text], div#main_home div#milieu .contenu .oubli input[type=password]{background-color:#fff; color:#000; padding:0 2px;} div#main_home div#bas{margin-bottom:20px; text-align:center;}