/* --------------------------------------------------------  */ 
/* -- Blue Pearl 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; background-color:#FFF;}


a:link {text-decoration: underline; color:#1292ef; text-decoration: none;}
a:visited {text-decoration: underline; color:#1292ef; text-decoration: none;}
a:hover {text-decoration: underline; color:#000; text-decoration: none;}


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

/* ------------ Zone menu/drapeau/recherche -------------------  */
#menuFonctionbg { width: 100%; height: 29px; background: url(../images/bg_fonction.jpg) repeat-x;}
#boite1 { width: 1024px; height: 29px; margin: 0 auto;}

#menuFonction {width: 400px; height: 23px; margin: 0; padding:6px 0 0 20px; font: 10px Verdana, Geneva, sans-serif; color: #5a5a5a; float: left;}
#menuFonction a:link {text-decoration: none; color:#f3f0eb;}
#menuFonction a:visited {text-decoration: none; color:#f3f0eb;}
#menuFonction a:hover {text-decoration: underline; color:#fff;}

/* ------------ Header -------------------  */
#header { width: 1024px; height: 52px;  margin: 0 auto 0 auto; padding: 64px 0 0 0; background: url(../images/logo.png) no-repeat;}

/* ------------ Menu principal -------------------  */
#topMenu { width: 750px; height: 52px; margin: 0 0 0 260px; padding: 0; font: bold 12px Arial, Helvetica, sans-serif; }
#topMenu ul {margin: 0; padding:0; list-style:none; width: 750px;}
#topMenu li  {float:left; margin:0 1px 0 0; padding: 0;}
#topMenu a {display: block; width: 122px; height: 41px; margin: 0; padding: 11px 0 0 0; background: url(../images/top_menu_n.gif) no-repeat; text-align:center; text-decoration: none; color:#f3f0eb;}
#topMenu a:hover {background: url(../images/top_menu_a.gif) no-repeat; color: #fff;}
.pageActive {display: block; width: 122px; height: 41px;  margin: 0; padding: 11px 0 0 0; text-align:center; text-decoration: none;  background: url(../images/top_menu_a.gif) no-repeat; color: #fff;}


/* ------------ Section pub + recherche -------------------  */
#favoris {width: 1024px; height: 90px; margin: 0 auto 5px; padding: 0;}
#search {width: 280px; height: 90px; padding: 0; margin: 0px 4px 0 0; float: left; background: url(../images/rechercher_addon.png)}
#search h1 {font: bold 13px Arial, Helvetica, sans-serif; color: #fff; padding-left: 60px; padding-top: 15px;}
#formsearch {width: 200px; margin: 0 50px; padding: 0; }
.formbox_search { width: 147px; height: 12px; padding: 4px 10px 6px 4px;  no-repeat; border: none; margin:0;  font: 9px Verdana, Arial, Helvetica, sans-serif; color: #333; float: left; border-radius: 5px; }
.boutonrecheche { margin: 0 0 12px; padding:0; float: right; border-radius: 5px;}


/* ------------ Container de contenu -------------------  */
#contenu {width: 1024px; margin: 0 auto; padding: 0;}



/* ------------ Colonne Gauche  -------------------  */
#colonneGauche {width: 202px; padding: 0; margin : 0px 0 0 0; float: left;}

#menuSecondaireBleu {width: 202px; height:auto; background: url(../images/menusecondaire_bg.PNG) 0 34px no-repeat; padding: 0; margin-bottom: 5px;}
#menuSecondaireBleu ul {margin: 0; padding: 0; list-style: none; font: bold 13px Arial, Helvetica, sans-serif; color:#000;}
#menuSecondaireBleu li {padding: 0; margin: 0;}
#menuSecondaireBleu a {display: block; width: 155px; padding-left: 55px; padding-top: 4px; height: 23px;}
#menuSecondaireBleu a:link {color: #fff; text-decoration: none; background:url(../images/menusecondaire_btn.gif) no-repeat;}
#menuSecondaireBleu a:visited {color: #fff; text-decoration: none; background:url(../images/menusecondaire_btn.gif) no-repeat;}
#menuSecondaireBleu a:hover {color: #000; text-decoration: none; background:url(../images/menusecondaire_btn_h.gif) no-repeat;}

/* ------------ Colonne Gauche2  -------------------  */
#colonneGauche {width: 202px; padding: 0; margin: 0px 0 0 0; float: left;}

#menuSecondaireBleu2 {width: 202px; height:auto; background: url(../images/menusecondaire_bg.PNG) 0 38px no-repeat; padding: 0; margin-bottom: 0px;}
.titre_menuSecondaireBleu2 { font: bold 13px Arial, Helvetica, sans-serif; color:#fff; }


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

#colonneCentre {width: 470px; margin: 0 20px 0 20px; float: left;}
#colonneCentreHome {width: 700px; margin: 0 30px 0 78px; float: left;}

#colonneCentre p, #colonneCentreHome p, #colonneCentre ul, #colonneCentre li {color: #9d9d9d; font: 12px Arial, Helvetica, sans-serif; text-align: justify; line-height: 20px;}
#colonneCentre h1, #colonneCentreHome  h1 { height: 35px; margin-top: 0; padding-top: 0; font: normal 24px Century Gothic, Arial, Helvetica, sans-serif; color:#00b4ff; background: url(../images/h1.gif) 0px 34px repeat-x;}
#colonneCentre h2, #colonneCentreHome  h2 {font: bold 13px Arial, Helvetica, sans-serif; color: #1292ef;}
h6 {color: #9d9d9d; font: 10px Arial, Helvetica, sans-serif; text-align:left; line-height: 16px; margin-top: 0px;}
.image {float:right; margin: 0 0 10px 30px; border:none;}
.noborder {border: none;}
.retourhaut {border: none;}



/* ------------ Colonne Droite  -------------------  */
#colonneDroite {width: 300px; padding: 0; margin: 0px 0 0 0; float: left;}

#menuSecondaireGris {width: 300px; height:auto; padding: 0; margin-bottom: 1px;}
#menuSecondaireGris ul {margin: 0; padding: 0; list-style: none; font: bold 13px Arial, Helvetica, sans-serif; color:#000;}
#menuSecondaireGris li {padding: 0; margin: 0;}
#menuSecondaireGris a {display: block; width: 155px; padding-left: 55px; padding-top: 4px; height: 23px;}
#menuSecondaireGris a:link {color: #5d5d5d; text-decoration: none; background:url(../images/menusecondaireGris_btn.gif) no-repeat;}
#menuSecondaireGris a:visited {color: #5d5d5d; text-decoration: none; background:url(../images/menusecondaireGris_btn.gif) no-repeat;}
#menuSecondaireGris a:hover {color: #000; text-decoration: none; background:url(../images/menusecondaireGris_btn_h.gif) no-repeat;}
.stat {display: block; width: 155px; padding-left: 55px; padding-top: 4px; height: 23px; color: #5d5d5d; text-decoration: none; background:url(../images/menusecondaireGris_btn.gif) no-repeat;}

#login { background:url(../images/login_bg.png) repeat-y; margin-bottom: 5px;}
#login h1 {font: bold 13px Arial, Helvetica, sans-serif; color: #5d5d5d;}
.nom_addon a:link {font: bold 11px Arial, Helvetica, sans-serif; color: #5d5d5d; text-decoration: none;}
.nom_addon a:visited {font: bold 11px Arial, Helvetica, sans-serif; color: #5d5d5d; text-decoration: none;}
.nom_addon a:hover {font: bold 11px Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
.addon_classe a:link {font: bold 11px Arial, Helvetica, sans-serif; color: #5d5d5d; text-decoration: none;}
.addon_classe a:visited {font: bold 11px Arial, Helvetica, sans-serif; color: #5d5d5d; text-decoration: none;}
.addon_classe a:hover {font: bold 11px Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}

/* ------------ Patch pour floating -------------------  */

#patch {clear: both;} 


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


#footer {width: 100%; height: 156px; margin:0; padding: 9px 0 0 0; background: #fcfcfc url(../images/footer.jpg) repeat-x; color:#7d776e; font: 12px Arial, Helvetica, sans-serif;  line-height: 20px;}
#footerContent {width: 1024px; margin:0 auto; height: 132px;}
.footerlist {width: 254px; height: 132px; margin:0; background:url(../images/footersep.jpg) top left no-repeat; float: left; color:#7d776e; font: 12px Arial, Helvetica, sans-serif;  line-height: 20px;}
.footerlist ul { list-style: url(../images/puce.gif); margin-top: 25px;}
.footerlist li a { margin-left: 15px;}
.footerlist li a:link {text-decoration: none; color:#7d776e;}
.footerlist li a:visited {text-decoration: none; color:#7d776e;}
.footerlist li a:hover {text-decoration: underline; color:#000;}


#footer_mentions {width:100%; height: 24px; margin:0 auto 0 auto; padding: 10px 0 0 0; background-color: #fff;}
#footer_mentions p {margin:0; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #bcb9b3; text-align: center;}






/* ------------------------------------------------------  */
/* ------ Mise en forme des pages spécifiques -----------  */
/* ------------------------------------------------------  */



/* ------------ GalerieImage -------------------  */

.galerieBox { width: 85px; height: 85px; padding: 2px; margin-right: 7px; margin-bottom: 14px; float: left; background: url(../images/galerie_box.png) no-repeat;}


/* ------------ Tableau -------------------  */

.tableau { width: 235px; margin-bottom: 20px;}
.tableau_addon {  width: auto;  margin-bottom: 20px;}
.tableau_entete {background-color:#1292ef; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; height: 30px;}
.tableau_firstrow {background-color:#f0f0f0;  font: normal 11px Arial, Helvetica, sans-serif; color: #333; height: 25px;}
.tableau_secondrow {background-color:#FFFFFF; font: normal 11px Arial, Helvetica, sans-serif; color: #333; height: 25px;}

/* ------------ Tableau mise à jours addons -------------------  */

.table { width: 148px; margin-bottom: 0px; margin: auto;}
.largeur {background-color:#HEF9212;  font: normal 11px Arial, Helvetica, sans-serif; color: #FFF; height: 5px;}
.lien a:link {color: #fff; text-decoration: none;}
.lien a:visited {color: #fff; text-decoration: none;}
.lien a:hover {color: #000; text-decoration: none;}

/* ------------ Tableau addon par categorie -------------------  */
.categorie {background: url(../images/fond_categorie.png); font: normal 11px Arial, Helvetica, sans-serif; color:#333; width: 469px; height: 61px;}

/* ------------ Contact form -------------------  */
.contactbox {width: 174px; height: 13px; background:url(../images/inputcontact.png) no-repeat; border: none; margin:0; padding: 9px 11px 7px 11px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #333;}
.commentairebox {width: 306px; height: 125px; background:url(../images/inputcommentaire.png) no-repeat; border: none; margin:0; padding: 20px 20px 20px 20px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #333;}
.btenvoyer { border: 1px solid #4ee5fe; background-color: #1292ef; color:#fff; font-size: 9px; margin: 0; padding:5px;}

/* ------------ Suppresion des cadres bleu autour des images-------------------  */

a img
{
border: none;
} 

/* ------------ Aligner à droite -------------------  */

.droite
{
   float:right;
}

.pub_droite
{
   float:right;
   border-left: 25px solid white;
}

/* ------------ Aligner au centre -------------------  */

.centre 
{ 
	text-align: center;
}

/* ------------ Police de base -------------------  */

.police
{
color: #9d9d9d; 
font: 12px Arial, Helvetica, sans-serif; 
text-align: justify; 
line-height: 20px;
}
.police_date
{
font: normal 11px Arial, Helvetica, sans-serif; color: #9d9d9d;
}



#commentaire
{
	background:#F4F4F4;
	border:1px solid #DEDCDD;
	color:#676767;
	width:95%;
	padding:5px 5px;
	text-align: justify;
}

#boite_gauche {text-align: justify; float: left; }
#boite_droite { text-align: justify; float: right; }