/* CSS Document */
/* Conception de cette feuille de style : agence Vous Loire - Tous droits réservés */


/*_____BLOCS GENERAUX_____*/
html, body { margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #000; background-color: #5F5D5E; }
#container { width: 815px; padding: 0; margin: 25px auto; }	

/*_____POLICES_____*/
a { color: #000000; border:0; outline: none; }
a:hover { color: #000; text-decoration: none; }
a img {border:0;}
h1, span.titre { font-family: Georgia; font-size: 24px; line-height: 26px; padding: 0; margin: 0 0 25px 0; color: #666; font-weight: normal; }
h2, span.sous_titre { font-family: Georgia; font-size: 18px; line-height: 20px; padding: 0; margin: 0 0 3px 0; color: #B33469; font-weight: normal; }
h6, span.legende { font-size: 10px; margin: 0; padding: 0; font-weight: normal; }
h6 a, span.legende a { color: #999; }
h6.a:hover { text-decoration: none; }
	
/*_____BANDEAU DE RETOUR AU BACKOFFICE_____*/
#retour_backoffice {width: 800px; height: 15px; text-align:center; background-color:#494949; color:#9AC01B; padding:15px 0; margin:2px 0 2px 0;}
#retour_backoffice a {color:#9AC01B; text-decoration:none; font:bold 15px Arial, Helvetica, sans-serif;}
#retour_backoffice a:hover {color:#9AC01B; text-decoration:underline; }
	
/*_____ENTETE_____*/
#entete { float: left; width: 815px; height: 198px; margin: 0; padding: 0; }
#entete div.logo { float: left; width: 416px; height: 198px; margin: 0; padding: 0; background-image: url(../images_nav/logo_vousloire.jpg); background-position: top left; background-repeat: no-repeat; }
#entete div.flash { float: right; width: 399px; height: 198px; margin: 0; padding: 0; }

#entete div.logo div.baseline { float: left;  width: 365px; height: 35px; padding: 0; margin: 120px 0 0 20px; text-align: left; }
#entete div.logo div.baseline h1 { font-size: 11px; line-height: 13px; font-family: Arial; color: #0087c8; font-weight: normal; }
#entete div.logo div.baseline h1 a { color: #0087c8; text-decoration: underline; }
#entete div.logo div.baseline h1 a:hover { text-decoration: none; }

#menu #recherche { float: right; width: 180px; height: 32px; }
#menu #recherche form { height: 32px; padding: 0; margin: 0; }
#menu #recherche form input.mot_cle { float: left; width: 115px; background-color: #7e7d7d; border: 0; text-align: left; padding: 2px; margin: 10px 0 0 0; font-size: 11px; color: #c7c5c5; }
#menu #recherche form input.submit { float: right;  display: block; border: 0; background-color: #B33468; width: 50px; margin: 10px 5px 0 0; height: 17px; line-height: 9px; color: #FFFFFF; font-size: 10px; text-align: center; }


/*_____BLOC PAGE_____*/
#contenu_page { float: left; width: 815px; padding: 0; margin: 0; background-image: url(../images_nav/fond_page.jpg); background-position: top left; background-repeat: repeat-y; position: relative; }
#contenu_page #page { float: right; width: 360px; padding: 30px; margin: 20px 0 10px 0; color: #666; }
#contenu_page #page p { padding: 0px; margin: 0; }

#contenu_page #page_actus { float: left; width: 755px; padding: 30px; margin: 20px 0 10px 0; color: #666; }

div.bt_contact_page {  float: left; display: block; width: 115px; height: 26px; background-image: url(../images_nav/fond_bt_contact.gif); background-position: top left; background-repeat: no-repeat; }
div.bt_contact_page a { display: block; padding: 6px 0 0 15px; text-align: center; text-decoration: none; color: #EBEBEB; }
div.bt_contact_page a:hover { color: #000; }

div.bt_suite_page {  float: right; display: block; width: 178px; height: 26px; background-image: url(../images_nav/fond_bt_page.gif); background-position: top left; background-repeat: no-repeat; }
div.bt_suite_page a { display: block; padding: 6px 0 0 6px; text-align: left; text-decoration: none; color: #EBEBEB; }
div.bt_suite_page a:hover { color: #000; }

p.equipe {
    padding: 0 0 10px 17px; margin: 0 0 15px 0;
    border-bottom: 1px solid #EBEBEB;
    background: url('../images_nav/bullet_black.png') no-repeat 0 0;
}


/*_____BLOC ACTUALITES_____*/
#actualites { float: left; width: 240px; padding-left: 10px; margin: 50px 0 10px 0; text-align: left; }
#actualites h1 { margin-left: 15px; width: 325px; }
/*#actualites div.ligne_liste { float: left; width: 325px; padding: 5px; margin: 0 0 5px 15px; text-align: left; background-color: #fff; border-left: 1px solid #999; }*/
#actualites div.ligne_liste { float: left; width: 325px; padding-left: 15px; }
#actualites div.ligne_liste a { color: #999999; font-size: 11px; text-decoration: none; }
#actualites div.ligne_liste a:hover { color: #000; }
/*#actualites a div.ligne_liste:hover { background-color: #EBEBEB; color: #000; cursor: pointer; border-left: 1px solid #B33469; }
#actualites a:hover { color: #000; }*/
#actualites img { margin: 10px 0 10px 0; }

div#page_actus div#liste_en_cours {position:relative; top:0px; width:750px; clear:both; }
div#page_actus div#en_cours {position:relative; top:0px; width:750px; margin-bottom: 20px; }

/*_____GALERIES_____*/
#contenu_page #actualites div.bloc_vignette {float:left; width:80px; height:82px; padding:5px; margin:10px; background-color:#EBEBEC; font-size:10px; }
#contenu_page #actualites div.bloc_vignette div.vignette {width:80px; height:64px;}
#contenu_page #actualites div.bloc_vignette div.vignette img {display: block; margin:0 auto; }
#contenu_page #actualites div.bloc_vignette div.infos_vignette {width:80px; height:18px; text-align:left;}
#contenu_page #actualites div.bloc_vignette div.infos_vignette a { display: block; float: left; text-decoration: none; }

/*--- bloc presse ------*/
.presse {
    width: 380px;
    position: absolute;
    z-index: 9999;
    top: 290px;
    left: 30px;
}


/*_____BAS DE PAGE_____*/
#basdepage { float: left; width: 815px; height: 50px; padding: 0; margin: 0; font-size: 11px; color: #666; text-align: center; background-image: url(../images_nav/basdepage.jpg); background-repeat: no-repeat; background-position: top left; color: #999;  }
#basdepage div.liens { float: left; padding: 0 0 0 20px; margin: 25px 0 0 0; width: 500px; text-align: left; }
#basdepage div.liens a { text-decoration: none; color: #999; }
#basdepage div.liens a:hover { text-decoration: none; color: #EBEBED; }
#basdepage div.liens img { margin: 0; padding: 0; }
#basdepage div.copyright { float: right; padding: 0 15px 0 0; margin: 25px 0 0 0; width: 200px; font-size: 10px; text-align: right; }

/*____PLAN DE SITE____*/
#container #contenu_page #page div.categorie { width: 400px; margin: 0 auto 5px auto; }
#container #contenu_page #page div.categorie h1.nom_categorie { font-size: 16px; color: #FC6C03; font-weight: bold; }
#container #contenu_page #page div.categorie ul li.nom_famille a { margin-top: 5px; font-size: 12px; color: #330000; font-weight: bold; margin: 0; text-decoration: none; }
#container #contenu_page #page div.categorie ul li.nom_gamme { list-style-type: none; }
#container #contenu_page #page div.categorie ul li.nom_gamme a { font-size: 11px; color: #963; font-weight: normal; margin: 0; text-decoration: none; }
#container #contenu_page #page div.categorie ul li.nom_gamme a:hover { color: #000; }
#container #contenu_page #page div.categorie img { float: left; width: 10px; margin: 1px; }


/*_____FORMULAIRE_____*/
form.front { margin: 0; padding: 0 0 0 10px; border-left: 1px solid #999; }
form.front fieldset { border: 0; }
form.front div.ligne { float: left; width: 500px; display: block; margin-top: 3px; padding: 1px; }
form.front div.ligne div.intitule { float: left; width: 150px; display: block; margin-top: 0; padding: 1px; }
form.front div.ligne div.intitule span { font-size: 10px; }
form.front div.ligne div.champ { float: left; width: 340px; margin: 0; padding: 0; }
form.front div.ligne input, form.front select, form.front textarea { float: left; background-color: #EEEEEE; border: 0; text-align: left; padding: 2px; margin-top: 0;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form.front input.case { background-color: transparent; border: 0; }
form.front span input.case { margin: 0 5px 0 5px; padding: 0;}	
form.front div.ligne input.submit { display: block; border: 0; background-color: #5F5D5E; width: 100px; height: 21px; font-family: Arial; color: #fff; font-size: 12px;
font-weight: normal; text-align: center; }

textarea { float:left; border:0; text-align:left; padding:2px; margin-top:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
select { float: left; background-color: #EEEEEE; border: 1px solid #666; text-align: left; padding: 2px; margin-top: 6px;
font-family: Arial, Helvetica, sans-serif;font-size: 12px; }

input.xsmall { width:100px; }
input.cp { width:30px; }
input.tel { width:60px; }
input.small { width:150px; }
input.large { width:300px; }
input.xlarge { width:450px; }
input.case { width:20px; border:0; }
textarea.large { width:230px; }
.erreur { color:#F00; }