/* ---------------------------- LES BALISE DU SITE ---------------------------- 95B81B */
td {vertical-align: top;font-size:12px;}
b {color: #333333;}
#droite b {color: #333;}
a {text-decoration: none;}


h1 {color: #95B81B;font-size: 22px;margin:0px;text-align:center;border-bottom:1px solid #95B81B;}
h3 {color: #333333;font-size: 12px;margin:2px;}
p{margin:10px 0px;}
h2 {color: #333333;font-size: 16px;margin:0px;padding:10px 10px;height:20px;}

.important {margin:5px;padding:5px;border:1px solid #b6e026;background:#EBF7C1;color:#95B81B;}

.encadrea {width:780px;padding:0px 5px;}
.encadrea h2 {width:760px;background: url(../images/H2-Site-Internet-780.jpg) no-repeat;margin:0px -5px;display:bold;}
.encadrea:hover h2 {background: url(../images/H2-Site-Internet-780.jpg) 0px -40px no-repeat;color: #fff;}
.encadrea .contenu {margin:5px -5px 0px -5px;padding:5px;border:1px solid #EBF7C1;}
.encadrea:hover contenu {border:1px solid #7b9525;}

.encadreb {width:240px;padding:0px 5px;}
.encadreb h2 {width:220px;background: url(../images/H2-Site-Internet-240.jpg) no-repeat;margin:0px -5px;display:bold;}
.encadreb:hover  h2{background: url(../images/H2-Site-Internet-240.jpg) 0px -40px no-repeat;color: #fff;}
.encadreb .contenu {margin:5px -5px 0px -5px;padding:5px;border:1px solid #EBF7C1;}
.encadreb:hover .contenu {border:1px solid #7b9525;}

.encadrec {width:390px;padding:0px 5px;}
.encadrec h2 {width:350px;background: url(../images/H2-Site-Internet-370.jpg) no-repeat;margin:0px -5px;display:bold;}
.encadrec:hover h2 {background: url(../images/H2-Site-Internet-370.jpg) 0px -40px no-repeat;color: #fff;}
.encadrec .contenu {margin:5px -5px 0px -5px;padding:5px;border:1px solid #EBF7C1;}
.encadrec:hover .contenu {border:1px solid #7b9525;}

body {margin: 0px;padding: 0px;font-family: Arial,Tahoma;font-size: 12px;color:#333333;background: url(../images/Web-Agence-Fond.jpg) repeat;}
img {border:0px none;}
textarea {} input {}
form {margin: 0px;padding: 0px;display: block;}




/* ---------------------------- CONTENU DU SITE ---------------------------- */
#zone {width: 1000px;position: absolute;left: 50%;margin-left: -500px;z-index: 1;}
/* ---------------------------- BARRE DE MENU ---------------------------- */
#barremenu {height: 55px;color:#FFFFFF;background: url(../images/Web-Agence-Menu.jpg) no-repeat transparent;}
#barremenu .placement {width: 800px;display: block;float: left;text-align:center;padding-top:5px;}
#barremenu .icone {float: left;display: block;text-align: center;color:#333333;padding:5px 0px 0px 0px;background: transparent;visibility:hidden;}

/* ---------------------------- TETE DU SITE  ---------------------------- */
#tete {height: 150px;width: 1000px;background: url(../images/Web-Agence-Entete.jpg) no-repeat right #000000;}
.logo {}
#recherche input {background-image: url(../images/recherche.png);height: 20px;width: 20px;background-color: transparent;border: 0px;background-position: left top;font-size:10px;}
#connexion input {background : url(../images/connexion.png) left top transparent;height: 20px;width: 80px;border: 0px ;font-weight: bold;color: #FFFFFF;}

#corps {height:auto;margin: 0px;padding: 0px;width: 800px;background: url(../images/Web-Agence-Corps.jpg) repeat-y #FFFFFF;}
#corps_contenu {height:100%;margin:0px 20px 0px 0px;padding:0px 10px;min-height: 600px;width: 760px;}

#droite {margin: 0px;padding: 0px;width: 200px;color:#333;background: url(../images/Web-Agence-Droite.jpg) no-repeat #b6e026;padding-top:40px;}

/* ---------------------------- PIED DU SITE  ---------------------------- */
#pied {background: url(../images/Web-Agence-Pied.jpg) no-repeat;width: 1000px;color:#ffffff;text-align: center;padding-top:50px;height:50px;font-weight: bold;}

/* Partie à ne pas modifier si possible */
.connexion{}
.formulaire input{padding:0px;margin:0px;font-size:12px;}

/* ---------------------------- LIEN DU SITE  ---------------------------- */
.placement a {font-size: 14px;line-height:10px;color: #fff;font-weight:bold;}
.icone  a {line-height:15px;color: #fff;font-weight:bold;}
#pied a {font-weight: bold;text-decoration: none;color:#ffcc00;}
#droite b, #gauche b {color:#333333;}
#droite a, #gauche a {color:#333333;font-size: 12px;}
#corps_contenu a {color: #333333;font-weight: bold;}
#corps_contenu a:hover {color: #95B81B;font-weight: bold;}


/* ---------------------------- PLUG DU SITE  ---------------------------- */
/* Plugin, Inscription lettre d information */
.inscription_newsletter_plugin{font-size:12px;color:#333333;font-weight:bold;padding:3px;}
.inscription_newsletter_plugin a{font-size:12px;}
.inscription_newsletter_plugin input {margin-top:5px;font-size:12px;width:150px; padding:1px;border:1px solid #333;}
.inscription_newsletter_plugin .titre{margin:5px 0px;}
.inscription_newsletter_plugin .corps{margin-bottom:10px;}

.plugin_nouveau .titre {font-weight:bold;color:#95B81B;}

#corps_contenu .bloc {border:1px solid #95B81B;background:#EBF7C1;color:#95B81B;padding:10px;margin-left:10px;margin-top:10px;}
#corps_contenu .bloc i {font-size:12px;}

/* Plugin, galerie_hscroll ------------------------------------------------------------------------------------------------------------- */
.scrollable {	position:relative;overflow:hidden;width: 610px;height:120px;border:1px solid #ccc;background:url(http://www.vision-storm.com/cms-plugin/galerie_hscroll/h300.png) repeat-x;}
.galerie_hscroll_ensemble {padding-left:30px;}
.scrollable .items {width:20000em;position:absolute;clear:both;} .items div {float:left;width:610px;}
.scrollable img {float:left;margin:20px 5px 20px 10px;background-color:#fff;padding:2px;border:1px solid #ccc;width:100px;height:75px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.scrollable .active {border:2px solid #000;position:relative;cursor:default;}
.scrollable {	float:left;}
a.browse {	background:url(http://www.vision-storm.com/cms-plugin/galerie_hscroll/hori_large.png) no-repeat; display:block;width:30px;height:30px;float:left;margin:40px 5px;cursor:pointer;font-size:1px;}
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover{ background-position:-30px -30px; }
a.right:active{ background-position:-60px -30px; }
a.left{ margin-left: 0px;}
a.left:hover{ background-position:-30px 0; }
a.left:active{ background-position:-60px 0; }
a.up, a.down { background:url(http://www.vision-storm.com/cms-plugin/galerie_hscroll/vert_large.png) no-repeat; float: none;margin: 10px 50px;}
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }
a.disabled {	visibility:hidden !important;}