/* CSS Document */
html { width:100%; height:100%;}
body { width:100%; height:100%; margin:0; padding:0}
p, ul, li, div { margin:0; padding:0;}

/*===========================*/
/* DISPOSITION DES GROS BLOCS
/*===========================*/
/*
#filet { width:1005px; position:absolute; left:50%; margin-left:-512px; height:100%; background:url(../images/gabarits/filet_ombre.gif) repeat-y; z-index:0; }
*/
#filet {width:991px; margin:0 auto; background:url(../images/gabarits/filet_ombre.gif) repeat-y; }

#site { height:100%; margin-left:auto; margin-right:auto;  position:relative}
#conteneur { margin-left:9px; }
/*
#contenu { float:left; }
*/
#contenu { clear:both;}
#texte { float:left; margin:22px 0 0 0; width:680px;}
#home { float:left; margin:12px 0 0 0;}
/* --MENUS-- */
/* commun */ 
#top_menu, #rra_menu { list-style-type:none; width:972px; float:left}
#top_menu li, #rra_menu li { float:left; height:25px;}

/* TOP MENU*/

/* REMPLACER RENOVER AMENAGER*/

/* MENU GAUCHE */
#menu_gauche{ width:205px; float:left; padding:30px 0 0 20px;}

/* -- FIL D ARIANNE -- */
#fil_d_ariane {padding:10px 0 0 20px;}



/* -- HOME -- */
#reseau, #focus, #services { float:left; margin:0 14px 15px 15px; font-size:12px;}
#reseau {_margin:0 14px 15px 5px;}
#reseau, #focus {width:307px;}
#reseau .contenu {background:url(../images/home/fondHomeReseau.jpg) top center no-repeat; width:292px; min-height:85px; _height:85px; margin-top:4px; padding:125px 0 0 15px;}
#focus .contenu {background:url(../images/home/fondHomeFocus.jpg) top center no-repeat; width:292px;  min-height:85px; _height:85px;  margin-top:4px; padding:125px 0 0 15px;}
#home .savoirPlus {float:right; color:#0055A1; font-size:12px; background:url(../images/home/puceHomeSavoirPlus.jpg) left center no-repeat; padding-left:18px;}
#home .savoirPlus a {color:#0055A1; text-decoration:none}
#home .savoirPlus a:hover {color:#0055A1; text-decoration:underline}
#services img { margin-bottom:5px;}

