@import url('lightwindow.css');
/* GENERAL */
*{
margin:0;
padding:0;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
img{
border:none;
}
body{
background:#EAEAEA;
color:#373737;
}
.breaker{
clear:both;
height:0px;
overflow:hidden;
zoom:1;
}
a.suite{
font-size:11px;
color:#0089C0;
text-decoration:none;
}
a.suite:hover{
color:#1290CD;
text-decoration:underline;
}
.divError{
clear:both;
font-size:12px;
color:#FF0000;
}
/* STRUCTURE */
#general{
width:1000px;
background:#fff;
margin:0 auto;
overflow:hidden;
zoom:1;
}
/* BANDEAU */
#bandeau{
width:970px;
margin:0 auto;
overflow:hidden;
zoom:1;
}
#bandeau h1{
float:left;
padding:6px 0 15px 18px;
}
#acces{
position:relative;
width:500px;
float:right;
padding:13px 0 0 0;
}
#acces .langues{
position:relative;
float:right;
padding:0 0 20px 0;
}
#acces .langues h2{
display:block;
float:left;
font-size:11px;
font-weight:bold;
color:#1B2C62;
padding:2px 5px 0 0;
}
#acces .langues .langue{
float:left;
background:url(../images/commun/f_langues.gif) no-repeat top left;
width:125px;
line-height:17px;
padding:0 5px 0 8px;
}
#acces .langues a{
display:block;
font-size:11px;
line-height:17px;
color:#1B2C62;
text-decoration:none;
}
#acces .langues a:hover{
color:#68AF3F;
}
#acces .langues a span{
display:block;
background:url(../images/commun/puce_langue.gif) no-repeat right 2px;
line-height:17px;
}
#acces .langues a:hover span{
background:url(../images/commun/puce_langue_on.gif) no-repeat right 2px;
}
#acces .langues a.fr{
background:url(../images/commun/drapeau_fr.gif) no-repeat 0 3px;
padding:0 0 0 33px;
}
#acces .langues a.en{
background:url(../images/commun/drapeau_en.gif) no-repeat 0 3px;
padding:0 0 0 33px;
}
#select_langue{
position:absolute;
width:125px;
background:url(../images/commun/b_langues.gif) no-repeat bottom left;
right:0;
top:15px;
padding:5px 5px 2px 8px;
z-index:10;
}
#acces ul{
clear:both;
float:right;
overflow:hidden;
zoom:1;
}
#acces ul li{
float:left;
padding:0 7px 0 0;
}
#acces ul li.rejoindre{
background:url(../images/commun/picto_rejoindre.gif) no-repeat 6px 0px;
padding:0 0 0 30px;
}
#acces ul li.rejoindre a{
display:block;
font-size:11px;
color:#1B2C62;
text-decoration:none;
line-height:17px;
}
#acces ul li.rejoindre a.on, #acces ul li.rejoindre a:hover{
color:#68AF3F;
}
/* MENU */
#menu{
width:970px;
margin:0 auto 11px auto;
background:url(../images/commun/f_menu.gif) repeat-x bottom left;
overflow:hidden;
zoom:1;
}
#menu ul{
float:left;
}
#menu li{
float:left;
}
#menu li img{
display:block;
}
#menu form{
float:right;
padding:10px 0 0 0;
overflow:hidden;
zoom:1;
}
#menu form input{
float:left;
width:138px;
border:none;
background:url(../images/commun/f_input.gif) no-repeat top left;
font-size:11px;
color:#0F5899;
padding:5px 10px;
}
#menu form input.bouton{
float:left;
width:auto;
border:none;
background:none;
padding:0 9px;
}
/* BANDEAU IMAGE */
#bandeau_image{
width:970px;
margin:0 auto 9px auto;
}
/* CHEMIN */
#chemin{
position:relative;
width:970px;
background:url(../images/commun/f_chemin.gif) no-repeat top left;
line-height:30px;
margin:0 auto 9px auto;
}
#chemin .chemin{
float:left;
font-size:10px;
color:#1A3167;
padding:0 0 0 9px;
}
#chemin .chemin a{
color:#1A3167;
}
#chemin .chemin a:hover{
color:#1290CD;
text-decoration:underline;
}
#chemin .chemin span{
color:#128FCC;
}
#chemin .util{
float:right;
overflow:hidden;
zoom:1;
}
#chemin .util a{
display:block;
float:left;
font-size:10px;
color:#1A3167;
border-left:1px solid #EBEBEB;
padding:0 10px 0 30px;
}
#chemin .util a:hover{
color:#1290CD;
}
#chemin .util a.imprimer{
background:url(../images/commun/picto_imprimer.gif) no-repeat 8px 9px;
}
#chemin .util a.envoyer_ami{
background:url(../images/commun/picto_envoi_ami.gif) no-repeat 10px 9px;
}
#envoyer_ami{
position:absolute;
right:0;
top:26px;
width:155px;
background:url(../images/commun/f_envoyer_ami.gif) no-repeat top left;
border-bottom:1px solid #EBEBEB;
z-index:10;
line-height:14px;
}
#envoyer_ami form{
padding:11px;
}
#envoyer_ami form .ligne{
margin:0 0 10px 0;
}
#envoyer_ami form label{
display:block;
font-size:11px;
}
#envoyer_ami form input{
width:131px;
font-size:11px;
border:1px solid #D7D7D7;
}
#envoyer_ami form input.inputError{
border:1px solid #FF0000;
}
#envoyer_ami .divError{
font-size:11px;
}
#envoyer_ami form input.bouton{
border:none;
}
/* CONTENU */
#contenu{
width:970px;
margin:0 auto;
padding:0 0 10px 0;
overflow:hidden;
zoom:1;
}
#centre{
float:left;
width:740px;
}
#page{
overflow:hidden;
zoom:1;
}
#texte{
width:545px;
float:right;
}
.t_page{
border-bottom:3px solid #EAEAEA;
padding:0 0 10px 0;
margin:0 0 15px 0;
overflow:hidden;
zoom:1;
}
.t_page h2{
float:left;
font-size:21px;
font-weight:normal;
color:#1B2C62;
}
.t_page a.css{
display:block;
float:right;
margin:6px 0 0 0;
}
.t_page form{
display:block;
float:right;
margin:6px 0 0 0;
}
.t_page form select{
width:250px;
background:#fff url(../images/commun/f_input.gif) no-repeat top left;
font-size:11px;
border:1px solid #D7D7D7;
}
.retour{
display:block;
float:left;
background:url(../images/commun/g_retour.gif) no-repeat top left;
font-size:11px;
color:#9A9898;
text-decoration:none;
line-height:20px;
padding:0 0 0 9px;
margin:0 0 15px 0;
}
.retour span{
display:block;
float:left;
background:url(../images/commun/d_retour.gif) no-repeat top right;
line-height:20px;
padding:0 9px 0 6px;
}
.retour:hover{
color:#1290CD;
}
.intro{
margin:0 0 25px 0;
}
.intro h3{
background:url(../images/commun/h_intro.gif) no-repeat top left;
font-size:18px;
font-weight:normal;
color:#1290CD;
padding:17px 20px 0 20px;
}
.intro .b_intro{
background:url(../images/commun/b_intro.gif) no-repeat bottom left;
padding:0 0 4px 0;
}
.intro .f_intro{
background:#F4F4F4 url(../images/commun/f_intro.gif) repeat-x top left;
border-left:1px solid #EBEBEB;
border-right:1px solid #EBEBEB;
padding:7px 20px 4px 20px;
}
.intro p{
font-size:13px;
color:#1B2C62;
}
.pagination, .nav{
background:url(../images/commun/f_pagination1.gif) no-repeat top left;
line-height:30px;
padding:0 0 0 5px;
}
.pagination .f_pagination, .nav .f_nav{
background:url(../images/commun/f_pagination2.gif) no-repeat top right;
line-height:30px;
padding:0 10px 0 5px;
overflow:hidden;
zoom:1;
}
.pagination .nb{
display:block;
float:left;
font-size:10px;
}
.pagination .pages{
float:right;
overflow:hidden;
zoom:1;
}
.pagination .pages .nums{
float:left;
border-left:1px solid #EBEBEB;
padding:0 4px;
overflow:hidden;
zoom:1;
}
.pagination .pages a, .nav a{
display:block;
float:left;
font-size:10px;
color:#373737;
padding:0 3px;
}
.pagination .pages a.premier, .pagination .pages a.precedent, .pagination .pages a.dernier, .pagination .pages a.suivant{
border-left:1px solid #EBEBEB;
padding:0 7px;
}
.pagination .pages a.on, .pagination .pages a:hover{
color:#1290CD;
}
.nav a.precedent{
padding:0 7px 0 0;
border-right:1px solid #EBEBEB;
}
.nav a.suivant{
float:right;
padding:0 0 0 7px;
border-left:1px solid #EBEBEB;
}
/* GAUCHE */
#gauche{
float:left;
width:180px;
}
#gauche .smenu{
background:url(../images/commun/gauche/h_smenu.gif) no-repeat top left;
padding:5px 0 0 0;
margin:0 0 15px 0;
}
#gauche .smenu ul{
background:#F4F4F4 url(../images/commun/gauche/f_smenu.gif) repeat-x top left;
border:1px solid #EAEAEA;
border-bottom:6px solid #EAEAEA;
border-top:none;
padding:10px 10px 0 10px;
}
#gauche .smenu ul li{
padding:0 0 10px 0;
}
#gauche .smenu ul li a{
display:block;
background:url(../images/commun/gauche/puce_smenu.gif) no-repeat 0px 1px;
font-size:12px;
color:#373737;
text-decoration:none;
padding:0 0 0 23px;
}
#gauche .smenu ul li a.on, #gauche .smenu ul li a:hover{
background:url(../images/commun/gauche/puce_smenu_on.gif) no-repeat 0px 1px;
color:#1290CD;
}
#gauche .newsletter{
background:url(../images/commun/gauche/h_simple.gif) no-repeat top left;
padding:4px 0 0 0;
margin:0 0 15px 0;
}
#gauche .newsletter .b_newsletter{
background:url(../images/commun/gauche/b_simple.gif) repeat-x bottom left;
padding:0 0 6px 0;
}
#gauche .newsletter h2{
font-size:16px;
font-weight:normal;
color:#1290CD;
margin:0 0 5px 0;
}
#gauche .newsletter p{
font-size:11px;
margin:0 0 5px 0;
}
#gauche .newsletter form{
background:#EBF6FF url(../images/commun/gauche/f_newsletter.gif) repeat-x top left;
border:1px solid #EBEBEB;
border-top:none;
padding:10px 12px;
overflow:hidden;
zoom:1;
}
#gauche .newsletter form input{
float:left;
border:1px solid #D7D7D7;
width:110px;
font-size:12px;
padding:1px 5px;
}
#gauche .newsletter form input.bouton{
border:none;
width:auto;
padding:0 0 0 10px;
}
/* DROITE */
#droite{
float:right;
width:200px;
}
#droite .recherche{
background:#F4F4F4 url(../images/commun/droite/f_moteur.gif) repeat-x top left;
border:1px solid #EBEBEB;
border-bottom:5px solid #EBEBEB;
padding:10px 12px;
margin:0 0 22px 0;
}
#droite .recherche .centre{
margin:0 0 20px 0;
}
#droite .recherche h2{
font-size:16px;
font-weight:normal;
color:#1B2C62;
margin:0 0 5px 0;
}
#droite .recherche h2 span{
color:#1290CD;
}
#droite .recherche form{
padding:0 0 8px 0;
overflow:hidden;
zoom:1;
}
#droite .recherche .competence form{
padding:0 0 4px 0;
}
#droite .recherche form select{
border:1px solid #D7D7D7;
width:175px;
font-size:12px;
}
#droite .recherche form input{
float:left;
border:1px solid #D7D7D7;
width:130px;
font-size:12px;
padding:1px 5px;
}
#droite .recherche form input.bouton{
border:none;
width:auto;
padding:0 0 0 10px;
}
#droite .recherche a{
background:url(../images/commun/puce.gif) no-repeat 0px 6px;
font-size:11px;
color:#373737;
padding:3px 0 0 11px;
}
#droite .recherche a:hover{
color:#1290CD;
text-decoration:underline;
}
#droite .newsletter{
background:url(../images/commun/droite/h_newsletter.gif) no-repeat top left;
padding:4px 0 0 0;
margin:0 0 22px 0;
}
#droite .newsletter h2{
font-size:16px;
font-weight:normal;
color:#62A328;
margin:0 0 5px 0;
}
#droite .newsletter p{
font-size:11px;
margin:0 0 5px 0;
}
#droite .newsletter form{
background:#E2F3AB url(../images/commun/droite/f_newsletter.gif) repeat-x top left;
border:1px solid #EBEBEB;
border-top:none;
padding:10px 12px;
overflow:hidden;
zoom:1;
}
#droite .newsletter form input{
float:left;
border:1px solid #D7D7D7;
width:130px;
font-size:12px;
padding:1px 5px;
}
#droite .newsletter form input.bouton{
border:none;
width:auto;
padding:0 0 0 10px;
}
#droite .focus{
background:url(../images/commun/droite/h_simple.gif) no-repeat top left;
padding:5px 0 0 0;
margin:0 0 22px 0;
}
#droite .focus .b_focus{
background:url(../images/commun/droite/b_simple2.gif) repeat-x bottom left;
padding:0 0 6px 0;
}
#droite .focus .f_focus{
border:1px solid #EBEBEB;
border-top:none;
padding:6px 12px;
}
#droite .focus .titre{
margin:0 0 8px 0;
overflow:hidden;
zoom:1;
}
#droite .focus .titre h2{
float:left;
width:152px;
font-size:16px;
font-weight:normal;
color:#EB932C;
}
#droite .focus .titre h2 a{
display:block;
font-size:15px;
font-weight:normal;
color:#1290CD;
text-decoration:none;
}
#droite .focus .titre h2 a:hover{
text-decoration:underline;
}
#droite .focus .titre a.rss{
float:right;
}
#droite .focus .texte{
font-size:11px;
}
#droite .focus .texte a{
font-size:11px;
color:#CE6416;
text-decoration:none;
}
#droite .focus .texte a:hover{
text-decoration:underline;
}
#droite .partenaires{
background:url(../images/commun/droite/h_simple.gif) no-repeat top left;
padding:4px 0 0 0;
margin:0 0 22px 0;
}
#droite .partenaires .b_partenaires{
background:url(../images/commun/droite/b_simple.gif) no-repeat bottom left;
padding:0 0 5px 0;
}
#droite .partenaires .f_partenaires{
border-left:1px solid #EBEBEB;
border-right:1px solid #EBEBEB;
padding:6px 0 1px 12px;
}
#droite .partenaires .f_partenaires h2{
font-size:16px;
font-weight:normal;
color:#1290CD;
margin:0 0 10px 0;
}
#droite .partenaires .f_partenaires ul{
overflow:hidden;
zoom:1;
}
#droite .partenaires .f_partenaires li{
float:left;
width:83px;
border:1px solid #EAEAEA;
margin:0 5px 5px 0;
}
#droite .partenaires .f_partenaires li table{
border-collapse:collapse;
}
#droite .partenaires .f_partenaires li table td{
width:83px;
height:48px;
vertical-align:center;
text-align:center;
}
#droite .rejoindre{
background:url(../images/commun/droite/h_simple.gif) no-repeat top left;
padding:4px 0 0 0;
margin:0 0 22px 0;
}
#droite .rejoindre .b_rejoindre{
background:url(../images/commun/droite/b_rejoindre.gif) no-repeat bottom left;
padding:0 0 5px 0;
}
#droite .rejoindre .f_rejoindre{
background:#E4F5FF url(../images/commun/droite/f_rejoindre.gif) repeat-x top left;
border-left:1px solid #EBEBEB;
border-right:1px solid #EBEBEB;
padding:6px 12px 6px 12px;
}
#droite .rejoindre .f_rejoindre h2{
font-size:16px;
font-weight:normal;
color:#1B2C62;
margin:0 0 10px 0;
}
#droite .rejoindre .f_rejoindre p{
font-size:11px;
margin:0 0 10px 0;
}
#droite .rejoindre .f_rejoindre ul{
border-bottom:1px solid #fff;
padding:0 0 10px 0;
margin:0 0 10px 0;
}
#droite .rejoindre .f_rejoindre ul li{
background:url(../images/commun/puce.gif) no-repeat 0px 5px;
line-height:13px;
padding:0 0 0 11px;
}
#droite .rejoindre .f_rejoindre ul li a{
font-size:11px;
color:#373737;
}
#droite .rejoindre .f_rejoindre ul li a:hover{
color:#1290CD;
text-decoration:underline;
}
#droite .rejoindre .titre{
margin:0 0 8px 0;
overflow:hidden;
zoom:1;
}
#droite .rejoindre .titre h2{
float:left;
width:152px;
font-size:16px;
font-weight:normal;
color:#1B2C62;
margin:0;
}
#droite .rejoindre .titre a{
display:block;
float:right;
margin:3px 0 0 0;
}
#droite .rejoindre .f_rejoindre a.suite{
background:url(../images/commun/puce.gif) no-repeat 0px 3px;
line-height:13px;
padding:0 0 0 11px;
font-size:11px;
color:#373737;
}
#droite .rejoindre .f_rejoindre a.suite:hover{
color:#1290CD;
text-decoration:underline;
}
#droite .tags{
background:url(../images/commun/droite/h_simple.gif) no-repeat top left;
padding:4px 0 0 0;
margin:0 0 22px 0;
}
#droite .tags .b_tags{
background:url(../images/commun/droite/b_simple.gif) no-repeat bottom left;
padding:0 0 5px 0;
}
#droite .tags .f_tags{
border-left:1px solid #EBEBEB;
border-right:1px solid #EBEBEB;
padding:6px 12px 6px 12px;
}
#droite .tags .f_tags h2{
font-size:16px;
font-weight:normal;
color:#1B2C62;
margin:0 0 10px 0;
}
#droite .tags .f_tags ul li{
display:inline;
}
#droite .tags .f_tags ul li a{
display:inline;
font-size:12px;
color:#1B2C62;
text-decoration:none;
}
#droite .tags .f_tags ul li a:hover{
color:#1290CD;
text-decoration:underline;
}
#droite .tags .f_tags ul li a.t2{
font-size:14px;
color:#1290CD;
}
#droite .tags .f_tags ul li a.t3{
font-size:18px;
}
#droite .tags .f_tags ul li a.t4{
font-size:22px;
}
/* PIED */
#pied{
border-top:3px solid #EAEAEA;
padding:20px 15px;
overflow:hidden;
zoom:1;
}
#pied ul{
float:right;
overflow:hidden;
zoom:1;
}
#pied ul li{
float:left;
background:url(../images/commun/sep1.gif) no-repeat right 3px;
padding:0 12px 0 10px;
}
#pied ul li.dernier{
float:left;
background:none;
padding:0 0 0 10px;
}
#pied ul li a{
display:block;
font-size:11px;
line-height:14px;
color:#9B9B9B;
text-decoration:none;
}
#pied ul li a:hover{
text-decoration:underline;
}
/*-- infoBox - Overlay --*/
#infobox_overlay{
position:fixed;
_position:absolute;
top:0; 
left:0; 
z-index:99; 
background:#000; 
filter:alpha(opacity=60); 
-moz-opacity:0.6; 
opacity:0.6;
}
#infobox_box{
position:fixed;
_position:absolute; 
z-index:999; 
padding:0px;
_width:100px; /* Cette taille n'est pas utiliser, elle est ecrasee par le script */
background:#fff;
}
#infobox_close_bar{
text-align:right;
padding:5px;
}
#infobox_close_bar img{border:none;}
#infobox_h{}
#infobox_d{}
#infobox_b{}
#infobox_b a{
display:block;
line-height:32px;
font-size:12px;
color:#646464;
}
#infobox_g{}
#infobox_hg{}
#infobox_hd{}
#infobox_bg{}
#infobox_bd{}
/*-- infoBox - Skin --*/
.skin_white #infobox_overlay{background:#fff;}
#infobox_box .txt_infobox{
padding:20px;
font-size:12px;
}

.tooltip{
position:absolute;
background:#fff;
border:1px solid #646464;
padding:10px;
font-size:10px;
width:200px;
}

.confirmation{
border:1px solid #FFEF77;
background:#FFF8CC;
text-align:center;
padding:10px;
margin:0 0 20px 0;
}
.confirmation p{
font-size:12px;
font-weight:bold;
margin:0;
}