/* CSS Document */
/* Dans ce fichier ne doit être présent que la mise en forme générale du site ainsi que la mise en forme dans les zones spécifiques */

/* Fil d'ariane */

.ariane-vous-etes-ici {}
.ariane-accueil {}
.ariane-fleche {}
a.ariane-element {}
span.ariane-element {}
.ariane-element-final {}

/* Menu */
#menu {position:relative; z-index:0;}
.menu-element {float:left;}
.menu-element:hover {}
.menu-element span {}
.menu-element a {}
.menu-element a:hover, .menu-element span:hover {}

.smenu-conteneur { position:absolute; top:-2000px; z-index:200;}
.smenu-bas {}
.smenu-centre {}
.smenu-element {}
.smenu-element a {}
.smenu-element a:hover {}
.smenu-element:hover {}

/* Template Famille 1 */
#famille1-conteneur {}
#famille1-description {}
#famille1-conteneur-familles {}
.famille1-conteneur-famille {}
.famille1-photo {}
.famille1-nom-famille {}
#famille1-conteneur-produits {}
.famille1-conteneur-produit {}
.famille1-photo {}
.famille1-nom-produit {}
.famille1-conteneur-produit, .famille1-conteneur-famille {float:left;padding:15px; margin:15px; border:1px solid #000;}

/* Template Produit 1 */
#produit1-conteneur {}
#produit1-nom {}
#produit1-contenu {}
#produit1-gauche {float:left; width:300px;}
#produit1-conteneur-photo-principale {width:300px; height:250px; overflow:hidden;}
#produit1-conteneur-miniatures {width:300px;}
.produit1-conteneur-miniature {width:90px; height:90px; float:left; border:1px solid #000; margin:3px; overflow:hidden;}
.produit1-miniature {}
#produit1-droite {}
#produit1-conteneur-declinaisons {}

/* Recapitulatif de produit */
#recap-produit {width:300px; border:1px solid #000; margin:10px; padding:20px;}
#recap-produit-message {}
#recap-produit-infos {}
#recap-produit-miniature {float:left;}
#recap-produit-nom {margin-left:100px; padding-top:15px;}
#recap-produit-action {}
#recap-produit-poursuivre {cursor:pointer;}
#recap-produit-panier {}

/* Contact */
#contact-conteneur {overflow:hidden;}
.contact-coordonnee {clear:left; margin-bottom:5px;}
.contact-champ {margin-bottom:10px;}

/* Plan du site */
.plansite-ul {}
.plansite-li {}
.plansite-a {text-decoration:none;}
.plansite-a:hover {text-decoration:underline;}
.plansite-span {}


@charset "utf-8";

body {background-color:#2c4d80; margin:0px; padding:0px; font-size:0.9em;}

/* Commun */
a img {border:none;}
form { padding:0px; margin:0px;}

.clear {clear:both}
.gras { font-weight:bold; height:1px;}
.centre {text-align:center;}
#texte .erreur { color:#CC0000;}

/* Global */
#global { background-color:#ffffff; padding:8px 8px 0px 8px; width:945px; margin:0 auto;}

/* Ariane */
#ariane { margin-top:20px; margin-bottom:20px; color:#2a4e88; font-family:Arial, Helvetica, sans-serif; font-size:0.9em;}
#ariane a, #ariane a:visited { color:#2a4e88; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; text-decoration:none;}
#ariane a:hover { color:#2a4e88; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; text-decoration:underline;}

/* Colonne Gauche */
#cadreColGauche{ background-image:url(../images/global-fond.jpg); background-repeat:repeat-y; background-position:left;}
#colGauche { float:left; width:184px; height:870px; border-top:#516c99 8px solid; background-color:#2c4d80; background-image:url(../images/col-fond.jpg); background-repeat:no-repeat; background-position:top;}
#colTop { height:8px; background-color:#516c99;}
#colTexte { padding:11px;}
#agenda { width:162px; height:292px; background-image:url(../images/agenda-fond.jpg); background-position:right; background-repeat:no-repeat; margin-top:8px; }
#agenda .titre, #agenda .titre a, #agenda .titre a:visited { font-size:12px; color:#264f7d; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; padding-bottom:5px; text-align:center;}

/* Colonne Droite */
#colDroite { float:right; width:172px; font-family:Arial, Helvetica, sans-serif; padding-top:10px; z-index:1;}
#colDroite a, #colDroite a:visited { color:#3269a6; text-decoration:none;}
#colDroite a:hover { color:#4080c7; text-decoration:none;}
#colDroiteLiens a:hover, #colDroiteQR a:hover, #colDroiteArticles a:hover { margin-left:5px;}
#colDroite h1 { font-size:1.05em; color:#264f7d; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; padding-bottom:5px;}
#colDroiteLiens, #colDroiteQR, #colDroiteArticles { border-top:#e0e4ed solid 12px; border-left:#e0e4ed solid 1px; background-image:url(../images/cadre-droit-fond.jpg); background-repeat:repeat-y; background-position:right; padding-left:5px; padding-top:5px; padding-bottom:5px;}
#colDroiteLiens ul, #colDroiteQR ul, #colDroiteArticles ul { margin:0px; padding:0px; padding-left:15px; }
#colDroiteLiens li, #colDroiteQR li, #colDroiteArticles li { margin:0px; padding:0px; list-style-image:url(../images/liens-fleche.jpg);}
.colDroitBas { width:172px; height:12px; background-image:url(../images/cadre-droit-bas.jpg);}
#recherche { margin:10px 0 10px 0 ; z-index:1;}
#zoneNewsletter { width:172px; height:42px; margin-bottom:10px; background-image:url(../images/newsletter-inscription.jpg); background-repeat:no-repeat; position:relative;}
#inputNewsletter { border:#5884b1 1px solid; position:relative; top:10px; left:45px; width:95px;}
#okNewsletter { position:relative; top:20px; left:38px; }

/* Partie centrale */
#centre { width:740px; margin-left:194px;}

#bandeau { border-top:#2b507d 8px solid; background-color:#e0e4ed; padding-left:14px; padding-bottom:8px;}
#menu1 { height:40px; background-color:#e4e9ef; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.menu1Liste { float:left; background-image:url(../images/menu1-fond.jpg); background-repeat:repeat-y; background-position:right; color:#2d4b81; font-weight:bold; height:40px;}
#slide { height:134px;}
#menu2 { height:42px; margin-top:10px; position:relative;}

/* Pied */
#pied { clear:both; background-image:url(../images/global-fond.jpg); background-repeat:repeat-y; background-position:left; padding-left:194px;}
#piedTexte { padding-top:3px; height:25px; background-color:#e0e4ed; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#264f7d;}
#piedTexte a, #piedTexte a:visited { text-decoration:underline; color:#264f7d;}
#piedTexte a:hover { text-decoration:none; color:#264f7d;}

/* Texte */
#texte { width:535px; background-image:url(../images/texte-fond.jpg); background-repeat:no-repeat; background-position:bottom right; padding-left:5px;} 
#texte h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.25em; color:#264f7d;}
#texte h2 { font-family:Arial, Helvetica, sans-serif; font-size:1.05em; color:#3569a3;}
#texte, #texte p { font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#4e4e4e; line-height:1.2em;}

/* Menus */
#menuSenateur, #menuSenat, #menuValOise, #menuVeille, #menuElus { position:absolute; left:-2000px; top:44px; background-color:#3b5a88; padding:10px; background-image:url(../images/menu-deroul.jpg); background-repeat:no-repeat; width:200px; z-index:10;}
#menuSenateur a, #menuSenateur a:visited, #menuSenat a, #menuSenat a:visited, #menuValOise a, #menuValOise a:visited, #menuVeille a, #menuVeille a:visited, #menuElus a, #menuElus a:visited { color:#ffffff; text-decoration:none;}
#menuSenateur a:hover, #menuSenat a:hover, #menuValOise a:hover, #menuVeille a:hover, #menuElus a:hover { text-decoration:none; margin-left:5px;}
#menuSenateur ul, #menuSenat ul, #menuValOise ul, #menuVeille ul, #menuElus ul { margin:0px; padding:0px;}
#menuSenateur li, #menuSenat li, #menuValOise li, #menuVeille li, #menuElus li { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:0.95em;}
#menuSenateur li { list-style-image:url(../images/puce-orange.jpg);}
#menuSenateur ul { margin:0px; padding:0px; padding-left:10px;}
#menuSenat li { list-style-image:url(../images/puce-rose.jpg);}
#menuSenat ul { margin:0px; padding:0px; padding-left:10px;}
#menuValOise li { list-style-image:url(../images/puce-rouge.jpg);}
#menuValOise ul { margin:0px; padding:0px; padding-left:10px;}
#menuVeille li { list-style-image:url(../images/puce-sable.jpg);}
#menuVeille ul { margin:0px; padding:0px; padding-left:10px;}
#menuElus li { list-style-image:url(../images/puce-rouge.jpg);}
#menuElus ul { margin:0px; padding:0px; padding-left:10px;}

/* Page Accueil */
#news { width:550px; height:30px;}
.marquee {background-color:#E8EFFF; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; width:550px; color:#000000; height:20px; padding-top:5px;}
.marquee a, .marquee a:visited { color:#CC3300; text-decoration:underline;}
.marquee a:hover { text-decoration:none;}

/* Articles */
#articles h1 { color:#264f7d; margin-bottom:0px; padding-bottom:0px;}
#articles h1 a, #articles h1 a:visited { text-decoration:none; color:#264f7d;}
#articles h1 a:hover { text-decoration:underline; color:#264f7d;}
#articles h2 {}
#articles h3 {}
#articles .edition, #articles .maj { font-size:0.8em;}
#articles .extrait, #articles #texteArticle { margin-top:0px; margin-left:10px;}
#articles .suite { text-align:right; color:#a33737; margin-right:50px; margin-top:5px;}
#articles .suite a, #articles .suite a:visited { text-decoration:underline; color:#a33737;}
#articles .suite a:hover { text-decoration:none; color:#CC3300;}
#articles hr { height:1px; background:#6795c1; border:none; text-align:center; width:90%;}

#articles a, #articles a:visited { text-decoration:underline; color:#CC3300;}
#articles a:hover { text-decoration:none; color:#CC3300;}