/***Feuille de style entrenouscacolle***/
/** Copyright Soho 2008 - oscarweb.fr **/

/*********général******************/
body{
		 margin:0;
		 padding:0;
		 color:#333;
		 font-family:Verdana, Arial;
		 font-size:12px;
		 background: #ccc;
		 text-align:center;
}
* {
	margin:0;
	padding:0;
}
img { border : none; }

	
a, a:link, a:visited {
color : #cc0000;
text-decoration: none;
}
a:hover, a:active {
color : #333;
text-decoration: underline;
}
TD, TH {
vertical-align:top;
}
hr {
color: #cc0000;
background-color:#cc0000;
height: 2px;
border: 0;
}
.red {
color: #cc0000;
}
.error{
background:#cc0000;
color:white;
font-weight:bold;
}
.formwarn{
background-color:#ff9999;
color: #cc0000;
}
.right {
text-align:right;
}
.center {
text-align:center;
}
div.separ{
display:block;
height:20px;
}
noscript , noscript p{
background: white;
color:#cc0000;
}
h1 {
padding-bottom:15px;
font-size:24px;
}
h2 {
padding:13px 0 10px 0;
font-size:18px;

}
table.tabrouge {
background-color: #cc0000;
/*border-collapse:collapse;*/
border-spacing: 1px;
border: 1px solid red;
}
table.tabrouge tr, table.tabrouge td, table.tabrouge th {
background-color: white;
}
table.tabrouge td, table.tabrouge th {
padding:5px;
}
table.tabrouge td {
text-align: center;
vertical-align:middle;
}
/*********blocs****************************/
#wrapper {
text-align:left;
width:971px;
margin:0pt auto;
position:relative;
background: #ccc url(page.jpg) repeat-y top center;/*fond */

}
/*********entete******************/
#top {
height:140px;/*170px;*/
width:971px;
background: transparent url(top.jpg) no-repeat top center;/*fond */
}
body.entrepros #top {
background-image: url(top-pro.jpg);/*fond pro*/
}
#logo {
	display:block;
	position:absolute;
	top:5px;
	left:1px;
}
#logo a {
	display:block;
	width:164px;
	height:96px;
	text-indent:-4000px;
}
#engl {
	display:block;
	position:absolute;
	top:60px;
	left:847px;
}
#esp {
	display:block;
	position:absolute;
	top:60px;
	left:880px;
}
#engl a, #esp a {
	display:block;
	width:32px;
	height:25px;
	text-indent:-4000px;

}




#rech  {
	font-size:10px;
	font-weight:bold;
	color:#666;
	font-family:Verdana, Arial;
	width:110px;
	height:18px;
	background: transparent;
	padding:4px 3px 0 3px; 
	border:none;
	}
.ok  {
	font-size:1px;
	text-indent:-4000px;
	width:26px;
	height:24px;
	background: transparent;
	border:none;
	cursor:pointer;
}

#bread {
font-size: 9px;
color: #666;
font-weight: bold;
}
#bread a, #bread a:link, #bread a:visited {
color : #666;
text-decoration: none;
}
#bread a:hover, #bread a:active {
color : #cc0000;
text-decoration: underline;
}
/*********Conso******/	
#conso a {
	display:block;
	width:125px;
	height:55px;
	text-indent:-4000px;
	background:transparent;
	margin-left:185px;
}

/*********Navigation******/
	#divNav {
  position: absolute;
  top:102px;
  left:2px;
	background: transparent;
	margin: 0;
	padding: 0;
	height: 28px;
	width: 963px;
	}

/**********MenuHaut New******************/

dl.menu, dl.menu dt, dl.menu dd, dl.menu dd ul, dl.menu dd ul li
{
	margin: 0px;
	padding: 0px;
}
dl.menu
{
	float: left;
	cursor: pointer;
	position:relative;
	top:6px;
}
dl.menu dd{/*initialise menu non visible au chargement page*/
height:0;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
}

#M1 {width: 90px;}
#M4 {width: 121px;}
#M2 {width: 144px;}
#M3 {width: 105px;}
#M5 {width: 134px;}
#M7 {width: 198px;}
#M6 {width: 170px;}

