/* ---------- general ---------- */
*{
margin:0;
padding:0;
}
ul {
list-style:none;
}
a{color:#30aee1;}
a:focus{outline:none;}
a img {
border:0;
}
body {
font:13px Arial, Helvetica, sans-serif;
color:#424242;
background:#fff;
}
a.ext_int_doc{
width:auto;
color:#4d2299;
font-size:12px;
font-weight:bold;
background:url(../images/commun/p_lien_on.gif) no-repeat 0 10px;
padding:5px 12px;
text-decoration:none;
}
legend{
display:none;
}
fieldset{
border:0 none;
}
#conteneur {
margin:0 auto;
width:929px;
background:url(../images/commun/f_conteneur.gif) repeat-x;
overflow:hidden;
zoom:1;
}
/* ---------- logo ---------- */
#bloc_logo {
float:left;
margin:8px 0 0;
width:240px;
background:url(../images/commun/f_logo.gif) repeat-y;
}
.b_bloc_logo {
background:url(../images/commun/b_logo.gif) no-repeat 0 bottom;
}
.h_bloc_logo {
padding:6px 0 18px;
background:url(../images/commun/h_logo.gif) no-repeat 0 0;
text-align:center;
}
#bandeau {
float:right;
width:689px;
}

/* ---------- menu haut ---------- */
#menu {
overflow:hidden;
zoom:1;
}
#menu ul{
float:right;
height:28px;
}
#menu li {
float:left;
padding:0 1px 0 0;
background:url(../images/commun/filet_menu.gif) no-repeat right 0;
}
#menu a {
padding:0 13px;
display:block;
line-height:25px;
font-size:11px;
font-weight:bold;
color:#fff;
border-bottom:1px solid #3ea4dc;
text-decoration:none;
}
#menu a:hover {
padding:0 12px;
color:#135275;
background:url(../images/commun/f_menu_on.gif) repeat-x;
border:1px solid #4dc0fd;
border-top:0;
}
#menu li.last {
padding:0;
background:none;
}
#menu li.last a {
padding:7px 13px;
}
#menu li.last a:hover {
padding:7px 12px;
}
#smenu li {
position:relative;
float:left;
height:30px;
}
#smenu ul {
display:none;
position:absolute;
top:30px;
left:0;
z-index:20;
}
#smenu li:hover ul, #smenu li.sfhover ul {
display:block;
}
#smenu li li {
float:none;
height:auto;
display:block;
}
#smenu li li a {
float:none;
padding:8px 0 7px 26px;
display:block;
font-size:11px;
color:#fff;
background:#6236b1 url(../images/commun/f_smenu_deroule.gif) repeat-x 0 bottom;
border-bottom:1px solid #43227e;
text-decoration:none;
zoom:1;
}
#smenu li li a:hover {
background:#5f5e62 url(../images/commun/f_smenu_deroule_on.gif) repeat-x 0 0;
}

