/* ////////////////global//////////////// */

body,td,th, div{
	color:#666666;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
body {
	background-color: #003366;
	margin: 10px;
}
a {
	color:#006633;
}
a:hover {
	color:#CC3300;
}
h1 {
	font-size: 14px;
	font-weight: bold;
	color:#006633;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	color:#006633;
}
h3 {
	font-size: 10px;
	font-weight: bold;
}
p{
	padding-bottom:5px;
	margin:0;
	}

.specialp{
	padding-bottom:0px;
	margin:0;
	}	
	
.specialli{
	margin-left:50px;
	margin-bottom:10px;
	}

.specialul{
	margin:0 0 0 0;
	padding-bottom:0 0 0 0;
	}

.cleaner{
	clear:both;
	line-height:1px;
}


/* ////////////////structure de la page//////////////// */

#all{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}
#header{
	background:transparent;
}

#container{
	float:left;
	padding:25px;
	background-color:#FFFFFF;
}

#left{
	width:177px;
	margin:0;
	float:left;
	text-align:left;
	background:transparent;
}
#center{
	width:504px;
	margin-left:25px;
	float:left;
	text-align:left;
	background:transparent;
}
#center #presentation{
	/*margin-top:20px;*/
	font-size:12px;
	text-align:justify;
}

#right{
	width:170px;
	margin-left:25px;
	float:left;
	text-align:center;
	background:transparent;
}


#footer{
	padding:20px 10px 10px 10px;
	background-image: url(IMG/squelettes/bgFooter.gif);
	background-repeat:repeat-x;
	text-align:center;
	background-color:#003366;
}

/* ///////////////menu haut///////////////*/
#header #menuHaut{
	background-image:url(IMG/squelettes/bgMenuHaut.jpg);
	background-repeat:repeat-x;
	background-color:#009F79;
	background-position:bottom;
	padding:5px 25px 10px 25px;
	text-align:right;
}
#header #menuHaut a{
	margin:0px 0px 0px 20px;
	color:#FFFFFF;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
#header #menuHaut a:hover{
	margin:0px 0px 0px 20px;
	color:#66FF66;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
#header img{
	border:0;
}
/* ///////////////menu gauche///////////////*/
#left img{
	border:0;
	margin-bottom:15px;
}
.rubTitre{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background-image:url(IMG/squelettes/titreItem.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:3px;
}
.rubTitre a, .rubTitre a:hover{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}

div#left ul{
	padding: 0;
	width: 170px;
	margin:0;
}
/*On positionne les elements du menu */
div#left ul li {
	position:relative;
	list-style: none; /*on enleve les icones de liste */
}

/*div#left ul ul {
	position: absolute;
	top: -1px;
	left: 150px; /*170px correspond au décalage a droite, on décale de la taille du ul de base*/
	/*background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	width: 170px;
	margin:0;
}/*

div#left li a {
	text-decoration: none; /* plus de soulignement pour les liens */
} 

					 
/* fichier pour internet explorer */
body {
	behavior: url("csshover.htc");
}

/* On cache tous les sous menu avec la propriété display none */
div#left ul ul {
	position: absolute;
	top: -1px;
	left: 132px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	width: 170px;
	display:none;
}

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#left ul.niveau1 li.sousmenu:hover ul.niveau2 {
	display:block;
	width:300px;
	margin-left:37px;
	margin-top: 5px;
}

/*pour les rendre plus joili*/
div#left ul.niveau1 li.sousmenu{
	background-image:url(IMG/squelettes/bgMenu5.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding: 5px 0 8px 25px;
	font-weight:bold;
}
div#left ul.niveau1 li.sousmenu ul.niveau2 li{
	padding: 2px 0px 5px 12px;
}
div#left ul.niveau1 li.sousmenu ul.niveau2 li a{
	text-decoration: none;
	font-weight:100;
	color:#666666;
}
div#left ul.niveau1 li.sousmenu ul.niveau2 li a:hover{
	text-decoration: none;
	font-weight:100;
	color:#CC3300;
}
/* ///////////fil d'arien/////// */

#filArien{
	padding-top: 2px;
	padding-bottom: 10px;
}

/* ///////////Nouveaute/////// */

#boxNouveaute{
	margin-top:20px;
	background:#F5F5F5;
	border:1px solid #F5F5F5;
}
#boxNouveaute img, .spip_logos, #boxNouveaute a img{
	border:0;
}
/* ///////////categorie/////// */

