body
{
margin: 0;
padding: 5px 0 5px 0;
background-color: #e4e4e4;
background: url('plastique.jpg');
}
		
#conteneur
{
text-align: center;
width: 770px;
margin: 0 auto;
background: #fff;
position: relative;

}

/*:::::::::::::::::::::  entete  ::::::::::::::::::::*/
#header {
background: #FF0000 url('header.jpg') no-repeat;
height: 67px;
padding: 0;
margin: 0;
border: 5px solid white;
}
		
#logo
{
float: left;
width: 400px;
height: 110px;
padding: 0;
margin: 30px 0px 0px 20px;
}

#illus
{
margin: 0;
padding: 0;
float: right;
width: 250px;
height: 150px;
background: url(illus.jpg) no-repeat right top;
}

		
/*:::::::::::::::::::::  Menu  ::::::::::::::::::::*/
.menu {
text-align: left;
background: #FF0000 ;
border-bottom: 5px solid white;
border-left: 5px solid white;
border-right: 5px solid white;
padding: 0;
margin: 0;
}
	
.menu ul {
font: 0.9em "verdana", arial, helvetica, sans-serif;
list-style-type: none;
padding: 4px 5px 5px 1em;
margin: 0;
}

.menu li {
display: inline;
padding: 0;
margin: 0;
text-align: center;
}

.menu .currentpage, a, a:hover{
color: white;
text-decoration: none;
padding: 0;
margin: 0;
}

.menu .nextpage a {
color: #FFCC66;
text-decoration: none;
padding: 0;
margin: 0;
}

.menu .nextpage a:hover{
color: white;
text-decoration: none;
padding: 0;
margin: 0;
}

.menu img{
border: none;
vertical-align:middle;
}
/*:::::::::::::::::::::  page_acceuil  ::::::::::::::::::::*/
/*..............  bandeau photo  ................*/
#bandimag {
background: #FF0000 ;
border-bottom: 5px solid white;
padding: 0;
margin: 0;
}
	
#bandimag img
{
float: left;
border-left: 5px solid white;
}

/*.............. blocs de texte  ................*/
/*
padding-top, padding-right , padding-bottom, padding-left
*/

#bandtext
{
font-family: "verdana", arial, helvetica, sans-serif;
clear: both;
margin: 0;
padding: 0;
}

#deuxtiers 
{
width: 550px;
float: left;
border-left: 5px solid white;
}

#deuxtiers h1
{
	display: block;
	padding: 20px 0 20px 0;
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	line-height: 25px;
	color: #FF0000;
	clear: both;
}

#deuxtiers img
{
float:right;
padding: 0;
margin: 0;
text-align: center;
}



#deuxtiers h2
{

display: block;
float:left;
width: 325px;
padding: 5px 0 5px 0;
margin: 0;

line-height: 22px;
text-align: right;

font-size: 18px;
font-weight:100; 
color: #FF0000;
}

#deuxtiers  p
{

display: block;
float:left;
width: 325px;

padding: 0;
margin: 0;

text-align: right;
font-size: 15px;
font-weight:100;
color: #333;
}



#deuxtiers hr
{
clear: both;
border: 0;
color: #000;
background-color: #FFF;
height: 0;
border: 0;
}

#untiers
{
width: 185px;
float: left;

text-align: center;
background-color: #FF0000;
padding: 10px 0 10px 0;
margin: 5px 0 5px 25px;

color: #FFFFFF;

font-weight: 100;
font-size: 13px;

}

#untiers img
{
text-align: center;
border :0;
}

#untiers .titreencart
{
	clear: both;
	display: block;
	padding: 5px 0 5px 0;
	margin: 0px 0 10px 0;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #666666;
}

#untiers p
{

	padding: 0 0 10px 0;
	margin: 0
}

#untiers a
{
clear: both;

display: block;
color: #FFFFFF;

font-weight: 100;
font-size: 13px;
	padding: 0;
	margin: 0
}

#newslettre
{
font-family: "verdana", arial, helvetica, sans-serif;
	padding: O;
	margin: 0;
}

#newslettre fieldset
{
clear: both;
font-weight: 100;
font-size: 13px;
padding: O;
margin: 5px;
}


#newslettre legend
{
margin: 0;
padding: 0;
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 14px;
color: #FF0000;
font-weight: 600;
}

#newslettre .blocnewslettre1
{
width: 240px;
float: left;
text-align:left;
}

#newslettre .blocnewslettre2
{
width: 240px;
float: left;
text-align: right;
}

/*
#untiers legend
{
color: #FFFFFF;

font-weight: 600;
font-size: 13px;
padding: 0;
margin: 2px;
}


.accpromoprix
{

font-size: 25px;
font-weight: 100;
}
*/