/* ---------- gauche ---------- */
#gauche {
float:left;
width:240px;
padding:20px 0 0 0;
}
/* ---------- menu gauche ---------- */
#g_menu, #g_menu2{
margin:0 0 20px 0;
}
#g_menu a, #g_menu2 a{
text-decoration:none;
}
#g_menu li, #g_menu2 li{
border-bottom:1px solid #d5d5d5;
background:#fafbfa url(../images/commun/f_ssmenu.gif) repeat;
}
#g_menu ul, #g_menu2 ul{
background:url(../images/commun/f_ssmenu.gif) repeat;
padding:0 14px 0 26px;
}
#g_menu li a, #g_menu2 li a{
display:block;
margin:0 1px;
background:url(../images/commun/f_gmenu.gif) repeat-x 0 bottom;
border-bottom:1px solid #d5d5d5;
padding:8px 0 8px 13px;
}
#g_menu li span, #g_menu2 li span{
display:block;
background:url(../images/commun/p_lien.gif) no-repeat 0 5px;
padding:0 0 0 15px;
font-weight:bold;
cursor:pointer;
}
#g_menu li li, #g_menu2 li li{
background:none;
}
#g_menu li li a, #g_menu2 li li a{
padding:8px 0 8px 10px;
display:block;
background:none;
color:#424242;
font-weight:bold;
border:0;
background:url(../images/commun/p_fleche_d.gif) no-repeat 0 13px;
}
#g_menu li li.in a, #g_menu2 li li.in a,
#g_menu li li a:hover, #g_menu2 li li a:hover{
color:#4c2199;
background:url(../images/commun/p_fleche_d_on.gif) no-repeat 0 13px;
}
#g_menu li.in a span, #g_menu2 li.in a span,
#g_menu li a:hover span, #g_menu2 li a:hover span{
color:#4c2199;
background:url(../images/commun/p_lien_on.gif) no-repeat 0 5px;
}
#gauche li.premier a{
background:url(../images/commun/f_gmenu_h.gif) no-repeat;
}
#gauche li.premier strong{
background:url(../images/commun/f_gmenu_h.gif) no-repeat;
display:block;
padding:8px 0 8px 12px;
color:#4c2199;
}
#gauche .color a{
color:#424242;
}
#gauche .color a span{
background: url(../images/commun/p_lien_v2.gif) no-repeat 0 5px;
}
#gauche li#t_prod{
background: url(../images/commun/f_gmenu_produits.gif) no-repeat 0 5px;
color:#fff;
font-size:16px;
height:10px;
padding:8px 0 12px 13px;
_padding:8px 0 4px 13px;
}
#gauche li.dernier a {
background: url(../images/commun/f_gmenu_b.gif) no-repeat 0 bottom;
margin:0;
padding:8px 0 8px 13px;
border:0;
}
#gauche li.dernier{
border:0;
}
#gauche li.ssdernier {
border-bottom:0;
}
#g_menu .actif{
color:#4c2199;
background:url(../images/commun/p_lien_on.gif) no-repeat 0 5px;
}
#g_menu li a.deconnex{
display:block;
}
#g_menu li a.deconnex span{
height:30px;
background:url(../images/commun/p_deconnex.gif) no-repeat 0 6px;
}
#g_menu li a.deconnex:hover span{
background:url(../images/commun/p_deconnex.gif) no-repeat 0 6px;
}

/* ---------- blocs gauche ---------- */
.g_bloc{
background: url(../images/commun/f_gbloc.gif) repeat-y;
margin:0 0 20px 0;
font-size:11px;
zoom:1;
}
.g_bloc .d1{
background: url(../images/commun/f_gbloc_h.gif) no-repeat left top;
padding:7px 0 0 0;
}
.g_bloc .d2{
background: url(../images/commun/f_gbloc_b.gif) no-repeat left bottom;
padding:8px 12px 12px 12px;
overflow:hidden;
}
.g_bloc h1{
padding:0 0 5px 0;
border-bottom:1px solid #e5e5e5;
margin:0 0 14px 0;
}
.g_bloc h1#contact{
border-bottom:0 none;
padding:0;
margin:0 0 8px;
}
.g_bloc img.g_imgfocus{
float:left;
border:2px solid #e5e5e5;
margin:0 8px 0 0;
}
.g_bloc p{
padding:0 0 5px 0;
}
.g_bloc a{
background:url(../images/commun/p_lien.gif) no-repeat 0 10px;
padding:5px 0 0 11px;
text-decoration:none;
}
.g_bloc #contact a{
background:none;
padding:0;
}
.g_bloc a:hover{
text-decoration:underline;
}
.g_bloc label{
display:block;
padding:0 0 5px 0;
}
#newslet .inp_newslet{
height:14px;
width:102px;
font-size:10px;
border:1px solid #e2e2e2;
padding:1px 0 0 4px;
color:#999;
}
#droite .submit, #gauche .submit{
margin:2px 0 -3px 0;
width:auto;
height:auto;
padding:0;
border:0 none;
}

