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


/*_____BLOCS GENERAUX_____*/
html { background-image: url(../images_nav/fond_page2.gif); background-repeat: repeat-x; background-position: top left; }
html, body {margin: 0 auto; font-family: verdana; font-size: 12px; line-height: 16px; color: #fff; }

#accueil_langue { margin: 170px auto 0 auto; width: 341px; text-align: center; }
#accueil_langue div.langue { width: 341px; }
#accueil_langue div.langue img { margin: 0; padding: 0; }
#accueil_langue div.langue a img { border: 0; margin: 0; padding: 0; }

#container { width: 800px; padding: 0; margin: 0 auto; }	

/*_____POLICES_____*/
a { color:#054B7F; border:0; outline:none; text-decoration:underline;}
a:hover { color:#054B7F; text-decoration:none;}

a img {border:0;}
span.titre { font-family: Verdana; font-size: 24px; line-height: 28px; padding: 0; margin: 0; color: #054b7f; font-weight: normal; }
span.sous_titre { font-family: Verdana; font-size: 14px; color: #054b7f; font-weight: bold; font-weight: bold; }
h6.gris,span.legende { color: #666; font-size: 10px; line-height: 13px; margin: 0; padding: 0; font-weight: normal; }

h6.gris a, span.legende a { color: #666; }
h6.gris a:hover { text-decoration: none; }
	
/*_____BANDEAU DE RETOUR AU BACKOFFICE_____*/
#retour_backoffice {float:left;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 { width: 800px; height: 113px; margin: 0; padding: 0; font-size: 11px; }
#entete img { float: left; }
#entete a.logoM { float: left; margin : 20px 0 0 60px; padding:0;}
#entete div.drapeaux { float: right; }
#entete div.drapeaux img { margin: 0; padding: 0; }
#entete div.drapeaux a img { border: 0; margin: 5px 0 0 10px; padding: 0; }
#entete div.liens_pages { float: right; width: 230px; color: #054B7F; }
#entete div.liens_pages a { font-size: 10px; color: #054B7F; text-decoration: none; }
#entete div.liens_pages a:hover { text-decoration: underline; }
#entete div.liens_pages a img { border: 0; }
#entete div.liens_pages img.cadenas { float: right; }

#baseline { float: right; width: 410px; text-align: right; margin-top: 5px; }
#baseline h1 { font-size: 10px;  color: #054B7F; line-height: 15px; }
#baseline a { font-size: 10px;  color: #054B7F; line-height: 15px; }

#recherche { float: right; width: 270px; text-align: right; margin-top: 5px; }
#recherche form { padding: 0; }
#recherche form span { float: right; font-size: 11px;  color: #054B7F; margin-right: 5px; }
#recherche form input { float: right; width: 150px; height: 12px; border: 0; border: 1px solid #054B7F; background-color: transparent; margin-right: 1px; font-size: 10px; padding: 2px; }
#recherche form input.submit { float: right; width: 30px; height: 18px; border: 0; background-color: #054B7F; color: #fff; font-size: 10px; }

#connexion { float: right; width: 270px; text-align: right; margin: 5px 50px 0 0; }
#connexion form img{ float: right; margin : 0 5px 0 0;}
#connexion form { padding: 0; }
#connexion form span { float: right; font-size: 11px;  color: #054B7F; margin-right: 5px; }
#connexion form input { float: right; width: 50px; height: 12px; border: 0; border: 1px solid #054B7F; background-color: transparent; margin-right: 3px; font-size: 10px; padding: 2px; }
#connexion form input.submit { float: right; width: 30px; height: 18px; border: 0; background-color: #054b7f; color: #fff; font-size: 10px; }


/*_____Bloc menu____*/
#menu { float: left; width: 800px; }
#menu dl { float: left; margin: 0; padding: 0; text-align: center; }
#menu dl dt { float: left; display: block; height: 27px; }
#menu dl dt a { display: block; text-decoration: none; color: #fff; cursor: pointer; line-height: 27px; font-weight: bold; }
#menu dl dt a img { float:left; display:block; margin-left:30px; }
#menu dl dt a div.texte { float:left; display:block; font-size: 12px; color: #fff; cursor: pointer; line-height: 27px; font-weight: bold;}
#menu dl dt a:hover { display: block; height: 28px; background-color: #054b7f; color: #fff; !important }
#menu dl dt a:hover { *height: 27px; }

/*_____Bloc brève____*/
#breve { float: left; width: 800px; height: 27px; background-color: #B1D1E8; margin-top: 4px; }
#breve h2 { color: #6C97B7; font-size: 12px; font-weight: normal; padding: 3px 0 0 10px; margin: 0; font-weight:bold;}

/*_____BLOC PAGE_____*/
#contenu_page { float: left; width: 800px; padding: 0; margin: 0; color: #054b7f;  }
#contenu_page div.bloc_texte { color: #054b7f; }
#contenu_page a { color: #054b7f; }
#contenu_page a:hover { text-decoration: none; }

/*_____BLOC ACTUALITES_____*/
div#actualites { float: left; width: 800px; padding: 0; margin: 0; color: #054b7f;  }
div#actualites div.image_cadre { float:left; width:40px; height:50px; text-align:right; margin:0 5px 0 0; padding:0; }
div#actualites div.image_cadre img { width: 40px; }
div#actualites span.titre { font-size:11px; font-weight: bold; line-height: normal; }
div#actualites div#liste_en_cours { width: 500px; }
div#actualites div#liste_en_cours div.actualite{ margin-top:15px; float:left; width: 500px; }
div#actualites div.suite { float:left; }
div#actualites div.suite a  { background-color:#fff; text-align: center; text-decoration:underline; color: #054b7f; }
div#actualites div.suite a:hover  { background-color:#054b7f; text-align: center; text-decoration:none; color: #fff; }

/*_____BLOC das_____*/
div.das { float: left; width: 560px; padding: 0 0 0 120px; margin: 0; font-size: 11px; color: #054b7f; !important }
div.das { *padding-left: 120px; }
div.das h2 { font-weight: bold; font-size: 12px; color: #054b7f; }

/*_____BLOC texte collection_____*/
div#texteCollection { float: left; width: 570px; margin: 60px 0 0 230px; padding:0; font-size: 11px; color: #054b7f; !important }
div#introCollection { float: left; width: 570px; margin: 10px 0 0 10px; padding:0; font-size: 11px; color: #054b7f; !important }

/*_____BLOC famille_____*/
#famille { float: left; width: 215px; padding: 0; margin: 20px 0 0 0; font-size: 11px; color: #054b7f; }
#famille span.nom_famille { color: #054b7f; font-size: 14px; font-weight: bold; }
#famille ul { list-style: none; line-height: 20px; padding-left: 10px; }
#famille ul li a{ text-decoration:none; color: #054b7f; }
#famille ul li a:hover{ text-decoration:underline; color: #054b7f; }
#famille ul li { border-bottom: 1px solid #C7D6D1; }
#famille ul li.actif { background-image: url(../images_nav/list_fleche.gif); background-position: left center; background-repeat: no-repeat; padding-left: 15px; color: #054b7f; font-weight: bold; }
#famille ul li.actif a{color: #054b7f; font-weight: bold; }

#collection { float: left; padding: 15px 0 0 15px; }
.collection_large {width: 800px;}
.collection_small {width: 570px;}
#collection div.image_catalogue { float: left; height:165px; width: 93px; margin: 5px 4px 5px 5px; font-size: 9px; text-align:center; color: #054b7f; border: 1px solid #C7D6D1; padding: 4px; }
#collection div.image_catalogue_vignette { height:135px; width: 93px;}
#collection div.image_catalogue a img.loupe { width: 8px; float: right; margin-top: 5px; border: 0; }
#collection div.image_catalogue_detail { float:left; border:1px solid #000; background-color:#eee; width:500px; height:580px; display:none; text-align:center; color: #054b7f; }
#collection div.image_catalogue_detail div.image_catalogue_detail_vignette { height:500px; width:500px; }

/*____Plan du site____*/
#plan_site { float: left; width: 500px; padding: 0; margin: 0 0 0 60px; font-size: 12px; color: #fff; }
#plan_site div.rubrique h2 { font-family: Arial; font-size: 18px; color: #054b7f; }
#plan_site a { color: #054b7f; text-decoration: none; }
#plan_site a:hover { color: #054b7f; text-decoration: underline; }


/*_____BAS DE PAGE_____*/
#basdepage { float: left; width: 800px; padding: 5px 0 0 0; margin: 20px auto; font-size: 10px; color: #6C97B7; text-align: left; border-top: 1px solid #6c97b7; }
#basdepage a { color: #6C97B7; text-decoration: none; }
#basdepage a:hover { text-decoration: underline; color: #6C97B7; }
#basdepage ul { display: inline; }
#basdepage ul li a { display: inline; }
#basdepage #basdepage_infosprint  { display: none; }

/*_____FORMULAIRE_____*/
form.front { float:left; width: 800px; margin: 0; padding: 0; font-family: verdana; font-size: 12px; color: #054b7f; }
form.front a { color: #fff; }
form.front a:hover { text-decoration: none; }
form.front fieldset { border: 0; }
form.front div.ligne { float: left; width: 680px; display: block; margin-top: 3px; padding: 1px; }
form.front div.ligne div.intitule { float: left; width: 200px; margin-top: 0; padding: 1px; }
form.front div.ligne div.intitule_long { float: left; width: 250px; margin-top: 0; padding: 1px; line-height:22px;}
form.front div.ligne div.intitule span { font-size: 10px;}

form.front div.ligne div.champ { float: left; width: 300px; margin: 0; padding: 0; }
form.front div.ligne input, form.front select, form.front textarea { color:#fff; float: left; background-color: #6c97b7; border: 0; text-align: left; padding: 2px; margin: 0 3px 0 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: #054b7f; width: 200px; height: 21px; font-family: Arial; color: #fff; font-size: 12px;
font-weight: normal; text-align: center; }

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

input.xsmall { width:100px; }
input.cp { width:50px; }
input.tel { width:60px; }
input.date { width:70px; }
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; }
.barre { text-decoration:line-through; }
.left { float:left;}