/*********************************************************
               GENERAL
  **********************************************************/

* { margin:0; padding:0; border:none; font-family: Arial, Helvetica, sans-serif; font-size:98%;}

/* -------------- LIENS -------------------- */

a, a:visited, a:active { text-decoration:none; color:#22b1f2; }
a:hover { text-decoration:none; color:#22b1f2;   }

.detail a {
background:url("images/picto-details.jpg") no-repeat scroll left center transparent;
font-size:1.2em;
padding-left:24px;

}
.detail {

margin-top:10px;
}

  /*********************************************************
               STRUCTURE
  **********************************************************/

 /* border:1px dotted #ff0000; ----- */
 /* background:url('images/image.jpg') top left repeat-y; ----- */

html {  }

body {background:#3f3930 url('images/body.jpg') top center repeat-x; line-height:1.1em;}

#deco {}  /* pour arrière plan décoratif ----- */

#box { width:950px; margin:0 auto; }

#cadre_main {}

#header { height:224px; }

#breadcrumb { }

/* ------------ MENU TOP ------------------ */

#side-top {  padding:0; display:block; height:30px;}

#side-top {  padding-top:0px; margin:0 auto; width:685px;  }
#side-top li { display:block; float:left; padding:3px 10px; text-transform:uppercase;  }
#side-top li a{ font-size:12px;  }
#side-top li a:hover {  color:#22b1f2;   }
                                                           

/* ------------ MENU PRINCIPAL ------------------ */

#side { width:950px;  }

#side{  padding-top:0px; float:left;}
#side li { display:block; float:left;  padding:10px 8px 2px 8px;  display:block; width:115px; height:35px;  line-height:0.9em; text-align:center; border-right:1px solid #333;   }
#side li a { color:#fff; font-size:13px; }
#side li a:hover {  color:#22b1f2;   }



/* ------------ MAIN 750 ( 750 px site 2 colonnes ) -------------------- */ 
#main-padding { display:block; float:left; margin:0 0 0 0; width:950px;  background:#0c0c0b url('images/main.jpg') top center repeat-x; } /*3c = 550px - 2c = 750px - 1c = 950px */
#main-padding #main { margin:0px 30px 0 30px; color:#CCC; } /* main=740px */

#main-padding #main ul {list-style-position: inside; margin:10px 0;}
#main-padding #main li {}

/*********************************************************
			HOME
**********************************************************/

.right { float: right; width:230px; margin:0 auto;}

/* ------------ BLOC HOME 1 ------------------ */

.bloc-home { float:left; display:inline-block;}

.bloc-home-1 { margin:10px auto; width:585px;  padding:10px 0; float:left; display:inline-block;}
.bloc-home-1 .pic {float:left;  margin-right:5px;}
.bloc-home-1 .pic img {} /* changer marge suivant largeur vignette */
.bloc-home-1 .detail {}
.bloc-home-1 .prix {}	 

/* ------------ BLOC HOME 2 ------------------ */

.bloc-home-2 { width:295px; float:left;  background: url('images/bg-home.jpg') top right no-repeat; min-height:90px; margin-bottom:1px; } /*3c = 460px - 2c = 360px - 1c = 270px */
.bloc-home-2 h2 a { color:#FFF;}
* .bloc-home-2 h3  {  background:0; padding:0 50px 0 50px; margin:30px 0 0px 0; }
.bloc-home-2 h3 a { color:#b8e5f9; }
.bloc-home-2 h3 a:hover { color:#fff;  }
#main-padding #main .bloc-home-2 ul { margin:5px 10px 0 30px;}
.bloc-home-2 .pic img {} /* changer marge suivant largeur vignette */
.bloc-home-2 .detail {}
.bloc-home-2 .prix {}

/* ------------ BLOC HOME 3 ------------------ */

.bloc-home-3 { width:265px;  float:right; background: url('images/bg-right.jpg') top right no-repeat;  margin: 30px 0 0 0; min-height:200px; -height:200px;} /*3c = 170px - 2c = 240px - 1c = 308px */
.bloc-home-3 h3 { margin:30px 0 0px 0; background:0; }
.bloc-home-3 h3 a { color:#FFF;  font-size:0.8em; line-height:1em;}
.bloc-home-3 h3 a:hover {   color:#22b1f2; }
.bloc-home-3  a { font-weight:normal; font-size:1em;}
.bloc-home-3 .pic img {} /* changer marge suivant largeur vignette */
.bloc-home-3 .detail { margin-left:37px;}
#main-padding #main .bloc-home-3 ul { margin:5px 10px 0 30px;}

/*********************************************************
			ENTETE Rubrique -> au dessus des produits
**********************************************************/

/* ------------ ENTETE Rubrique ------------------ */
.entete-rubrique {  display:inline-block; border-top:1px solid #000; font-size:120%;}
.entete-rubrique h2 a { text-decoration:none;}
.entete-rubrique .pic {float:right; margin:10px; }
#main-padding #main .entete-rubrique p {color:#fff; }


/*********************************************************
			PRODUIT 1er AFFICHAGE 
**********************************************************/

/* ------------ BLOC PRODUIT 1 ------------------ */
.bloc-produit-1 {  margin:10px auto; width:100%; padding:10px; clear:both;}
.bloc-produit-1 .pic {float:right; margin-left:15px;}

/* ROLLOVER 1ER AFFICHAGE */
.bloc-produit-1 .thumb {}
.bloc-produit-1 .thumb img { width:90px; margin-right:3px;} 
/* FIN ROLLOVER 1ER AFFICHAGE */
.bloc-produit-1 .detail {}
.bloc-produit-1 a.lien2 { display:block; float:right;}
.bloc-produit-1 strong { color:#FFF;}

/* ------------ BLOC offre ------------------ */
.bloc-offre { float:left; margin:10px; width:305px; padding:10px; }
.bloc-offre .content {width:300px; height:auto; }
.bloc-offre .detail { bottom:0;}



/* ------------ BLOC PRODUIT 3 ------------------ */
.bloc-produit-3 {width:240px; float:left; min-height:300px; margin-right:5px;}
.bloc-produit-3 h3 {}
.bloc-produit-3 .pic {}
.bloc-produit-3 .pic img {}
.bloc-produit-3 .detail {}
.bloc-produit-3 .prix {}

/* ------------ BLOC DETAIL ------------------ */

.bloc-detail {   margin:10px auto; width:800px; padding:10px; clear:both;}
.bloc-detail p { padding:0.3em;}
.bloc-detail #diaporama { width:800px; margin:0 0px;}
.bloc-detail #diaporama .thumb { width:100px; float:left;}
.bloc-detail #diaporama .thumb img {}
.bloc-detail #diaporama .big  { float:left;}
#img_legende { font-size:1.2em; color:#FFF;}

/* ------------ PARTENAIRES ------------- */

.partenaire{ margin:5px 45px; float:right }
.liens { margin:0 0 0 10px; }
.thumbpic_liens { float:right; margin:0 50px 5px 10px; border:1px solid #fff; } /* décalage vignette logo*/

/* ------------ PLAN --------------------- */

.plan, .horaires { margin:10px auto; width:100%; padding:10px;}
.plan legend, .horaires legend {font-size:1.6em; padding:5px 10px; color:#FFF;}
.plan dl dt, .horaires dl dt{font-weight:bold; color:#FFF; font-size:1.2em;}
.plan dl dd, .horaires dl dd{width:200px; padding-left:5px; }
.horaires ul li{width:200px; padding-left:5px; }
.plan a, .horaires a {}
.plan a:hover, .horaires a:hover, .plan a:visited, .horaires a:visited { text-decoration:underline;}

/* ------------ DL DT DD ------------------ */
	
dl { margin: 5px 0 30px 0; display:block; }
dl h3{  text-transform:uppercase;  }
dt, dd { padding:5px 10px;  }
dt { width: 170px; float: left; font-weight: bold;  text-transform:uppercase; }
/* hack de commentaire avec un antislash pour ie5 mac \*/
dt { clear:both; }
/* end hack */
dd { float: left; width:240px; line-height:1.4em;  }


/* ------------ NAV PAGINATION ------------------ */

div.pagination {text-align:right; padding:10px 6px 4px 0; border-bottom:1px solid #333; }
div.pagination a { color:#ccc; text-decoration:none; padding:5px 6px 4px 5px; margin:0 3px 0 3px; border:0px solid #d7d7d7; font-size:0.8em;}
div.pagination a:hover, div.pagination a:active {color:#22b1f2;	border:0px solid #22b1f2; background-color:transparent; }
div.pagination span.current {padding:5px 6px 4px 5px; margin:0 3px 0 3px; border:0px solid #22b1f2; font-weight:bold; color:#fff; background-color:transparent; }
div.pagination span.disabled {display:none;}

/* ------------ COMMUNS (dans la charte du site) --------------------- */
h2, h3, h4 { font-weight:normal; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

h2.breadcrumb { margin:0.7em 0 0.7em 0; padding:0 0px; background:0;  display:list-item;  }

h2 {font-size:1.8em; margin:0.3em 0;  background:url('images/picto-titre.jpg') no-repeat center left ; padding-left:37px;  }
h3 {font-size:1.6em; margin:0.6em 0;  background:url('images/picto-titre.jpg') no-repeat center left ; padding-left:37px; }
h4 {font-size:1.4em; margin:0.3em 0 1.2em 0; }


.prix { font-size:1.4em; font-weight:bold; margin:1em 0;}
.prix-barre {text-decoration:line-through;}
.annotation {font-style:italic; font-size:0.9em;  padding:0.4em 0;}

.top {font-size:0.8em; text-align:right;  padding:15px;}


/* ------------ ICONS --------------------- */

.pdf { background:#22b1f2 url('images/icons/pdf.png') no-repeat left center; padding:0 20px 0 22px; margin:7px 0; display: block; float:left;}
.pdf a { color:#000;}
.link { background: url('images/icons/link.png') no-repeat left center; padding:0 0 0 22px; margin:7px 0;}

/* ------------ ICONS --------------------- */

.hidden, .menu-ref, .produit-ref { visibility:hidden; overflow: auto; display:none;}
.retour { float:right; margin:5px; }		

div.hr { border-bottom:0px solid #CCC; } /* background:url('images/separation.gif') bottom left repeat-y; */
div.hr hr {   display: none; }	

.vide { font-style:italic;  margin:5px 0;}
.alerte { background: #181818; text-align: center ; padding: 5px 0px; font-weight:bold; color:#F00; }

/* ------------ RECHERCHE --------------------- */

#recherche-menu {width:200px; height:110px; margin:10px 0 10px 5px; }
#recherche-menu .top { height:20px; width:180px; }
#recherche-menu form { margin:0 auto; width:180px;  }
#recherche-menu select { font-size:0.9em; border:1px solid #d7d7d7; vertical-align:middle; width:146px; vertical-align:middle;background:#fff; color:#000000;  }  /* Skinner couleur */
#recherche-menu .input-rech { padding:4px; font-size:0.9em; border:1px solid #d7d7d7; vertical-align:middle; width:145px; background:#fff; color:#000000;} /* Skinner couleur */
#recherche-menu option { vertical-align:middle; padding:2px; width:200px; color:#000000;  } /* Skinner couleur */
#recherche-menu label { float:left; width:150px; text-indent:10px; margin:0; }
#recherche-menu img { height:auto; size:auto; }
	

/*********************************************************
		   FORMULAIRE
**********************************************************/
.formulaire {}
.formulaire .left{width:50%; float:left;} 
.formulaire input, .formulaire textarea{ width:200px;  } 
.formulaire select{ min-width: 200px; }
.formulaire radio, .formulaire label, .formulaire input, .formulaire textarea, .formulaire select { display: block; float: left; margin-bottom:10px; vertical-align:middle;  padding:2px; }
.formulaire label { width: 160px; margin-right: 10px; font-weight:normal; color:#FFF; }
.formulaire input, .formulaire textarea, .formulaire select {border:1px solid #4d4d4d; background:#181818; color:#fff;}
.formulaire .bouton { width:120px; cursor:pointer; font-weight:bold; padding:2px; background:#22b1f2; border:1px solid #4d4d4d;  color:#000 ;   }
.formulaire .input-radio { background:transparent; border:0px solid #fff; width:auto; }
.formulaire br {clear:both;}
.formulaire img { width:auto; height:auto; }
.formulaire p { margin: 0 20px;}

/* ------------ TABLE ------------------ */

table { border-collapse:collapse; }
th, td { border-bottom: 1px solid #d7d7d7; padding:4px 0; text-align: left; vertical-align:text-top;  }
th { color:#000000;   width:100px; text-indent:5px; font-weight:bold;}
td { }
tr:hover { cursor:default;  }

/*********************************************************
		   EQUIPE
**********************************************************/

.bloc-equipe { width:720px; margin:10px 0 0 0px; background:url('images/separation.gif') bottom left repeat-x;}
.bloc-equipe .pic {float:left; margin-top:20px; width:170px; }
.bloc-equipe .pic img {margin-left:10px;  border:1px solid #DFDFDF; } /* changer marge suivant largeur vignette */*

/* ROLLOVER 1ER AFFICHAGE */
.bloc-equipe .pic img { } /* changer marge suivant largeur vignette */
.bloc-equipe .descriptif { float:left;margin-top:20px; width:500px;   }/* changer le float pour placement*/
.bloc-equipe p { margin:5px 10px; }

/*********************************************************
		   MENTIONS LEGALES
**********************************************************/
#mentions-legales{ margin:0 25px;}
#mentions-legales h4{padding:8px 0; margin:5px 0;  border-bottom:1px solid #333;}
#mentions-legales h5{margin:5px 0;}
#mentions-legales p{line-height:1.4em;}

/* ------------ DEBUT SITEMAP ------------------ */

#sitemap  {width:900px; margin:0 auto;}	
#sitemap h2 a {text-decoration:none;font-size:1.2em;  height:20px; text-transform:uppercase;}
#sitemap p {list-style-type:none; background: url('images/icons/link.png') no-repeat left center; list-style-position:inside; }
#sitemap p a { text-decoration:none; margin-left:18px; }

/* ------------ FIN SITEMAP ------------------ */

/*********************************************************
		   PIED DE PAGE
**********************************************************/	
/* ------------ FOOTER ------------------ */

	
	#footer {	 margin:0px auto 0 auto;  width:100%x; padding:20px 0 0px 0; clear:both; color:#FFF; }
	#footer .footer-content {margin:0px auto;    }
	.footer-content {width:950px; margin:5px auto; clear:both;   }
	.logo { text-align:center; margin:0 auto; float:left;  width:400px;  }
	.logo strong { font-size:1.2em;}
	.rcs { font-size:0.7em; clear:both;   text-align:center; color:#CCC; }
	
	#header .adresse-dynamique {text-align:center; margin:0 auto;  }
	
	.adresse-dynamique {  font-size:1em; text-align:left; margin:0 auto;  width:900px; color:#FFF;  }
	.adresse-dynamique  span {   }
	.adresse-dynamique  span.tel {  font-weight:bold; font-size:0.9em; padding:0.2em 0.5em 0 0; text-align:right; }
	
	.adresse-contact { margin:28px 0 0 0; text-align:right;  }
	.adresse-contact a { font-size:1em;  }
	

	#copyright { text-align:center;font-size:0.7em; color:#CCC; margin:10px;  }
	#copyright a { }
	#copyright a:hover {  }

/* ------------ FOOTER - CATEGORIES ------------------ */

#categories-r  {text-align:center; width:950px;  margin:0 auto;}
#categories-r, #categories-r a { text-align:center; text-decoration:none; font-size:0.9em; font-weight:100; color:#666; line-height:0.9em;}
#categories-r a:hover { color:#CCCCCC;  }
#categories-r p { margin:5px;}

/* hack clear float */ 		
.clr { clear: both; }