/* Général
----------------------------------------------------------*/
/*Formatage de texte*/
h1, h2, h3, h4, h5, h6 { color:#fff; }
h1 { font-weight:700; font-size:1.1em; }
h2 { font-weight:700; font-size:1.3em; }
h3 { font-weight:700; font-size:1.17em; }
h4 { font-weight:700; font-size:1em; }
h5 { font-size:.83em; }
h6 { font-size:.67em; }
p, ul, ol, li { font-size:1em; }
a { color:#fff; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#fff; padding:3px; }
input { color:#fff; padding:3px; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.textshadow{ -moz-text-shadow: 1px 1px 2px #000; -webkit-text-shadow: 1px 1px 2px #000; text-shadow: 1px 1px 2px #000; }

/* Architecture
----------------------------------------------------------*/
body { margin:0; font-family:Verdana, sans-serif; font-size:12px; line-height:18px; color:#fff; background:#5e5e79; }
#fond_gauche { background:#5e5e79; height:193px; left:0; position:absolute; top:0; width:50%; }
#global{ background:#5e5e79 url('../images/fond.jpg') repeat-x top; }
#wrapper{ }
.container { margin:0 auto; position:relative; }

/* header
----------------------------------------------------------*/
#global_header{ }
header{ background:transparent url('../images/principale.jpg') no-repeat top; position:relative; }
#head{ background:transparent url('../images/head.jpg') no-repeat top; height:162px; }
#navigation { height:31px;}
/*-menu-*/
#menu_top{ padding:0 0 0 260px; margin:0; }
#menu_top li { list-style:none outside; float:left; font-family: 'Abel', sans-serif;}
#menu_top li a { font-size:18px; padding:7px 5px 5px; display:block; text-decoration:none; }
#menu_top li a:hover { }

/* contenu
----------------------------------------------------------*/
#global_main{ }
#main { background:transparent url('../images/main.jpg') no-repeat center top; }
#content_bg_image{ min-height:200px; }
#center_column{ }
#content { padding:10px 0 10px; }
#rubric_title{ position:absolute; top:15px; left:85px; font-size:35px; /* pour ie7 */ line-height:30px; font-family: 'Great Vibes', cursive; color:#fff; text-align:center; width:150px; }

/* footer
----------------------------------------------------------*/
#global_footer{ }
footer { background:transparent url('../images/fond-adresse.jpg') repeat-x top; position:relative; }
#fond_droite { background:#5e5e79; height:71px; right:0; position:absolute; top:0; width:50%; }
/*-coordonnees*/
#coordinates{ background:transparent url('../images/adresse.jpg') no-repeat top; height:71px; text-align:left; font-size:20px; line-height:20px; color:#fff; font-family: 'Abel', sans-serif; }
#coordinates_list { padding:12px 0 0 0px; margin:0; }
#coordinates_list li{ list-style:none outside; display:block; float:left; padding:5px 10px;}
#coordinates_list li:first-child{ border-left:none; background:transparent; }
/*-bas de page-*/
#menu_bottom{  text-align:center; }
.block_various_links{ padding:10px 0; margin:0; text-align:center; }
.block_various_links li { display:inline; }
.block_various_links li a { font-size:.91em; color:#fff; padding: 0 5px ; }
.block_various_links li a:hover { text-decoration:none; }
#powered { padding-top:8px; }

/* Intégration
----------------------------------------------------------*/
#enrichissement img{ vertical-align: top; }
#site { text-align:center; padding-top:5em; }
.texte_gauche{ padding-left:20px; }
.texte_droite{ padding-right:20px; }
.texte{ padding:0 20px; }




/*-accueil-*/




/*-contact-*/
#contact_form{ color:#fff; }
#contact_form .requis{ color:#fff; }
#contact_form legend{ color:#fff; }
#contact_form fieldset{ display:block; margin:10px auto; padding:0 25px 20px; border:1px solid #fff; }
#contact_form label{ display:block; padding:8px 0 0 0; }
#contact_form .civil{ display:inline; }
#contact_form #madame, #contact_form #mademoiselle, #contact_form #monsieur{ border:0; background:transparent; }
#contact_form input, #contact_form textarea{ background:transparent; padding:6px ; border:1px solid #fff; border-radius:5px; color:#fff; }
#contact_form .contact_form_field, #contact_form #code{ width:96%; }
#contact_form .contact_form_submit{ }
#contact_form #submit_contact_form{ background:transparent; color:#fff;}
/* Erreur du formulaire */
#contact_form input.error, #formulaire textarea.error, #contact_form .required{ background-color: #5e5e79; border: 1px dotted #c00;}
#contact_form .valid{ }
#contact_form fieldset :required:valid{ }
#contact_form label.error { color: #c00; font-style: italic; display: block; }
#errors { color: #c00; text-align: left; background-color: #5e5e79; border: 1px solid #010101; padding: 0.5em 0.5em 0.5em 3em; }

/* Information client */
#contact_details{ padding:65px 0 0;}

/* plan d'accès */
#map{ height:300px; border:1px solid #fff; margin:20px 0; text-align:center; color:#000;}
#map img{ max-width:none; }
.infosbulle { border: none; margin: 0; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; }
.plan-titre { font-size: 14px; color: #5e5e79; font-weight: bold; margin-bottom: 1em; }
.plan-adresse { font-size: 12px; color: #333; }
.plan-printer { display:block; text-align: right;}
.plan-printer img, .plan-printer a { border: none; }
/* fin plan d'accès */




/*-mentions legales-*/
#infoclient, #hebergeur, #credits { padding-left:0; /margin-left:0; }
#infoclient li, #hebergeur li, #credits li { list-style-type:none; }
#infoclient li img, #hebergeur li img, #credits li img { vertical-align: top; }
#credits li { display:inline; }