body{
	color:#444;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	background:#ccc url(images/fond_page.jpg) top center repeat-y;
/*	background-color:#fff;*/
	margin:0 auto;
	padding:0;
	font-size:0.75em;
}

h1{
	background-color:transparent;
	color:#3366cc;
	border-bottom:4px solid #AAC2F8;
	font-size:1.7em;
	margin:0px 0px 10px 0px;
	padding:0px 0px 3px 0px;
}

h2{
	background-color:transparent;
	color:#3366cc;
	border-bottom:1px solid #dadada;
	font-size:1.3em;
	margin-left:20px;
}

h3{
	background-color:transparent;
	color:#3366cc;
	font-size:1em;
	font-weight:bold;
	margin-left:20px;
}


a{
	background-color:transparent;
	text-decoration:underline;
	color:#3366cc;
	font-weight:bold;
}

a:hover{
	background-color:transparent;
	text-decoration:underline;
	color:#ffcc00;
}

a img{border:0;}

p{margin:0 0 18px 20px;}

ul,ol,dl{margin:2px 0 16px 0px;}

ul ul,ol ol{margin:4px 0 4px 35px;}

#header_out{
	background-color:transparent;
	color:#555;
	width:760px;
	margin:10px auto;
	padding:0px;
}

#header{
	margin:0px 0px 20px 0px;
	padding:0px;
/*	background-color:#090F4F;*/
	height:100px;
	text-align:left;
}

#header #logo{
	margin:0px;
	padding:0px;
/*	display:none;*/
	width:760px;
}


#contenu{
	float: right;
	width:500px;
	margin:0px;
	padding:0px;
/*	background-image:url(images/fond.gif);*/
	line-height:1.5em;
}

#chemin
{
	margin-bottom:10px;
	border:thin solid #AAC2F8;
	background-color:#EEF6FC;
	padding:5px;

}

#footer
{
	background-color:transparent;
	clear:both;
	text-align:right;
	color:#808080;
	font-size:0.9em;
	border-top:4px solid #dadada;
	margin:0 auto;
	padding:8px 0;
	line-height:1.6em;	
}

.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.textleft{text-align:left;}
.textcenter{text-align:center;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}
.center{text-align:center;}
.blue{background-color:transparent;color:#3366cc;}
.red{background-color:transparent;color:#FF0000;}
.yellow{background-color:transparent;color:#ffcc00;}
.green{color:#00591C;}
.lightgreen{color:#66CC33;}
.gray{background-color:transparent;color:#808080;}
.big{font-size:1.2em;}
.normal{font-size:1.0em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.clear{clear:both;}
.hide{display:none;}
table.tableborder{margin-left:20px;}
table{margin-left:20px;}
.tableborder{border:2px solid #AAC2F8;}
.tableborder tr{border:1px solid #AAC2F8;}
.tableborder td{border:1px solid #AAC2F8;}
.tableborder th{border:0px solid #AAC2F8;background-color:#EEF6FC;color:#3366cc;}

.photo_border
{
	background-color:transparent;
	border:1px solid #bababa;
	padding:0px;
	background-color:#ffffff;
	margin:6px 18px 2px 5px;
}

.photo{
	background-color:transparent;
	padding:0px;
	background-color:#ffffff;
	margin:6px 18px 2px 5px;
}

.photo_left{
	background-color:transparent;
	padding:0px;
	background-color:#ffffff;
	margin:6px 18px 2px 5px;
}

.photo_right{
	background-color:transparent;
	padding:0px;
	background-color:#ffffff;
	margin:6px 5px 2px 18px;
}

.photo100pixels
{
	width:100px;
}

#contenu .box{
	border:1px solid #dadada;
	margin:20px 10px;
	padding:8px;
/*	background-color:#d6e0f9;*/
}


p.quotes {
	background-color:transparent;
	margin: 30px 0px 30px 30px;
	padding: 10px 0px 0px 20px;
	background: transparent url(images/quotes.gif) no-repeat scroll left top;
	font-size: 1.2em; line-height: 1.5em; color: rgb(102, 102, 102);
}

p.fleche {
	background-color:transparent;
	margin: 30px 0px 30px 30px;
	padding: 10px 0px 0px 50px;
	background: transparent url(images/fleche_1.gif) no-repeat scroll left center;
	font-size: 1.2em; line-height: 1.5em; color: rgb(102, 102, 102);
}




blockquote.quotes {
	background-color:#FFAAAA;
	border: 1px solid #FFAAAA;
	margin: 30px 0px 30px 30px;
	padding: 10px 0px 0px 20px;
	background: transparent url(images/quotes.gif) no-repeat scroll left top;
	font-size: 1.2em; line-height: 1.5em; color: rgb(102, 102, 102);
}

blockquote.fleche {
	background-color:#FFAAAA;
	border: 1px solid #FFAAAA;
	margin: 30px 0px 30px 30px;
	padding: 10px 0px 0px 50px;
	background: transparent url(images/fleche_1.gif) no-repeat scroll left center;
	font-size: 1.2em; line-height: 1.5em; color: rgb(102, 102, 102);
}



/*
.news .texte blockquote {
	background-color:transparent;
	margin: 0px 0px 0px 30px;
	padding: 10px 0px 0px 20px;
	background: transparent url(images/quotes2.gif) no-repeat scroll left top;
	font-size: 1.2em; line-height: 1.5em; color: rgb(102, 102, 102);
}
*/

blockquote p{
	margin:0px 0px 10px 0px;
	padding:0px;
}

#menu{
	float:left;
	width:235px;
	padding:1px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}

#menu ul{
	font-size:0.9em;
	padding:0px 0px 15px 30px;
	margin:0px;
}

#menu li{

	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:1.2em;
}

#menu li a{
	font-size:1em;
	font-weight:normal;
	padding:2px;
	color:#090F4F;
	text-decoration:none;
}

#menu li a:hover{
	text-decoration:underline;
}

#menu ul ul{
	margin:4px 0px 3px 15px;
	line-height:1.2em;
	padding:0px;
}

#menu ul ul li a{
	font-weight:normal;
}

#menu .box_blue
{
	margin-bottom:10px;
}
#menu .box_pink
{
	margin-bottom:10px;
}
#menu .box_green
{
	margin-bottom:10px;
}
#menu .box_red
{
	margin-bottom:10px;
}
#menu .box_yellow
{
	margin-bottom:10px;
}



/*
===========================================================
Boite bleue
===========================================================
*/
#menu .box_blue .title h1
{
color:#fff;
margin:0px;
padding-left:10px;
border:0;
font-size:1.4em;
font-weight:bold;
}

#menu .box_blue .top{
background: #090F4F url(images/box_blue_top.jpg) no-repeat;
width:230px;
height:11px;
margin:0px;
padding:0px;
}

#menu .box_blue .title
{
width:230px;
background-color:#090F4F;
color:#fff;
}


#menu .box_blue .contenu
{
background-color: #AAC2F8;
width:230px;
color: #090F4F;
}

#menu .box_blue .middle{
background: #AAC2F8 url(images/box_blue_middle.jpg) no-repeat;
width:230px;
height:11px;
}

#menu .box_blue .bottom{
background: #fff url(images/box_blue_bottom.jpg) no-repeat;
width:230px;
height:11px;
}