#descrub{
	width:350px;
	margin-left:40px;
	margin-top:10px;
}

.cateBox{
	margin-top:20px;
	padding: 20px; 
	float:left;
	background:#F5F5F5;
}
.cateBox .cateBoxPic{
	float:left;
	width:140px;
	text-align:center;
}
.cateBox .cateBoxPic img{
	border:1px solid #B8DACC;
	padding:2px;
}
.cateBox .cateBoxDes{
	float:right;
	width:300px;
}

.cateDetail{
	background:#F5F5F5;
	padding: 10px 20px 20px 20px; 
	z-index:8;
}


div #detailPic {
text-align:center;
}

.cateDetail table.spip{
	border:1px solid #B8DACC;
}
.cateDetail table.spip td, .cateDetail table.spip th{
	border:1px solid #B8DACC;
	text-align: center;
}
.cateDetail table.spip th{
	font-weight:bold;
}


/* formulaire de recherche */
/*div.formulaire_recherche, div.formulaire_spip{
	background-image:url(IMG/squelettes/bgRecherche.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:20px;
	margin:0px 0px 20px 0px;
	padding:0;
}*/
div.formulaire_recherche, div.formulaire_spip{
	margin:0px 0px 20px 0px;
}
div.formulaire_recherche form{
	padding:0;
	margin:0;
	text-align:center;
}
div.formulaire_recherche label{
	display:none;
	height:1px;
}
/*div.formulaire_recherche input[type=text]{
	margin:1px 0px 0px 20px;
	padding-top:1px;
	width:120px;
	height:12px;
	border:none;
	color:#FFFFFF;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}*/
div.formulaire_recherche input[type=text]{
	margin:10px 0px 0px 0px;
	height:12px;
	border:1px solid #CCCCCC;
	color:#FFFFFF;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
div.formulaire_recherche input[type=submit]{
	color:#666666;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	border:solid 1px #666666;
}

/* #rechContainer{
	background-image:url(IMG/squelettes/bgRecherche.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:20px;
	margin:8px 0px 15px 0px;
	padding:0;
}
#rechContainer .formRech{
	margin:0px 0px 0px 20px;
	padding:0;
	width:120px;
	height:13px;
	background:none;
	border:none;
	color:#FFFFFF;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}
.sub{
	margin:0;
	padding:0;
	width:30px;
	height:16px;
	background:none;
	border:none;
	color:#FFFFFF;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}
*/

/* formulaire de contact */
.textRed{
color:#FF6600;
}
#contactR{
float:right;
width:300px;
}
#contactL{
float:left;
width:130px;
font-weight:bold;
text-align:right;
}

#contactR2{
float:left;
padding-right:20px;
width:5px;
height:50px;
}
#contactL2{
float:left;
width:200px;
font-weight:bold;
text-align:right;
}

#contactL {
padding:3px;
}
#contactR {
padding:3px;
}
#contactR a{
width:50px;
padding:2px;
text-align:center;
text-decoration:none;
display:block;
font-weight:bold;
float: left;
margin-right:20px;
border: double #009933;
}
#contactR a:hover{
width:50px;
padding:2px;
text-decoration:none;
text-align:center;
float: left;
margin-right:20px;
font-weight:bold;
display:block;
border: double #CCCCCC;
}
input {
color:#666666;
font:10px Verdana, Arial, Helvetica, sans-serif;
}
.TextField {
width:250px;
}

.radioField{
vertical-align:text-top;
}

textarea {
color:#666666;
font:10px Verdana, Arial, Helvetica, sans-serif;
width:250px;
height:100px;
}
select {
color:#666666;
font:10px Verdana, Arial, Helvetica, sans-serif;
width:255px;
}


/* ///////////footer/////// */

#coorPied{
	width:740px;
	margin-left: auto;
	margin-right: auto;
	color:#66FFCC;
}

/* ///////////////spip//////////////// */

.spip_documents_center{
text-align:center;
}

/*////////////////autre///////////////*/

#tabPartenaire{
	padding:5px;
	background-image:url(IMG/squelettes/produits2.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

#tabPartenaire img{
margin-top:15px;
border:none;
text-decoration:none;
}

.spip_documents img{
border:none;
}
.centrer{
text-align:center;
}