#image
{
text-align: right;
margin: 0;
padding: 0;
float: left;
width: 210px;
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 0.7em;
color: #666666;
line-height: 4px;
}

/*:::::::::::::::::::::  page_news  ::::::::::::::::::::*/


#textnews
{
width: 495px; 
float: left;
padding: 15px 10px 30px 30px;
margin: 0;
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
color: #232323;
text-align: justify;
}

/*
padding-top, padding-right , padding-bottom, padding-left
*/
#textnews .calendrier
{
color: #9b2;
}


#textnews .date
{
width: 50%; 
display: block;
padding: 5px 5px 10px 5px;
margin: 0;
text-align: justify;
font-size: 1em;
font-weight:100;
color: #666;
border: 1px solid #9b2;
}

#textnews a
{
color: #232323;
text-decoration:underline;
}

#textnews a:hover
{
color: #FF983A;
}

#textnews h1
{

}

#textnews .titrenews
{
display: block;
background:url(../images/titrenews.jpg) no-repeat;
height: 59px;
font-size: 13px;
font-weight:600; 
text-align: left;
color: #FF0000;
padding: 15px 2px 10px 60px ;
height: 30px;
}

#textnews ul
{
list-style-position: outside;
}

#textnews img
{
margin: 0;
padding: 0 10px 0 0;
float: left;
border :0;
}



/*:::::::::::::::::::::  page_produit  ::::::::::::::::::::*/

/*
padding-top, padding-right , padding-bottom, padding-left
*/
#bandeauprod
{
background: #FFF ;
padding: 0;
margin: 0;
}
	
#bandeauprod img
{
text-align: center;
border :0;
}

#introprod
{
margin: 0 auto;
width: 550px;
text-align: left;
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 15px;
color: #232323;
}

#introprod .menu {
text-align: left;
background: #CCC ;
border-bottom: 5px solid white;
padding: 0;
margin: 0;
}

#introprod .menu ul {
font: 15px "verdana", arial, helvetica, sans-serif;
list-style-type: none;
padding: 4px 5px 5px 1em;
margin: 0;
}

#introprod .menu li {
display: inline;
padding: 0;
margin: 0;
text-align: center;
}

#introprod .menu .currentpage, a, a:hover{
color: white;
text-decoration: none;
padding: 0;
margin: 0;
}

#introprod .menu .nextpage a {
	color: #333333;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#introprod .menu .nextpage a:hover{
color: white;
text-decoration: none;
padding: 0;
margin: 0;
}

#introprod .menu img{
border: none;
vertical-align : middle;
}

/*............Présentation..................*/

#introprod p
{
text-align: justify;
width: 450px;
margin : 10px auto 10px auto;
}

/*............Comparatif..................*/

#introprod table
{
font-size: 12px;
width: 450px;
margin:1em auto ;
text-align: center;
border-collapse:collapse;
}

#introprod caption {
caption-side:bottom;
}


#introprod thead {
background-color:#CCC;
}

#introprod th {
padding: 5px;
}

#introprod td {
border-bottom:1px dotted #CCC;
padding:5px;
}


.intitule 
{
text-align: left;
}

/*............Caracteristiques communes..................*/

#introprod dl
{
width: 450px;
margin:1em auto ;
}


#introprod dt
{
font-weight: 600;
}

#introprod li
{
list-style-type: circle;
}



/*:::::::::::::::::::::  page_SC  ::::::::::::::::::::*/
/*
padding-top, padding-right , padding-bottom, padding-left
*/
#sc
{
	width: 710px;
	padding : 5px 30px 30px 30px;
	margin: 0;
	font-family: "verdana", arial, helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
}

.intro
{

color: #666666;
font-weight:bold;
}




#sc img
{
border :0;
}
/*
.entete
{
display: block;
text-align: justify;
font-weight:100;
}*/

#right_sc
{
font-size: 14px;
width: 380px; 
float: right;
padding: 30px 0 0 0;
}


#right_sc h1
{

}




#right_sc p
{
text-align: justify;
font-size: 15px;
margin : 10px auto 10px auto;
}

#right_sc .tarif
{
display: block;
color: #000000;
text-align: center;
font-weight: 100;
font-size: 15px;
padding: 5px 0 10px 0;
margin: 0;
}

#right_sc .tarif a
{
color: #333333;
text-decoration:underline;
}

#right_sc .tarif a:hover
{
color: #FF983A;
}
/*
#rightprod .promo
{
display: block;
color: #FF0000;
text-align: center;
font-weight: 600;
font-size: 15px;
margin: 0;
padding: 8px 0 0 0;
background:url(../images/promoprod.jpg) no-repeat;
height: 75px;
}*/
#right_sc .commande
{
display: block;
text-align: center;
margin: 0;
padding: 5px 0 5px 0;
text-decoration: none ;
}

#left_sc
{
width: 310px;
float: left;
padding: 0;
margin: 0;
}

