@charset "UTF-8";
/* CSS Document */

/* BALISES
--------------------------------------------- */
img{ border:none;}
body { font-family: Arial, verdana, Helvetica, sans-serif;
background-color:#FFFFFF;
font-size:12px;
margin:0;
}

#conteneur{ width:924px; margin:0 auto 0 auto;}
#header_right { width:500px; margin-top:10px; padding:0; float:right; }

/* menu
--------------------------------------------- */
ul#menu { float:left; margin:0 0 15px 0; padding:0}
#menu li{ float:left; list-style-type:none; color:#959595; font-weight:bold;}
#menu li a{ color:#959595; text-decoration:none;}
#menu li a:hover{ color:#5186b3;}

/* connexion, header
--------------------------------------------- */
#connexion{ clear:both;  }
#connexion p{ color:#5186b3; font-weight:bold; float:left; margin:2px 0 0 5px;}
#connexion a{ color:#5186b3; text-decoration:none; font-weight:bold; float:left; margin:2px 0 0 5px;}
#connexion a:hover{ color:#959595;}

.input_connexion { background-color:transparent; border:medium none; color:#ADADAD; font-size:10px; font-weight:bold; height:12px; margin:0px 0 0 3px; width:90px; }
.input_text { height:20px; width:100px; border:1px solid #a0b3c1; margin:1px 5px 0 0; padding:0; height:14px; float:left;}
.b_go { float:left; margin:0;}

#checkbox input{ height:10px; width:10px; margin:2px 0 0 5px; float:left;}

#drapeau_en { margin:1px 0 0 3px;  }

.margin5px{ margin:0 10px; }
.marginright5px{ margin:0 10px 0 0; }
.marginleft5px{ margin:0 0 0 10px; }

#header { width:924px; margin:20px 0 10px 0; }
#header_tiret { width:924px; border-bottom:1px solid #C9C9C9; padding-bottom:5px; margin:20px 0 5px 0; }
#logo { float:left; width:397px; height:51px; }

/* centre
--------------------------------------------- */
#center{ float:left; width:924px;}
#img{ width:924px; height:358px;}

#c_p{ margin-top:10px; width:924px; float:left;}
#createur{ float:left; }

h1, p{ font-family: Arial, verdana, Helvetica, sans-serif; font-weight:bold; font-size:12px;  }
#createur h1, #createur p, #passionne h1, #passionne p, #left_menu h1, #galerie h1{  padding:0 30px 5px 5px; margin:0;}
#createur h1, #passionne h1, #left_menu h1, #galerie h1, .h2actu{ border:1px solid #C9C9C9; }
#createur p, #passionne p{ color:#5186b3; border-bottom:1px solid #C9C9C9; border-right:1px solid #C9C9C9; border-left:1px solid #C9C9C9; color:#C9C9C9;  padding:15px 30px 15px 5px;}

#createur h1, #passionne h1, #left_menu h1, #galerie h1{ color:#5186B3; background-color:#F9F9F9; padding-top:5px; }
#passionne{ float:right; }

/* footer
--------------------------------------------- */
#footer { float:left; width:924px; border-top:1px solid #C9C9C9; height:100px; margin-top:10px;}
#footer p{ text-align:center; margin:5px auto 0 auto; width:912px; color:#C9C9C9; font-size:11px; font-weight:bold; }
#footer a{color:#C9C9C9; font-size:11px; font-weight:bold; text-decoration:none; margin:0 3px;}
#footer a:hover{color:#5186b3; font-size:11px; font-weight:bold;}

/* formulaire
--------------------------------------------- */
#formulaire{ width:611px; margin:50px auto 0 auto;}
#form_left{ width:222px; float:left; margin-right:5px;}
.input_text_form{ width:222px; height:19px; border:1px solid #A0B3C1; margin-bottom:5px; }
.text_label_form{ float:left; font-weight:bold; font-size:12px; color:#5186B3; margin:2px 0 0 2px;}
.input_text_form178, .input_text_form157, .input_text_form183, .input_text_form168{ background:transparent none repeat scroll 0 0; border:medium none; color:#ADADAD; float:left; font-family:Arial,verdana,Helvetica,sans-serif; font-size:11px; font-weight:bold; margin:2px 0 0 3px; height:13px;}
.input_text_form178{ width:178px;}
.input_text_form183{ width:183px;}
.input_text_form168{ width:168px;}
.input_text_form157{ width:157px;}

#form_right{ width:381px; height:98px; float:right;}
.text_area{ width:381px; height:98px; border:1px solid #A0B3C1; margin-bottom:5px; }
.text_area_textaera {background:transparent none repeat scroll 0 0; border:medium none; color:#ADADAD; font-size:11px; font-weight:bold; height:82px; margin-left:5px; width:175px;}

.b_formulaire{ float:right; margin-top:8px; }

.pcontact, .pcontactgris{ margin-left:5px; font-size:12px; font-weight:bold; }
.pcontact{ color:#5186B3; }

/* PAGE GALERIE
--------------------------------------------- */
#left_menu{ float:left; width:202px; }
#galerie{ width:702px; float:right;}
.img_galerie{ width:168px; float:left; margin:0 7px 0 0; }
.fond_image{ width:168px; height:82px; background-image:url(../img/galerie/fond-photo.gif); margin:10px 5px 0 0; text-align:center; }
.img_galerie h2, .img_galerie p, .h2actu{ font-family: Arial, verdana, Helvetica, sans-serif; font-weight:bold; font-size:12px; margin-top:5px; }

.img_galerie h2, .img_galerie p{ width:168px; text-align:center;}
.img_galerie h2, .h2actu{ color:#5186B3;}
.img_galerie p, .pactu { color:#959595;}

.h2actu{ width:95%; margin:5px 0 0 20px; background:#F9F9F9; padding:5px 0 5px 5px; float:left;}
.pactu{ width:95%; margin-left:auto; margin-right:auto; text-align:justify; font-weight:normal; margin-top:5px; float:left; margin:5px 0 0 20px;}
.clear{ clear:both; height:1px;}

.f_left{ float:left; margin-right:10px;}

#adresse{ background:url(../img/formulaire/home.gif) left top no-repeat; margin-top:10px; padding:0 0 0 25px; color:#959595;}
#tel{ background:url(../img/formulaire/phone.gif) left top no-repeat; margin-top:10px; padding:0 0 0 25px; color:#959595;}
#mail{ background:url(../img/formulaire/mail.gif) left top no-repeat; margin-top:10px; padding:0 0 0 25px; color:#959595;}