/* --------------------------------------------------------  */ 
/* -- WireTeam Par www.jfpariseau.com Pour Kitgrafik.com --  */
/* --------------------------------------------------------  */ 


@charset "utf-8"; 




/* ---------------------------------------------------------  */ 
/* ------------ Modification des balises -------------------  */
/* ---------------------------------------------------------  */ 

body {margin: 0; background: #fff url(../images/bg.jpg) top repeat-x; }

p {line-height: 17px; color: #6c778b; font: 11px Arial, Helvetica, sans-serif;}
h1 {font: bold 16px Arial, Helvetica, sans-serif; color:#168be4; background: url(../images/h1_soulignement.gif) 1px 23px repeat-x; padding-bottom: 10px;}
h2 {font: bold 13px Arial, Helvetica, sans-serif; color:#666;}

a:link {text-decoration: underline; color:#168be4;}
a:visited {text-decoration: underline; color:#168be4;}
a:hover {text-decoration: underline; color:#000;}








/* ------------------------------------------------------  */
/* ------------ Mise en forme du site -------------------  */
/* ------------------------------------------------------  */


/* ------------ Header -------------------  */
#header {background: url(../images/headerBg.jpg) no-repeat; height: 90px; padding-top: 132px; width: 900px; margin: 0 auto;}

/* ------------ Menu principal -------------------  */
#topMenu {width: 900px; height: 45px; margin:0 auto 0 auto; padding: 0 25px 0 25px; list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#topMenu ul {height: 45px; margin:0; padding:0; list-style:none;}
#topMenu li  {float:left; background-image: url(../images/topMenuSeparateur.gif); background-repeat:no-repeat; background-position:top right; width: 88px;}
#topMenu li.imageSeparateur {float:left; width:1px; height: 45px; background-image: url(../images/topMenuSeparateur.gif); background-repeat:no-repeat; background-position:top right;}
#topMenu a {display: block; width: 87px; height: 30px; margin: 0; padding:15px 0 0 0; text-align:center; text-decoration: none; color:#fff;}
.pageActive {width: 87px; height: 30px; margin: 0; padding:15px 0 0 0; text-align:center; text-decoration: none; color:#fff; background: url(../images/topMenuPageEnCours.gif) top center no-repeat; color:#fff;}
#topMenu a:visited {color:#fff;}
#topMenu a:hover {background-image: url(../images/topMenuHover.gif); background-repeat:no-repeat; background-position:bottom center; color:#d0f9ff;}



/* ------------ Container de contenu -------------------  */

#contenu { width: 900px; margin: 0 auto; padding: 10px 0 40px 10px; background-color: #fff; }


/* ------------ Colonne Gauche (Menu secondaire) -------------------  */

#colonneGauche {width: 240px; float: left; padding-top: 45px; }
#menuSecondaire { width: 187px; height:auto; padding: 50px 15px 30px 15px; background: url(../images/menuSecondaireBg.jpg) no-repeat;}
#menuSecondaire ul {margin: 0 0 0 0; padding: 0; list-style:none; }
#menuSecondaire li {height:19px; padding: 0; text-align: center;}
#menuSecondaire a {display:block; width:165px; height:19px; padding-left:20px; padding-top:5px; background:url(../images/puceMenuGauche.gif) top left no-repeat; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
#menuSecondaire a:link {color: #6b6b6b;}
#menuSecondaire a:visited {color: #6b6b6b;}		
#menuSecondaire a:hover {color: #000; text-decoration: none; background-image:url(../images/puceMenuGaucheOver.gif);}

/* ------------ Colonne Gauche (Menu secondaire-2) -------------------  */

#colonneGauche {width: 240px; float: left; padding-top: 45px; }
#menuSecondaire2 { width: 187px; height:auto; padding: 50px 15px 30px 15px; background: url(../images/menuSecondaireBg2.jpg) no-repeat;}
#menuSecondaire2 ul {margin: 0 0 0 0; padding: 0; list-style:none; }
#menuSecondaire2 li {height:19px; padding: 0; text-align: center;}
#menuSecondaire2 a {display:block; width:165px; height:19px; padding-left:20px; padding-top:5px; background:url(../images/puceMenuGauche.gif) top left no-repeat; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
#menuSecondaire2 a:link {color: #6b6b6b;}
#menuSecondaire2 a:visited {color: #6b6b6b;}		
#menuSecondaire2 a:hover {color: #000; text-decoration: none; background-image:url(../images/puceMenuGaucheOver.gif);}


/* ------------ Colonne Centre (texte)-------------------  */

#colonneCentre {width: 500px; float: left;}
.positionDroit {float:right; margin-left: 15px; border:none;}
.positionGauche {float:left; margin-right: 15px; border:none;}
.positionCentre {float:center; margin-center: 15px; border:none;}
.sansBordure { border: none;}


/* ------------ Colonne Droite (pub) -------------------  */

#colonneDroite {width: 120px; padding: 45px 0 0 35px; float: left;}

#patch {clear: both;} 



/* ------------ Bas de page, footer -------------------  */

#footer {height: 50px; margin:0 auto 0 auto; padding-top: 35px; background: url(../images/footerBg.jpg) top center no-repeat;}
#footer p {font-size: 9px; text-align: center;}




/* ------------ Formulaire contact -------------------  */
.formulaireBoite {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #6b6b6b; border:1px solid #bfc4ca; background-color: #fff; margin: 2px 0; padding:1px;}

.galerieBtn {font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; border:none; background-color: #013042; margin: 2px 0; padding:4px;}