.sc100 
{
color: #cccc33;
font-weight: 600;
}

.sc200
{
color: #FF0000;
font-weight: 600;
}


#left_sc dl
{
background : #EFEFEF;
padding: 1em;
margin: 0;
}



#left_sc dt
{
text-align: center;
font-weight: bold;
font-size: 16px;
padding: 0;
margin: 0;
}

#left_sc dd img
{
border: 0;
}

#left_sc dd
{
text-align: left;
font-size: 13px;
font-weight: 600;
padding: 0;
margin: 0;
}



#left_sc dd ul
{
font-size: 13px;
font-weight: 100;
text-align: left;
list-style-type: circle;
padding: 5px 0 10px 1em;
list-style-position: outside;
}

#left_sc dd li
{
	color: #333333;
	padding: 0;
}

#left_sc a {
color: #000;
text-decoration: none;
}


#left_sc a:hover{
color: #FF983A;
text-decoration: none;
}

#left_sc img
{
margin: 0;
padding: 0;
border :0;
}

#sc hr{
clear: both;
border: 0;
color: #FFF;
background-color: #FFF;
height: 0;
border: 0;
}


#sc #image
{

width: 100%;
text-align: center;
clear: both;
padding:20px 0 10px 0;
}

#image .image1
{
float:right;
width: 350px; 
font-weight: 600;
font-size: 13px;
}

#image .image2
{
float:left;
width: 350px; 
}

.title a
{
display: block;
text-align: center;
font-weight: 600;
font-size: 13px;
padding:10px 0 10px 0;
color: #232323;
}

.title a:hover
{
color: #FF983A;
}

#sc .pied
{
display: block;
text-align: center;
color: #333;
clear: both;
}

#sc .puce a
{
font-weight: bold;
font-size: 13px;
color: #232323;
}
#sc .puce a:hover
{
color: #FF983A;
}

#sc .puce img
{
padding: 0 5px 0 0;
border :0;
}
/*:::::::::::::::::::::  mise a jour  ::::::::::::::::::::*/


#maj {
margin: 1em;
padding : 0;
text-align: center;
	font-family: "verdana", arial, helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	font-size: 15px;
	}
	
#maj p
{
margin : 10px auto 10px auto;
text-align: justify;
font-size: 15px;
width: 500px;
}

#maj .titretab {
text-align: center;
padding: 1em 0 0 0;
}

#maj table

{
border-collapse:collapse;
margin:1em auto ;
border: 1px solid #666666;
padding: 0.5em 0 3em 0;
font-size: 13px;
}


#introprod thead {
background-color:#CCC;
}

#maj th {
padding: 5px;

}

#maj td {
border: 1px solid #666666;
font-family:sans-serif;
padding:5px;
}

#maj a {
color: #000;
text-decoration: none;
}


#maj a:hover{
color: #FF983A;
text-decoration: none;
}

#maj img
{
margin: 0;
padding: 0;
border :0;
}


/*:::::::::::::::::::::  option  ::::::::::::::::::::*/
#option {
margin: 1em;
padding : 0;
text-align: center;
	font-family: "verdana", arial, helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	font-size: 15px;
	}


#opt p {
text-align: center;
	}
	

#opt dl
{
	float : left;
	border: 1px solid #666666;
	background-color: #FF0000;
	width: 220px;
	height: 380px;
	text-align: center;
	padding: 0 0 10px 0;
	margin: 0 0 1em 1em;
}

#opt dt
{
	font-weight: bold;
	font-size: 18px;
	background-color: #666666;
	color: #FFFFFF;
	padding: 5px 10px;
	margin-bottom: 10px;
}

#opt dd img
{
/*border: 1px solid #000;
width: 200px;
height: 200px;*/
border :0;
}

#opt dd
{
	color: #FFFFFF;
	margin: 0;
	padding: 0 10px 5px 10px;
	font-size: 85%;
}






/*:::::::::::::::::::::  societe  ::::::::::::::::::::*/


#texte
{
width: 495px; 
float: left;
padding: 15px 10px 30px 30px;
margin: 0;
text-align: justify;
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #232323;
}

/*
padding-top, padding-right , padding-bottom, padding-left
*/
#texte .calendrier
{
color: #9b2;
}


#texte .date
{
width: 50%; 
display: block;
padding: 5px 5px 10px 5px;
margin: 0;
font-family: "Georgia", serif, arial, helvetica, sans-serif;
text-align: justify;
font-size: 1em;
font-weight:100;
color: #666;
border: 1px solid #9b2;
}

#texte a
{
padding: 0;
font-size: 0.9em;
color: #333;
}


#texte h1
{
padding: 0 0 10px 0;
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 20px;
font-weight: 100;
font-style: oblique;
text-align: right;
line-height: 25px;
color: #FF0000;
border-bottom: 1px solid #FF0000;;
clear: both;
}

