/* 
Jaune : #F9E606;
Orange : #F15A24;
Bleu : #0071BC
Vert : #009245
Violet : #662D91
*/

body {
	background:#F9E606;
	width:100%;	
	margin:0;
}
/* style des div principales*/
#global{
	margin:0;
	margin-left: auto; 
	margin-right: auto; 
	width:995px;  
	text-align: center; /* pour corriger le bug de centrage IE */
	background:#F9E606 url(images/centrese/fond.jpg) repeat-y 0 0;
}
#popup{
	margin:0;
	margin-left: auto; 
	margin-right: auto; 
	width:495px;  
	text-align: center; /* pour corriger le bug de centrage IE */
	background:#F9E606 url(images/centrese/fond.jpg) repeat-y 0 0;
}
#header {
	height:165px;
	background:#F9E606 url(images/centrese/header.jpg) no-repeat 0 0;
}
#header .ville{
  float:left;
  margin-top:170px;
  font-size:24px;
  color:#0071BC;
}
#menuOnglet{
	float:right;
	width:600px;
	height:55px;
	margin-right:25px;
}
#container{
  width:940px;
	margin:0;
	margin-left: auto; 
	margin-right: auto; 
	min-height:570px;
	clear:both;
}
#colonneGauche {
	width: 210px;
	float:left;	
}
#menuLateral{	
	padding:0 5px;
	width: 184px;
	margin: -5px 5px 5px 5px;
	padding-top: 10px;
}
#colonneDroite {
	width: 180px;
	float:right;	
	margin-right:15px;
	padding-top:20px;
}
#pathway{
  margin-top:7px;
  font-size:10px;
}
#contenu1 {
  background : url('images/centrese/feuillefond.png') repeat-y;
  min-height: 564px;
  width: 510px;
  margin-left:220px;
}
#contenu2 {
  background : url('images/centrese/feuillefond_1.png') no-repeat 0 0;
  min-height: 564px;
}
#contenu3 {
  font-family: Verdana, Arial, Geneva, sans-serif;
  background : url('images/centrese/feuillefond_2.png') no-repeat bottom left;
  min-height: 564px;
  padding: 10px 49px 30px 25px;
  text-align: left;
}
#footer{
	margin:0;
	width: 996px; 
	height: 54px;
	background: url('images/centrese/footer.jpg') repeat-x;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
}

span.gros{
  font-size: 16px;
	font-weight: bold;
	letter-spacing:1px;
}
/*--------------------------------*/
/*-------------menus--------------*/
/*--------------------------------*/
#menuLateral ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#menuLateral ul li {	
	border:1px solid #F15A24;
  background-color:#F9F20B;	
  margin-top:5px;
}
#menuLateral ul li:hover, #menuLateral ul li.lienActif {	
	border:1px solid #F9F20B;
  background-color:#F15A24;	
  margin-top:5px;
}
#menuLateral ul li a{	
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#menuLateral ul ul li.niveau2{	
	border:0;
  background-color:transparent;	
  margin-top:5px;
  text-align:left;
}

/*--------------------------------*/
#menuOnglet ul{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}

#menuOnglet ul li{
	text-decoration:none;
	text-align:center;
	float:left;
	display:block;
}

#menuOnglet ul li.niveau1{
	width:118px;
	height:46px;
  background:url(images/centrese/onglets_09.png) 0 0;
}
#menuOnglet ul li.type2{
  background:url(images/centrese/onglets_10.png) 0 0;
}
#menuOnglet ul li.type3{
  background:url(images/centrese/onglets_11.png) 0 0;
}
#menuOnglet ul li.type4{
  background:url(images/centrese/onglets_12.png) 0 0;
}
#menuOnglet ul li.type5{
  background:url(images/centrese/onglets_13.png) 0 0;
}
#menuOnglet ul li.niveau1:hover, #menuOnglet ul li.lienActif{
	width:118px;
	height:55px;
  background:url(images/centrese/ongleto_09.png) 0 0;
}
#menuOnglet ul li.type2:hover, #menuOnglet ul li.type2.lienActif{
  background:url(images/centrese/ongleto_10.png) 0 0;
}
#menuOnglet ul li.type3:hover, #menuOnglet ul li.type3.lienActif{
  background:url(images/centrese/ongleto_11.png) 0 0;
}
#menuOnglet ul li.type4:hover, #menuOnglet ul li.type4.lienActif{
  background:url(images/centrese/ongleto_12.png) 0 0;
}
#menuOnglet ul li.type5:hover, #menuOnglet ul li.type5.lienActif{
  background:url(images/centrese/ongleto_13.png) 0 0;
}

#menuOnglet ul li.niveau1 a{	
	text-transform: uppercase;
	color:white;
	display:block;
	line-height:1em; 
	padding: 10px 0 0 0;
	margin:4px 4px 0 4px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

a{
  color: #0072b6;
}
a:hover{
  text-decoration:none;
  color: #0072b6;
}


/*----footer----*/
#footer ul{
  clear:both;
	list-style:0;
	padding:3px 0 0 0;
	margin:0 0 0 22px;
}
#footer li{
	float:left;
	display:block;
	padding:0;
	width:149px;
	text-align:center;
}
#footer li a{
  font-size:12px;
	color:white;
	text-decoration:none;
	font-weight:bold;
}