dl.menu dt
{
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
dl.menu dt a, dl.menu dt a:visited
{
	background: transparent url(menu.gif) no-repeat 0 0;/*imge top rubrique*/
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-indent:-4000px;
	display:block;
	height:28px;
	width: 100%;
}
 dl#M1.menu dt a,  dl#M1.menu dt a:visited {background-position: 0 0;}/*par defaut*/
 body#pnouv dl#M1.menu dt a,  body#pnouv dl#M1.menu dt a:visited {background-position: 0 -28px;}/*actif*/
 dl#M1.menu dt a:hover,  dl#M1.menu dt a:active {background-position: 0px -28px;}/*survolé*/

 dl#M4.menu dt a,  dl#M4.menu dt a:visited {background-position: -90px 0;}
 body#pplasto dl#M4.menu dt a, body#pplasto dl#M4.menu dt a:visited {background-position: -90px -28px;}
 dl#M4.menu dt a:hover,  dl#M4.menu dt a:active {background-position: -90px -28px;}

 dl#M2.menu dt a,  dl#M2.menu dt a:visited {background-position: -211px 0;}
 body#ppdts dl#M2.menu dt a,  body#ppdts dl#M2.menu dt a:visited {background-position: -211px -28px;}
 dl#M2.menu dt a:hover,  dl#M2.menu dt a:active {background-position: -211px -28px;}

 dl#M3.menu dt a,  dl#M3.menu dt a:visited {background-position: -355px 0;}
 body#pach dl#M3.menu dt a, body#pach dl#M3.menu dt a:visited {background-position: -355px -28px;}
 dl#M3.menu dt a:hover,  dl#M3.menu dt a:active {background-position: -355px -28px;}

 dl#M5.menu dt a,  dl#M5.menu dt a:visited {background-position: -460px 0;}
 body#ptrucs dl#M5.menu dt a, body#ptrucs dl#M5.menu dt a:visited {background-position: -460px -28px;}
 dl#M5.menu dt a:hover,  dl#M5.menu dt a:active {background-position: -460px -28px;}

 dl#M7.menu dt a,  dl#M7.menu dt a:visited {background-position: -594px 0;}
 body#pconso dl#M7.menu dt a, body#pconso dl#M7.menu dt a:visited {background-position: -594px -28px;}
 dl#M7.menu dt a:hover,  dl#M7.menu dt a:active {background-position: -594px -28px;}

 dl#M6.menu dt a,  dl#M6.menu dt a:visited {background-position: -792px 0;}
 body#ppros dl#M6.menu dt a, body#ppros dl#M6.menu dt a:visited {background-position: -792px 0px;}
 dl#M6.menu dt a:hover,  dl#M6.menu dt a:active {background-position: -792px -28px;}

dl.menu dd ul
{
	width:100%;
	margin: 0px auto;
	list-style-type: none;
	padding-bottom:10px;
	padding-left:10px;
	background: transparent url(sub-menu.gif) bottom left;
}
dl#M1.menu dd ul, dl#M3.menu dd ul, dl#M7.menu dd ul {/*menus sans sous menus*/
background-image:none;
}

dl.menu dd ul li a
{
	padding-left: 3px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	width:100%
}
dl.menu dd ul li a:hover
{
	background: #fff;/*tous*/
	text-decoration:none;

}
/*********page (contenu)******************/
#page{
padding:0 25px 15px 20px;

}

#encadre {
float:left;
height:505px;
margin-right:20px;
overflow:hidden;
padding:15px 0pt 0pt;
width:630px;

}

#bloccadre {
margin-right:10px;
height:490px;
overflow:hidden;
}

#bloccadre p, #bloccadre h1, #bloccadre h2 {
margin-right: 10px;
margin-left:20px;
font-size:20px;
}
#bloccadre img {
vertical-align:middle;
}
#bloccadre h1 {
padding-top:20px;
padding-bottom:10px;
}

#bloccadre p.isol {
text-align:right;
}