#texte h2
{
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 18px;
font-weight:100; 
text-align: left;
line-height: 25px;
color: #FF0000;
}

#texte ul
{
list-style-position: outside;
}

#texte img
{
margin: 0;
padding: 0 10px 0 0;
float: left;
border :0;
}

#texte hr
{
color: red;
background-color: red;
height: 1px;
border: 0;
}

/*:::::::::::::::::::::  conseil  ::::::::::::::::::::*/

#conseil
{
width: 495px; 
float: left;
padding: 15px 10px 30px 30px;
margin: 0;
text-align: justify;
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #232323;
}

/*
padding-top, padding-right , padding-bottom, padding-left
*/
#conseil p
{
text-align : center;
}

#conseil a
{
color: #333;
}

#conseil a:hover
{
color: #FF983A;
}

#conseil h1
{
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 20px;
font-weight:100; 
text-align: center;
color: #FF0000;
}

#conseil h2
{
padding: 0 0 10px 0;
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 20px;
font-weight: 100;
font-style: oblique;
text-align: right;
line-height: 25px;
color: #FF0000;
border-bottom: 1px solid #FF0000;
clear: both;
}


#conseil dl
{
float: left;
width: 45%;
height: 300px;
text-align: center;
border: 1px solid #FF0000;
padding: 5px;
margin: 5px;
}



#conseil dt
{
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 18px;
font-weight:100; 
line-height: 25px;
color: #FF0000;
padding: 0;
margin: 0;
}

#conseil dd img
{

border:0;
padding: 0;
margin: 0;
}

#conseil dd
{
text-align: center;
padding: 0;
margin: 0;
}


/*::::::::::::::::::::: ::::::::::::::::::::*/


#pub
{
float: right;
text-align: center;
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 0.9em;
padding: 30px 30px 30px 0;
margin: 0;
width: 200px;
color: #666;
line-height: 1.5em;
}

#pub hr
{
  border: none;
  border-top: 1px dashed gray;
  height: 0px;
  width: 80%;
}

#pub a
{
color: #666;
}

#pub img
{
border: 0;
margin: 0;
padding: 5px 5px 15px 5px;
}


/*:::::::::::::::::::::  ours  ::::::::::::::::::::*/

#ref
{

}

#signet
{
clear: both;
height: 16px;
padding: 0;
margin: 0;
border: 5px solid white;
background: #FF0000;
font-family: "verdana", arial, helvetica, sans-serif;
text-align: right;
font-size: 10px;
color: #FF983A;
}

#signet a 
{
padding: 0;
margin: 0;
color: #FF983A;
text-decoration: none;
}

#signet a:hover
{
padding: 0;
margin: 0;
color: white;
text-decoration: none;
}

#signet img
{
vertical-align: middle;
border :0;
}

/*________________formulaire___________________*/

.form {
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 12px;
font-weight:100;
	}

legend {	/*** Mise en forme des titres des cadres ***/
margin: 0 0 15px 0;
font-family: "verdana", arial, helvetica, sans-serif;
font-size: 14px;
color: #FF0000;
background: transparent;
font-weight: 600;
}

fieldset {	/*** Mise en forme des cadres ***/
padding: 0;
margin: 0 15px 0 15px ;
font-style: normal;
padding: 1em;
}

.row {
clear: both;	/*** Retour à la ligne obligatoire pour chaque ligne contenant un champ ***/
padding: 0;
margin: 0;
}


.titre {	/*** Mise en forme des intitulés de champs ***/
float: left;	/*** Très important, ne pas suprimer ! ***/
width: 20%;	/*** Les intitulés prennent la moitié de la largeur totale du formulaire... ***/
text-align: right;	/*** ... et ils sont alignés à droite ***/
margin: 0;
padding: 0 0.5em 0 0;
}
	
.champs {
float: right;	/*** Très important, ne pas suprimer ! ***/
text-align: left;
}

.bouton {
width: 80%;
text-align: left;	/*** ... et ils sont alignés à droite ***/
margin: 0;
padding: 15px 0 0 0;
float: right;
}


textarea {
font-size: 1em; 
color: #006699; 
font-family: "verdana", arial, helvetica, sans-serif;
background-color: #fff;
color: #000000;
border:1px solid #006699;
}

select {
border:1px solid #006699;
background-color: #fff;
font-family: "verdana", arial, helvetica, sans-serif;
color: #006699;
text-align: center
}

/*________________erreur formulaire___________________*/
.accroche {
font-family: "verdana", arial, helvetica, sans-serif;
text-align: left;
font-size: 1.1em;
font-weight:100;
color: #990D66;
padding: 15px 10px 30px 30px;
display: block;
}

.accroche a{
padding: 0;
color: #990D66;
}