/*-------------------------------*/
/*---------fin menus-------------*/
/*-------------------------------*/
.bloc-contact {
	width: 185px;
	margin:-8px 0 0 -2px;
	padding: 0;
	text-align:left;
}
.bloc-actualites {
	width: 165px;
	background-color: transparent;
	background-image: url(images/centrese/bloc-actualites.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	margin: -5px 5px 0 0;
	padding: 10px 25px 0 20px;
	height:230px;
	text-align:left;
}
.bloc-actualites a.titre{
	font-size:13px;
  color:#F15A24;
  font-weight:bold;
  text-decoration:none;
  line-height:13px;
  display:block;
  text-align:left;
}
.bloc-actualites p{
	font-size:11px;
	margin:10px 0 5px 0;
	line-height:12px;
  text-align:justify;
}
.bloc-actualites a{
	font-size:11px;
  color:#F15A24;
  display:block;
  text-align:right;
}
#colonneDroite a img.picto{
	float:left;
	border:0;	
	margin-right:9px;
	display:block;
}

#colonneDroite #carte{
	width:171px;
	height:230px;
  background: transparent url(images/centrese/bloc-carte.png) no-repeat 0 0;
}

#colonneDroite #partenaires{
	width:171px;
	height:245px;
  background: transparent url(images/centrese/bloc-partenaires.png) no-repeat 0 0;
}

.bloc {	
	padding:5px;
	width: 184px;
	background-color: transparent;
	background-image: url(images/centrese/sc_seperator_horiz.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 10px;
}


table.liens h2{
  margin:0;
}
table.liens tr{
  border-bottom:1px solid #CCC;
}
div.image img{
  border:0;
  padding:0 10px 0 0px;
}



div .cellule{
	height:144px;
	width:168px;
	float:left;
	margin:5px;
	
	font-family: Arial,Helvetica,sans-serif;
	line-height: 140%;
	font-size: 12px;
	color: #333333;

	border:1px solid #cccccc;
	background-color: #ffffff;
}
div .cellule .top{
	
	height:120px;
}

div .cellule img{
	display:block;
	margin:0 auto;
	border:none;
}

div .cellule img.defaut{
	width:118px;
	height:120px;
	margin:0 auto;
	border:none;
}

div .cellule .bottom{

	text-align:center;
	
	font-size: 10px;
	color: #000000;
	background-color: #dcdede;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

div .cellule .bottom a:hover{
	color: #a1ca2e;
	text-decoration: none;
	font-weight: bold;
}

.ligneItem{
	height:130px;
	margin-top:20px;
}
.ligneItem .img{
	float:left;
}
.ligneItem .text{
	margin-left:150px;
}


#ficheProduit h3{
	float:right;
	padding:10px;
	width:160px;
	
}

#ficheProduit{
	margin-top:70px;
}

#ficheProduit table td{
	border-top:1px dashed #cccccc;
	border-left:1px dashed #cccccc;
	padding:15px 20px;
}
#ficheProduit table {
	border-right:1px dashed #cccccc;
	border-bottom:1px dashed #cccccc;
	
}






 /*les drapeaux en haut à droite*/
#flag{
	float:right;
	margin:7px 5px 0 0;
	height:15px;
}

#flag img{
	border:none;
	
}


/*sert pour les formulaires pas bien remplis, met en évidence le champ vide*/
table.formulaire{
  border-collapse:collapse;
	border:1px dashed #cccccc;
	padding:0;
	margin:10px 0;
}
table.formulaire tr td{
  font-size:9px;
  line-height:12px;
	padding:5px 0;
	margin:0;
	width:15%;
	text-align:center;
	border:1px dashed #cccccc;
}

.focus {
 	background-color: #cccccc;
}

.message{
  font-size:10px;
  color:#0072B6;
  text-align:left;
}

table{
 
}
th{
 
}

#actus{
 
}
#actualites{
  
}

#scroller{
 
}

h3{
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: #0072b6;
  line-height: 18px;
  margin-top: 5px 0;
}

hr{
	background-color: #cccccc;
	height: 1px;
	border-width: 1px;
	border-style:solid;
	border-color:#cccccc;
	
}

h4{
	font-family: Arial,Helvetica,sans-serif;
	padding:0;
	font-size: 14px;
	font-weight: bold;
	color: #719500;
}



/*liste des catégories du catalogue*/


td.buttonheading img{
padding-left: 5px;
border:0;
}
div.mosimage_caption {
  font-size: 10px;
  color: #000;
  background-color:#DCDEDE;
  padding: 5px;
}
.mosimage {
  border: 1px solid #cccccc;
  background-color:#FFF;
}

/*Pagination des numéro de pages*/

.pagination {
font:12px Arial, Helvetica, sans-serif;
margin:40px 0;
text-align:center
}

.pagination a {
background:#fff;
border:1px solid #06c;
color:#06c;
margin:2px;
padding:.2em .4em;
text-decoration:none
}

.pagination a:hover {
background:#fff;
border:1px solid #bd88fe;
color:#bd88fe
}

.pagination span.inactive {
background:#fff;
border:1px solid #f0f0ff;
color:#f0f0ff;
margin:2px;
padding:.2em .4em
}

.pagination span.active {
background:#f4ebff;
border:1px solid #bd88fe;
color:#bd88fe;
font-weight:700;
margin:2px;
padding:.2em .4em
}

h1{
  font-size:20px;
  color: #662D91
}
h2{
  font-size:16px;
  color: #009245
}
h3{
  font-size:14px;
  font-weight:bold;
  color: #0071BC
}

hr.clear{
	clear:both;
	visibility:hidden;
}

#contenu p, div{	
	font-family: Arial,Helvetica,sans-serif;
	line-height: 140%;
	font-size: 12px;
	color: #333333;
}


.slideshow { height: 132px; width: 132px; margin: auto }