#menu .box_blue li a{
	font-size:1em;
	font-weight:normal;
	padding:2px;
	color:#090F4F;
}

/*
===========================================================
Boite rose
===========================================================
*/
#menu .box_pink .title h1
{
color:#fff;
margin:0px;
padding-left:10px;
border:0;
font-size:1.4em;
font-weight:bold;
}

#menu .box_pink .top{
background: #FF0052 url(images/box_pink_top.jpg) no-repeat;
width:230px;
height:11px;
margin:0px;
padding:0px;
}

#menu .box_pink .title
{
width:230px;
background-color:#FF0052;
color:#fff;
margin:0px;
padding:0px;
}


#menu .box_pink .contenu
{
/*background-color: #FFBDC1;*/
background-color:#ffdde0;
width:230px;
color: #FF0052;
margin:0px;
padding:0px;
}

#menu .box_pink .middle{
background: #ffdde0 url(images/box_pink_middle.jpg) no-repeat;
width:230px;
height:11px;
margin:0px;
padding:0px;
}

#menu .box_pink .bottom{
background: #fff url(images/box_pink_bottom.jpg) no-repeat;
width:230px;
height:11px;
}

#menu .box_pink li a{
	font-size:1em;
	font-weight:normal;
	padding:2px;
	color:#FF0052;
}

/*
===========================================================
Boite verte
===========================================================
*/
#menu .box_green .title h1
{
color:#fff;
margin:0px;
padding-left:10px;
border:0;
font-size:1.4em;
font-weight:bold;
}

#menu .box_green .top{
background: #00591C url(images/box_green_top.jpg) no-repeat;
width:230px;
height:11px;
margin:0px;
padding:0px;
}

#menu .box_green .title
{
width:230px;
background-color:#00591C;
color:#fff;
}

#menu .box_green .title a
{
color:#fff;
}

#menu .box_green .contenu
{
background-color: #00591C;
width:230px;
color: #00591C;
display:none;
}

#menu .box_green .middle{
background-color: #00591C;
width:230px;
height:11px;
display:none;
}

#menu .box_green .bottom{
background: #fff url(images/box_green_bottom.jpg) no-repeat;
width:230px;
height:11px;
}

#menu .box_green li a{
	font-size:1em;
	font-weight:normal;
	padding:2px;
	color:#FF0052;
}

/*
===========================================================
Boite rouge
===========================================================
*/
#menu .box_red .title h1
{
color:#fff;
margin:0px;
padding-left:10px;
border:0;
font-size:1.4em;
font-weight:bold;
}

#menu .box_red .top{
background: #E40000 url(images/box_red_top.jpg) no-repeat;
width:230px;
height:11px;
margin:0px;
padding:0px;
}

