/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#000000; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 { color:#3C647E; font-size: 1.4em; }

h2 { color:#3C647E; font-size: 1.3em; }

h3 { color:#3C647E; font-size: 1.17em; }

h4 { color:#3C647E; font-size: 1em; }

h5 { color:#3C647E; font-size: 0.83em; }

h6 { color:#3C647E; font-size: 0.67em; }

p { color:#000000; font-size: 1em; }

ul, ol { color:#000000; font-size: 1em; }

li { color:#000000; font-size: 1em; }

a { color:#000000; text-decoration:underline; }

a:hover { text-decoration:none; } /* si changement de couleur au survol */

a:visited { } /* si changement de couleur après le clic */

input { border-width:thin; margin:3px; }

textarea { border-width:thin; padding:3px; }

em { }

strong { }

#colonneGauche h1 { color:#3e637c; font-size: 1.4em; }

#colonneGauche h2 { color:#3e637c; font-size: 1.3em; }

#colonneGauche h3 { color:#3e637c; font-size: 1.17em; }

#colonneGauche h4 { color:#3e637c; font-size: 1em; }

#colonneGauche h5 { color:#3e637c; font-size: 0.83em; }

#colonneGauche h6 { color:#3e637c; font-size: 0.67em; }

#colonneGauche p { color:#3e637c;  }

#colonneGauche ul, ol { color:#3e637c; font-size: 1em; }

#colonneGauche li { color:#3e637c; font-size: 1em; border-top:#a2a9b1 1px solid; line-height:1.45; _height:16px; _line-height:1.3; }

#colonneGauche a { color:#3e637c; text-decoration:underline; }

#colonneGauche a:hover { text-decoration:none; } /* si changement de couleur au survol */

#colonneGauche a:visited { } /* si changement de couleur après le clic */

#colonneGauche input { border-width:thin; padding:2px; }

#colonneGauche textarea { border-width:thin; padding:3px; }

#colonneGauche em { }

#colonneGauche strong { }

#colonneDroite h1 { color:#FFFFFF; font-size: 1.4em; }

#colonneDroite h2 { color:#FFFFFF; font-size: 1.3em; }

#colonneDroite h3 { color:#FFFFFF; font-size: 1.17em; }

#colonneDroite h4 { color:#FFFFFF; font-size: 1em; }

#colonneDroite h5 { color:#FFFFFF; font-size: 0.83em; }

#colonneDroite h6 { color:#FFFFFF; font-size: 0.67em; }

#colonneDroite p { color:#FFFFFF; font-size: 1em; }

#colonneDroite ul, ol { color:#FFFFFF; font-size: 1em; }

#colonneDroite li { color:#FFFFFF; font-size: 1em; }

#colonneDroite a { color:#FFFFFF; text-decoration:underline; }

#colonneDroite a:hover { text-decoration:none; } /* si changement de couleur au survol */

#colonneDroite a:visited { } /* si changement de couleur après le clic */

#colonneDroite input { border-width:thin; padding:3px; }

#colonneDroite textarea { border-width:thin; padding:3px; }

#colonneDroite em { }

#colonneDroite strong { }

.produit { clear:both; border-bottom:#3e637c 1px dashed; margin-bottom:10px; }

.produit h2 { font-weight:bold; color:#3e637c; border-bottom:#3e637c 1px dashed; margin-bottom:5px; }

.produit a { color:#3e637c; }

.produit .photos { float:left; margin-right:1em; }

p.manque { color:red;}

/* espace partenaire
----------------------------------------------------------*/

#connexionEspacePartenaire { clear:both;}

#connexionEspacePartenaire p.alert { font-size:10px; color:red; }

#connexionEspacePartenaire input { height:16px; vertical-align:middle; }

#connexionEspacePartenaire .submit { height:18px; vertical-align:middle; }

/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft { float:left; margin-right:1em; }

.imgRight { float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }

.alignbottom { vertical-align:bottom; }

.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.h1index { position:absolute; left:0; top:420px; width:100%; padding:0; }

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }

.italic, .italique { font-style: italic; }

.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }

.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }

.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/*	Formulaire de contact
----------------------------------------------------------*/
#formulaire_contact { width:450px; float:left; text-align:center; padding:10px 0 20px 20px; /*padding:10px 0 10px 20px; /* Hack IE6 et 7 */ margin-top:-200px; //margin-top:-250px;}

#formulaire_contact fieldset { width:450px; border:1px solid #000; padding:10px; }

#formulaire_contact fieldset.coordonnees { width:350px; margin-left:100px; position:relative; top:-40px }

#formulaire_contact fieldset.simulation{  width:350px; margin-left:100px; position:relative; top:-20px; //top:0px }

#formulaire_contact legend { border:none; border-left:3px solid #000; background-color:#fff; padding:2px 15px 2px 10px; font:700 1em Georgia, "Times New Roman", Times, serif; color:#3E637D; }

#formulaire_contact .margform { margin-bottom:30px; }

#formulaire_contact #civilite { text-align:left; margin:7px 0 10px 0; }

#formulaire_contact .label1, #formulaire_contact .label2, #formulaire_contact .label3, #formulaire_contact .label4 { float:left; clear:both; text-align:right; margin:5px; }

#formulaire_contact .label1 { width:100px; }

/*.label2 { width:100px; }*/
#formulaire_contact .label3 { width:250px;}

#formulaire_contact .label4 { width:370px;}

#formulaire_contact .label_message { width:100%; text-align:center; }

#formulaire_contact .input1, #formulaire_contact .input2, #formulaire_contact .input3, #formulaire_contact .input4 { float:left; background-color:#fff; }

#formulaire_contact .input1 { width:120px; }

/*.input2 { width:120px; }*/
#formulaire_contact .input3 { width:158px; }

#formulaire_contact .input4 { width:40px; }

#formulaire_contact .textarea { width:394px; height:60px; overflow:auto; clear:both; }

#formulaire_contact .image_antispam { display:none; }

#formulaire_contact #question { font-weight:700; text-align:center; width:100%; }

#formulaire_contact #code { width:150px; }

#formulaire_contact .divimagecaptchat { margin:0 auto; }

#formulaire_contact .border, #formulaire_contact #code, #formulaire_contact #civilite select, #formulaire_contact #imgcaptcha { border:1px solid #000; color:#000; background-color:#fff;}

/* Effet de pointiers lors de la selection d'un champ input ou textarea */
#formulaire_contact .border_hover, #formulaire_contact #code.border_hover { border:1px dashed #000; color:#000; }

#formulaire_contact .envoyer { width:150px; height:auto; margin-bottom:20px; background-color:#3C647E; color:#fff;}

#coordonnees { text-align:center; padding:0px 5px 0 20px; margin-top:-70px; font-size:11px; }

#coordonnees p, #formulaire_contact #coordonnees a {color:#fff; }

#coordonnees h3 { text-align:center; }

#coordonnees .titre { font-weight:bold;}

/*	Formulaire de simulation
----------------------------------------------------------*/
#formulaire_simulation { width:450px; float:left; text-align:center; padding:10px 0 20px 20px; /*padding:10px 0 10px 20px; /* Hack IE6 et 7 */ margin-top:-200px; //margin-top:-250px;}

#formulaire_simulation fieldset { width:450px; border:1px solid #000; padding:10px; }

#formulaire_simulation fieldset.coordonnees { width:350px; margin-left:100px; position:relative; top:-40px }

#formulaire_simulation fieldset.simulation{  width:350px; margin-left:100px; position:relative; top:-20px; //top:0px }

#formulaire_simulation legend { border:none; border-left:3px solid #000; background-color:#fff; padding:2px 15px 2px 10px; font:700 1em Georgia, "Times New Roman", Times, serif; color:#3E637D; }

#formulaire_simulation .margform { margin-bottom:30px; }

#formulaire_simulation #civilite { text-align:left; margin:7px 0 10px 0; }

#formulaire_simulation .label1, #formulaire_simulation .label2, #formulaire_simulation .label3, #formulaire_simulation .label4 { float:left; clear:both; text-align:right; margin:5px; }

#formulaire_simulation .label1 { width:100px; }

/*.label2 { width:100px; }*/
#formulaire_simulation .label3 { width:250px;}

#formulaire_simulation .label4 { width:370px;}

#formulaire_simulation .label_message { width:100%; text-align:center; }

#formulaire_simulation .input1, #formulaire_simulation .input2, #formulaire_simulation .input3, #formulaire_simulation .input4 { float:left; background-color:#fff; }

#formulaire_simulation .input1 { width:120px; }

/*.input2 { width:120px; }*/
#formulaire_simulation .input3 { width:158px; }

#formulaire_simulation .input4 { width:40px; }

#formulaire_simulation .textarea { width:394px; height:60px; overflow:auto; clear:both; }

#formulaire_simulation .image_antispam { display:none; }

#formulaire_simulation #question { font-weight:700; text-align:center; width:100%; }

#formulaire_simulation #code { width:150px; }

#formulaire_simulation .divimagecaptchat { margin:0 auto; }

#formulaire_simulation .border, #formulaire_simulation #code, #formulaire_simulation #civilite select, #formulaire_simulation #imgcaptcha { border:1px solid #000; color:#000; background-color:#fff;}

/* Effet de pointiers lors de la selection d'un champ input ou textarea */
#formulaire_simulation .border_hover, #formulaire_simulation #code.border_hover { border:1px dashed #000; color:#000; }

#formulaire_simulation .envoyer { width:150px; height:auto; margin-bottom:20px; background-color:#3C647E; color:#fff;}


/*	Formulaire inscription newsletter
----------------------------------------------------------*/
#formNewsletter p .label { width:60px; float:left}

#formNewsletter input{ width:100px; float:left}

#formNewsletter .envoyer { height:20px; margin-left:63px; border:none; cursor:pointer} 

/*---------------------Class Plan API GOOGLE ---------------------*/

#loupe { text-align: center; background: transparent url('images/loupe.gif') no-repeat bottom; line-height: 20px; width:220px }

#contenu .b { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#333 }

#contenu .span { color: #9a379b; }

#map { height:95%; border:1px solid #000; color:#000 }

#map * { color:#000 }

#map a { color:#000 }

#contenu .plan { width:475px; height:350px; clear:both; margin: 0 auto; padding: 15px 0 30px 0; }

#contenu .plan2 { position:absolute; width:800px; height:600px; top:15px; left:50%; z-index:99999; margin: 0 0 0 -400px }

#contenu .img { border:none; }

#contenu .print { float:right; margin:-40px -10px 0 0; position:relative; z-index:10; }

/*--------------------- Fin Class Plan API GOOGLE ---------------------*/