#bloccadre p.adh a, #bloccadre p.adh a:visited {
color: #cc0000;
border: 2px dotted white;
}
#bloccadre p.isol a, #bloccadre p.isol a:visited {
color: blue;
border: 2px dotted white;
}
#bloccadre p.conf a, #bloccadre p.conf a:visited {
color: #ff9900;
border: 2px dotted white;
}
#bloccadre p.adh a:hover, #bloccadre p.adh a:active {
text-decoration:none;
color: #333;
border: 2px dotted #cc0000;
}
#bloccadre p.isol a:hover, #bloccadre p.isol a:active {
text-decoration:none;
color: #333;
border: 2px dotted blue;
}
#bloccadre p.conf a:hover, #bloccadre p.conf a:active {
text-decoration:none;
color: #333;
border: 2px dotted #ff9900;
}

.clear
{ clear: both ; }


/******contenu pages repertoire racine******/
#content {
padding-top:20px;
}
#content p {
padding-bottom: 0.5em;
}
#content ul , #content li {
margin-left: 10px;
list-style: inside square url(puce.gif); 
}
#content ul {
padding-bottom:5px;
}
#content h1 {
padding-bottom: 25px;
}
#content h2 {
padding: 10px 0 8px;
}
#col-dr {
background:white;/* url(entrenous2.gif) no-repeat 0 0;*/
display:block;
padding: 0 0 0 70px;
width:230px;
float:right;
min-height:330px;
}
#col-dr_acc {
background:white;/* url(entrenous2.gif) no-repeat 0 0;*/
display:block;
padding: 0 0 0 70px;
width:250px;
float:right;
min-height:330px;
}

#intro_news {
background:#e8e8e8 url(top-news.gif) no-repeat 0 0;
display:block;
padding: 0px;
width:250px;
float:right;
}
#end_news {
background:#e8e8e8  url(bot-news.gif) no-repeat 0 0;
display:block;
padding: 0px;
width:250px;
height:14px;
overflow:hidden;
float:right;
}
#les_news{
background:#e8e8e8 ;
display:block;
padding: 0px;
width:250px;
height:120px;
overflow:auto;
float:right;
}
#intro_news h1, #les_news h1 {
font-size: 20px;
font-weight:bold;
color:#cc0000;
text-align:center;
padding: 0px;
letter-spacing: 5px
}
#les_news div.img {
float:left;
padding:5px 5px 0pt 0pt;
}
div.news {
clear:both;
padding :0 5px 15px 5px;
text-align: justify;
}

#les_news h2 span {
font-size:12px;
font-style:italic;
}

#les_news h2 {
color:#333;
font-size: 18px;
font-weight: bold;
text-align:left;
padding-bottom:0;
}

#promo {
display:block;
padding-top: 5px;
width:245px;
height:248px;
float:right;
}
.flash {
display:block;
padding-top: 5px;
width:800px;
height:270px;
/*float:right;*/
}

div.intro {
padding:10px 10px 0 25px;
text-align: justify;
}
#col-dr-big {
background:white;/* url(entrenous2.gif) no-repeat 0 0;*/
display:block;
padding: 0 0 0 70px;
width:630px;
float:right;
min-height:330px;
}
/*body.entrepros #col-dr-big, body.entrepros #col-dr, body.entrepros #col-gche {
background-image: url(entrepros.gif);
}*/
#col-gche {
background:white;/* url(entrenous2.gif) no-repeat top right;*/
display:block;
padding: 0 70px 0 0px;
width:230px;
float:left;
min-height:330px;
}
/*******mises en formes spécifiques a certaines pages************/
body#ptrucs h3 {
padding-top:15px;
padding-bottom:5px; 
border-top: #cc0000 2px solid;  
background:white;
}
div.mestrucs {
display: none; /*oblig pour suite.js*/
overflow: hidden; /*oblig pour suite.js*/
border-right: #cc0000 2px solid; 
background:white;
}
p.adr {
background:transparent url(env.jpg) no-repeat 0 0;
padding-left:25px;
}
p.tel {
background:transparent url(tel.jpg) no-repeat 0 0;
padding-left:25px;
padding-top:5px;
}
p.fax {
background:transparent url(fax.jpg) no-repeat 0 0;
padding-left:25px;
padding-top:5px;
}
p.mail {
background:transparent url(email.jpg) no-repeat 0 0;
padding-left:25px;
padding-top:5px;
font-size:10px;
}
/********************/		
#footer {
	background:#ccc url(footer.jpg) no-repeat top left;
	text-align: center;
	color: #333;
	font-size: 10px;
	padding-top:25px;
	clear: both;	
	min-height:15px;
}