#menu .box_red .title
{
width:230px;
background-color:#E40000;
color:#fff;
}

#menu .box_red .title a{color:#fff;}

#menu .box_red .contenu
{
background-color: #ffdde0;
width:230px;
color: #E40000;
}

#menu .box_red .middle{
background: #ffdde0 url(images/box_red_middle.jpg) no-repeat;
width:230px;
height:11px;
}


#menu .box_red .bottom{
background: #fff url(images/box_red_bottom.jpg) no-repeat;
width:230px;
height:11px;
}

#menu .box_red li a{
	font-size:1em;
	font-weight:normal;
	padding:2px;
	color:#E40000;
}

/*
===========================================================
Boite jaune
===========================================================
*/
#menu .box_yellow .title h1
{
color:#fff;
margin:0px;
padding-left:10px;
border:0;
font-size:1.4em;
font-weight:bold;
}

#menu .box_yellow .top{
background: #552800 url(images/box_yellow_top.jpg) no-repeat;
width:230px;
height:11px;
margin:0px;
padding:0px;
}

#menu .box_yellow .title
{
width:230px;
background-color:#552800;
color:#fff;
}


#menu .box_yellow .contenu
{
/*background-color: #FBFFB9;*/
background-color:#fee5ce;
width:230px;
color: #552800;
}

#menu .box_yellow .middle{
background: #fee5ce url(images/box_yellow_middle.jpg) no-repeat;
width:230px;
height:11px;
}

#menu .box_yellow .bottom{
background: #fff url(images/box_yellow_bottom.jpg) no-repeat;
width:230px;
height:11px;
}

#menu .box_yellow li a{
	font-size:1em;
	font-weight:normal;
	padding:2px;
	color:#FFC900;
}

/*
===========================================================
Boite news
===========================================================
*/

div.news
{
	border:thin solid #AAC2F8;
	/*background-color:#EEF6FC;*/
	margin-top:22px;
	padding:10px;
}

div.news .titre
{
	font-size:1.2em;
/*	margin-top: 22px;*/
	font-weight:bold;
	color:#3366cc;
}

div.news .texte
{
	font-size:1.0em;
	margin-left:10px;
	margin-top:5px;
}

div.news .options
{
	float:right;
	margin:10px;
}


#menu .box_blue li a
{
	color:#090F4F;
}
#menu .box_pink li a
{
	color:#FF0052;
}

#menu .box_green li a
{
	color:#090F4F;
}
#menu .box_red li a
{
	color:#e40000;
}
#menu .box_yellow li a
{
	color:#552800;
}

.produit
{
	border:1px solid #EEE;
	width:100%;
	margin: 0px 0px 10px 0px;
}

.produit .photo
{
	float:left;
	width:100px;
	/*border:0;*/
	/*height:100px;*/
}

.produit .photo img
{
	width:100px;
	margin:0px;
	padding:0px;
}

.produit .photo a
{
	margin:0px;
	padding:0px;
	border:0px;
}

.produit .photo a img
{
	margin:0px;
	padding:0px;
	border:0px;
}

.produit .nom
{
	font-size:1.3em;
	font-weight:bold;
	margin:0.5em;
}

.produit .descriptif{margin-top:0.2em;}

.produit .prix_normal
{
	font-family:helvetica;
	float:right;
	margin:10px;
	font-size:1.2em;
}

.produit .prix_membres
{
	font-family:helvetica;
	float:right;
	font-size:2em;
	font-weight:bold;
	height:1.2em;
	color:#FF0000;
}

.produit .options
{
	text-align:right;
}
/*
form label
{
	font-weight:bold;
	font-size:1em;
	display: inline;
	float: left;
	width: 150px;
	text-align: right;
	padding-right:10px;
}
*/
form label
{
	display:block;
	float:none;
	width:100%;
	margin:10px 0px 0px 0px;
	text-align:left;
	font-weight:bold;
	font-size:1em;
}

p.warning:before	
{
	content:"Warning : ";
	font-weight:bold;	
}	

p.warning
{
	border:1px solid #FF8000;
	background-color:#F9D5AF;
	color:#FF8000;
}


p.error:before	
{
	content:"Error : ";
	font-weight:bold;	
}	

p.error
{
	border:1px solid #FF0000;
	background-color:#F9D9D9;
	color:#FF0000;
}

p.notice:before	
{
	content:"Note : ";
	font-weight:bold;	
}	

p.notice
{
	border:1px solid #008000;
	background-color:#BDFCB1;
	color:#008000;
}

div.autresinfos h1
{
	background-color:transparent;
	color:#3366cc;
	border-bottom:1px solid #dadada;
	font-size:1.5em;	
}

div.autresinfos
{
	margin:10px;
	padding:10px;
	border:thin solid #AAC2F8;
	background-color:#EEF6FC;
}

div.autresinfos a:before
{
	content:"Link : ";
}

a.pdf:before
{
	content:"PDF : ";
}