/*==========================*/
/* MISE EN FORME DES CONTENUS
/*===========================*/
body { font-family:Arial, Helvetica, sans-serif; color:#666666}

/* -- fil_d_ariane -- */
#fil_d_ariane { font-size:11px;}
#fil_d_ariane a { color:#0055A1;}

/* -- MENUS -- */
/*gauche*/
#menu_gauche #intitule {font-size:18px; color:#0055A1}
#menu_gauche ul {list-style-type:none; margin:10px 0 0 0;}
#menu_gauche li {background:url(../images/menus/gauche/puce_menu_gauche.jpg) 0 8px no-repeat; padding-left:15px; color:#cccccc;}
#menu_gauche li a {color:#666666; font-size:12px; text-decoration:none;}
#menu_gauche li .actif {color:#0055a1}
#menu_gauche li a:hover { text-decoration:underline}

/* -- TEXTES --*/
#texte { background:url(../images/gabarits/degrade_gauche_texte.jpg) left repeat-y; padding:0 0 20px 60px; font-size:12px; position:relative}
#texte p { float:left;}
#texte .titre { color:#0055a1; font-size:24px;}
#texte .sous_titre { color:#7099dd; font-size:18px;}
#home .sous_titre { color:#0055A1; font-size:20px;}
#texte .sous_sous_titre { color:#0055a1; font-size:12px;}
#home .sous_sous_titre { color:#0055A1; font-size:16px;}
#texte .sous_sous_titre_image { color:#0055a1; font-size:13px; background:url(../images/gabarits/puce_ss_titre.jpg) no-repeat; padding-left:20px;}
/*-- Liens --*/
#texte a{ color:#0055a1; text-decoration:none;}
#texte a:hover{text-decoration:underline;}
/*-- Listes --*/
#texte ul { margin:20px 0 0 30px; list-style-type:none;}
#texte .grosse_puce { list-style-type:none; }
#texte .grosse_puce li{ background:url(../images/gabarits/puce_ss_titre.jpg) 0 0 no-repeat; padding-left:25px; display:block; width:280px;}
/* -- Positionements --*/
.left{float:left;}
.right{float:right;}
/* -- Images -- */
img { border:0}
.img_left{float:left; margin:5px 7px 5px 0;}
.img_right{float:right; margin:5px 0 5px 7px;}
.num_azur { margin:10px 0 0 45px;}
/* -- Formulaire de demande de devis --*/
#form_conteneur { width:680px; height:650px; background:url(../images/illustrations/nos_services/devis.jpg) right top no-repeat;}
#form_devis { width:380px; float:left; margin-top:15px; position:relative; font-family:Arial, Helvetica, sans-serif; }
#form_devis .intitule {float:left;}
#form_devis .intitule_large { float:left; }
#form_devis .label_moyen {width:72px; float:left; margin:5px 5px 5px 0;}
#form_devis .input_moyen {width:85px; float:left; margin:5px 5px 5px 0;}
#form_devis .label_grand {width:110px; float:left; margin:5px 5px 5px 0;}
#form_devis .label_large {width:315px; float:left; margin:5px 5px 5px 0;}
#form_devis .input_large {width:256px; float:left; margin:5px 5px 5px 0; }
#form_devis .input_radio { float:left; margin:5px 20px 5px 0;}
#form_devis select { float:right; margin:5px 38px 5px 0; width:210px; text-align:left;}
#form_devis .besoin { width:100px; margin-top:10px; float:left; display:online}
#form_devis .remarque { font-size:10px; float:left; color:#0055A1}
#form_devis #besoin  { float:right; margin:10px 40px 0 0; width:281px; height:96px;}
#form_devis #valid { float:right; margin-top:10px; clear:both}
#form_devis .mention { font-size:8px; float:left;}
#radio_civilite{ height:25px}
#radio_civilite label { margin:0 34px 0 0}
#radio_civilite input { margin-left:0}
/* -- Formulaire de contact--*/

#form_contact { width:355px; float:left; margin-top:15px; position:relative; font-family:Arial, Helvetica, sans-serif}
#form_contact .intitule {float:left;}
#form_contact .intitule_large { float:left; }
#form_contact .label_moyen {width:75px; float:left; margin:5px 5px 5px 0;}
#form_contact .input_moyen {width:85px; float:left; margin:5px 5px 5px 0;}
#form_contact .label_grand {width:120px; float:left; margin:5px 5px 5px 0;}
#form_contact .label_large {width:319px; float:left; margin:5px 5px 5px 0;}
#form_contact .input_large {width:259px; float:left; margin:5px 5px 5px 0; }
#form_contact .input_radio { float:left; margin:5px 20px 5px 0;}
#form_contact select { float:right; margin:5px 12px 5px 0; width:210px; text-align:center}
#form_contact .besoin { width:100px; margin-top:10px; float:left; display:online}
#form_contact .remarque { font-size:10px; float:left; color:#0055A1}
#form_contact #besoin  { float:right; margin:10px 12px 0 0; width:281px; height:96px;}
#form_contact #valid { float:right; margin-top:10px;}
.mention { font-size:8px; float:left;}
#radio_civilite{ height:25px}
#radio_civilite label { margin:0 34px 0 0}
#radio_civilite input { margin-left:0}
/*Erreur, Merci*/
/*#erreurContent{ background-color:#FFFFFF; width:300px; margin:10px 10px 10px 40px; font-weight:bold; color:#0055A1; font-size:12px; }*/
#formulaireerreur .verreSolution_focused .buttons a.close, #formulairemerci .verreSolution_focused .buttons a.close{ background:transparent url(/verre_solutions/_styles/window/verreSolution/buttons.gif) no-repeat scroll 0 0 !important;}
#formulaireerreur .verreSolution_focused .buttons a.close:hover, #formulairemerci .verreSolution_focused .buttons a.close:hover{ background:transparent url(/verre_solutions/_styles/window/verreSolution/buttons_over.gif) no-repeat scroll 0 0 !important;}
#formulaireerreur .ui-window .move_handle, #formulairemerci .ui-window .move_handle  { cursor:auto !important;}
#erreurContent, #merciContent { margin:20px; color:#666666}
/*== Filiales ==*/
#texte .region {float:left; margin:10px 40px 0 0;}
#texte .region ul {color:#0055A1; margin:0 0 0 14px; padding:0;}
#texte .region ul a {color:#0055A1}

#filialePage { padding:50px 40px 0 100px; width:790px; font-size:12px;}
#filialePage .titre{ color:#0055A1; font-size:24px; margin-bottom:15px; display:block}
#filialePage a { color:#0055A1}
#filialePage ul { margin:0 0 0 25px;}

/* FAQ */
.faqQuestion { color:#0055A1; font-weight:bold}

/*--------------*/

/* --FOOTER --*/
#footer { display:block; width:972px; /*height:14px;*/ list-style-type:none; text-align:center; padding:4px 0; color:#FFFFFF; font-size:11px; background-color:#0055a1;}
#footer li { display:inline; padding:0 7px;}
#footer li a { color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-size:11px;}


/* --- Divers ---*/
hr {color: #839D2D; width: 100%; border: 1px solid #d9d9d9; float:left}
hr.clear{float:none; clear:both; visibility:hidden; margin:0;}
.clearR {clear:right}
.clearL {clear:left}
.clearB {clear:both}