/* ---------- blocs droite ---------- */
#chemin{
padding:0 0 10px 0;
font-size:11px;
}
#chemin a{
color:#424242;
}
#chemin span{
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#droite{
width:654px;
float:right;
padding:20px 0 0 0;
font-size:13px;
}
#droite .cadre{
border:1px solid #d5d5d5;
background: url(../images/commun/f_form.jpg) repeat-x left bottom;
overflow:hidden;
zoom:1;
}
#droite h1{
	font-size:22px;
	color:#4c2199;
	background: url(../images/commun/p_titre.gif) no-repeat 0 6px;
	padding:0 0 5px 20px;
}
#droite h2{
font-size:16px;
color:#009de1;
background: url(../images/commun/p_titre_actu.gif) no-repeat 0 5px;
padding:0 0 5px 20px;
margin:0 0 20px 0;
border-bottom:1px solid #d5d5d5;
}
#droite p{
padding:0 0 10px 0;
}
#droite a.bt{
color:#606060;
font-size:11px;
height:25px;
text-decoration:none;
background: url(../images/commun/bt_d.gif) no-repeat right top;
}
#droite a.bt strong{
display:block;
height:25px;
background: url(../images/commun/bt_g_fleche.gif) no-repeat left top;
padding:0 6px 0 13px;
cursor:pointer;
}
#droite a.bt span{
display:block;
height:19px;
background: url(../images/commun/bt_f.gif) repeat-x;
padding:6px 5px 0 5px;
cursor:pointer;
}
#droite a.bt:hover{
color:#431d87;
}
#droite a.bt:hover strong{
background: url(../images/commun/bt_g_on.gif) no-repeat;
}

#droite .pagi{
color:#424242;
overflow:hidden;
font-size:12px;
padding:0 0 7px 0;
zoom:1;
}
#droite .pagi_num{
float:left;
width:auto;
}
#droite .pagi_nav{
float:right;
width:auto;
text-align:right;
}
#droite .pagi_nav li{
float:left;
background: url(../images/commun/f_pagi.gif) no-repeat left 1px;
}
#droite .pagi_nav li.premier{
background: none;
}
#droite .pagi_nav li a{
display:block;
color:#424242;
text-decoration:none;
padding:0 10px;
}
#droite .pagi_nav li span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;}
#droite .pagi_nav .actif{
color:#4c2199;
font-weight:bold;
}
/* ---------- pied ---------- */
#pied{
clear:both;
text-align:right;
padding:30px 0 10px 0;
background: url(../images/commun/f_pied.jpg) repeat-x;
width:929px;
margin:0 auto;
}
#pied a{
font-size:10px;
color:#c6c6c6;
text-decoration:none;
}
#pied a:hover{
text-decoration:underline;
}
#pied span{
font-size:9px;
color:#c6c6c6;
}

/* ---------- form error ---------- */
#droite .divError p, #gauche .divError p, #bconteneur .divError p{
	color:#ff0000;
	padding:0;
}
#droite input.inputError, #droite textarea.inputError, #droite select.inputError, #gauche #newslet input.inputError {
	border:1px solid red;
}
#droite #msgValid{
	padding:20px;
	background-color:#41bff5;
	margin-bottom:20px;
	font-size:12px;
	color:#fff;
}

/* ---------- defileuse ---------- */
.overlay {
background:#FFFFFF none repeat scroll 0%;
left:0pt;
opacity:0.5;
position:absolute;
top:0pt;
z-index:100;
}
#bbord #hliste{
}
#hprec, #hsuiv{
float:left;
}
#hconteneur .actu {
float:left;
}
#hconteneur{
overflow:hidden;
position:relative;
float:left;
}
#hsuiv.off:hover, #hprec.off:hover, #hsuiv.off, #hprec.off {
}
#hliste h4{
font-size:12px;
padding:8px 0;
}
#hconteneur{
margin:0 2px;
}
.boutons{
overflow:hidden;
}
#hliste img{
border:1px solid #d5d5d5;
}
#hliste div p{
padding:0 0 6px 0;
font-size:10px;
}