#textintro {
background:white;/* url(entrenous.gif) no-repeat 0 0;*/
border: 1px solid #ccc;
display:block;
height:385px;
width:250px;
float:right;
padding-left:50px;
padding-bottom:10px;
overflow:hiden;
}

#news {width:252px; height:255px; overflow:hiden; border:none;}
/*************slide gammes*************/
#galleryh {
position:absolute;

  padding:0; 
  margin-left: 20px; 
  list-style-type:none; 
  overflow:hidden; 
  width:598px; /*init 550*/
  height:400px; 
  /*border:1px solid transparent;*/ 
  background:transparent url(vide.gif);
  }
#galleryh li {
  float:left;
  }
#galleryh li a {
  display:block; 
  height:400px;
  width:100px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  }
#galleryh li a img {
  width:100px; 
  height:400px; 
  border:0;
  }
#galleryh li a:hover {
  background:#eee; 
  width:320px;
  }
#galleryh li a:hover img {
  width:320px;
  }

	
/*Menu menu_fam barres familles******/
#menu_fam{
 	width: 550px;/*780px;*/
	font-size: 12px;
	height: 300px;
	background: transparent;
	padding:15px 0 0 25px;
}

#menu_fam ul{ 
position:relative;
margin-left: 0px;
}

#menu_fam li{
  display: inline;
  list-style-type: none;
  margin: 0px;
	/*padding-left: 5px;
	padding-right: 5px;*/
	padding:0px;
	vertical-align: baseline;
}

#menu_fam a {
 	font-weight: bold; 
 	font-size: 12px;
	text-decoration: none;
}

/*******************************************/

/*Menu barres
-------------------------------------------------------*/
#menu_barres { 
	width: 550px;/*780px;*/
	font-size: 1px;
	height: 300px;/*130px;*/
	text-align:left;
}

/*************************************************************************************************/
			/*MENU barres contenu So*/

/* Rubrique 00 - accueil*/
#menu_barres ul, li { margin:0;		padding:0; }			
#menu_barres { background: transparent url(menu-fam.gif)  no-repeat 0px 0px;}
/*traitement liens 4 rubtriques - 00 accueil*/
a#rubr01 { display:block; position:absolute; top:0px; height:108px; width:550px; text-indent:-5000px;} 	
a#rubr02 {	display:block; 	position:absolute; 	top:108px; height:72px; width:550px; text-indent:-5000px;} 
a#rubr03 {	display:block; 	position:absolute; top:180px; height:100px; width:550px; text-indent:-5000px;} 

a#rubr01:hover { background: transparent url(menu-fam.gif)  no-repeat -550px 0px;}
a#rubr02:hover { background: transparent url(menu-fam.gif)  no-repeat -550px -108px;}
a#rubr03:hover { background: transparent url(menu-fam.gif)  no-repeat -550px -180px;}


/****************************************************************************************************/
	
	
	.tel_back {
	background: transparent url(tel-bg.jpg) no-repeat 400px 0;
	}
	
	.merch_back {
	background: transparent url(merch-bg.jpg) no-repeat 350px 0;
	}
	.presse_back {
	background: transparent url(presse-bg.jpg) no-repeat 250px 0;
	}	
	
	
TABLE.achat td {
border-bottom:2px silver dotted;
vertical-align:middle;
text-align:center;
}	
TABLE.achat th {
border-bottom:1px silver solid;
border-top :1px silver solid;
}	
TABLE.achat2 td {
border-bottom:2px silver dotted;
vertical-align:middle;
text-align:center;
}	
TABLE.achat2 th {
border-bottom:1px silver solid;
border-top :1px silver solid;
}	
TABLE.achat2 td {
padding-bottom:15px;
padding-top:15px;
}