﻿body {
	background: #E7E7E2 url('images/body.jpg') no-repeat center top;
	color: #333333;
	padding-top: 45px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
td, th {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #333333;}
a {color: #2399E5;font-weight: bold;}
a:hover {color: #00CCFF;text-align: left;}
p {line-height: 120%;}
.intro {line-height: 130%;font-size: 1.2em;color:#000}
ol {list-style-type: decimal;}
ul { margin: 0; padding : 0; list-style: none; }
hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }

h1 {border-bottom: thin dashed #666666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.8em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
h2 {font-family: Tahoma, Geneva, sans-serif;font-size: 1.3em;font-weight: bold;}
h3 {font-family: Arial, Helvetica, sans-serif;font-size: 1em;font-weight: bold;}
img {padding: 0px 5px;}
.ad {padding: 5px 0px;}
.clearer {clear: both; font-size: 0;}
.alignleft { float: left;}
img.alignleft, div.alignleft {margin: 1px 20px 2px 0;display: inline;}
.alignright { float: right;}
img.alignright, div.alignright {
	margin: 5px 0 10px 10px;
	display: inline;
}

.ribbon {
	background:url(images/vedette.png) no-repeat;
}


/* structure */
.inner-container {border: 2px solid #D7D7D2;background: #FFF;font-size: 1em;margin: 0 auto;padding: 1px;width: 920px;}
.outer-container {background: url('images/container.jpg') no-repeat center bottom;padding-bottom: 64px;}

.header {height: 140px;margin-bottom: 5px;text-align: center;background-color: #7EA4E2;background-image: url(images/cg_header.jpg);background-repeat: no-repeat;}

.border {border: 10px solid #FFFFFF;background-position: center;}
.border2 {border: 1px solid #ccc;background-color: #FAFEFE;}

.footer {color: #FFFFFF;font: bold 12px sans-serif;border-top: 4px solid #FFFFFF;height: 98px;background-color:#333;}
.footer a {	color: #FFFFFF;}
.footer a:hover {color: #FFC;}

/* Page navigation
------------------------------------------------------*/

.topmenu {background: #2a2a2a; color: #FFF;font: normal 1.1em Verdana,sans-serif;padding: 8px 12px;border-top:5px #fff solid;}
.topmenu a {color: #FAFAFA;text-decoration: none;}
.topmenu a:hover {color: #FFE;text-decoration: underline;}

.topmenu ul {  margin: 0 10px 0 10px; padding-left: 30px; }
.topmenu ul li { float: left; padding: 10px 0 10px 24px; }
.topmenu ul li a { display: block; font-weight: bold; font-size: 1em; color: #fff; text-decoration: none; text-transform: uppercase; border-right: 1px solid #bbb; padding-right: 26px; }
.topmenu ul li a:hover { color: #ff809b;text-decoration:none; }
.topmenu ul li a em { display: block; font: italic 0.8em Georgia, Times; color: #999; text-transform: none; }
.topmenu ul li.last a { border: none; }
.topmenu ul ul li a { color:#333; }

.path {background: #FFFFFF url(images/path.jpg) repeat-x;font: normal 1.1em Verdana,sans-serif;padding: 14px 5px;text-align:center;}

.category li { float: left; width: 150px; padding: 10px 0 10px 0; }
.category li a { display: block;  color: #000; font-weight: bold; text-decoration: none; background: url("images/bullet_1.gif") no-repeat 0 7px; padding: 0 0 0 9px; }
.category li a:hover { color: #e90000; }

/* navigation */

.navigation {width: 200px;background-color: #EFF0EA;margin-right: 0px;border-top:1px #CCC solid;border-bottom:1px #CCC solid;border-left:1px #CCC solid;}
.navigation h2 {background:#ff809b; color: #fff;font: bold 1.1em Tahoma,sans-serif;line-height: 30px;margin: 0;padding-left: 10px;border:1px #ff2150 solid;text-shadow: 1px 1px #666;}

.sidemenu 	{width: 200px; /*width of menu*/
	margin-top: 0px;
}
.sidemenu ul {padding: 0;border-top: 1px solid #EAEADA;}
.sidemenu li {border-bottom: 1px solid #ddd;}
.sidemenu li a {font-size: 1.1em;color: #554;display: block; padding: 8px 0 8px 15px;text-decoration: none;}
.sidemenu li a:hover {background: #FFF;color: #654;}


.main {width:470px;margin-left: 0px;background-color: #FFF;padding:0px 10px 8px 15px;border-top:1px #D7D3D9 solid;border-right:1px #D7D3D9 solid;border-left:1px #ccc solid;
	border-bottom: 1px #D7D3C9 solid;}
.recherche {width: 672px;margin-left: 0px;background-color: #FFF;padding: 0px 10px 8px 15px;border-top:1px #D7D3D9 solid;border-right:1px #D7D3D9 solid;border-left:1px #ccc solid;
	border-bottom: 1px #D7D3C9 solid;}
.main h3{line-height:1.5em;color:#666}

.item-list ul {padding:0px}
.item-list li {background-color:#fefefe;border: 1px #aaa dashed;padding:15px;margin-bottom:15px}
.item-list li:hover {background-color:#f7f7f7;border: 1px #aaa dashed;padding:15px;margin-bottom:15px}
.item-list .nohover:hover { background-color:#fff }

.rightcolumn {
	width: 201px;
	padding: 0px 0px 15px 0px;
	background-color: #F4F4F4;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	border-right:1px #CCC solid;
}
.rightcolumn h3 {color:#FFF;background-color: #666;padding:3px;}
.rightcolumn h2 {background:#ff809b; color: #fff;font: bold 1.1em Tahoma,sans-serif;line-height: 30px;margin: 0;padding-left: 5px;border:1px #ff2150 solid;text-shadow: 1px 1px #666;}

.buttonscontainer {width: 150px;}

.rightcolumn a {text-decoration: none;}
.rightcolumn ul{list-style-type: none;margin: 0;padding: 0;}
	
.rightcolumn li a:link, .rightcolumn li a:visited  {color: #333333;
background-color: #F4F4F4;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
display: block;
font: 12px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.rightcolumn li a:hover {color: #2399E5;text-decoration: none;}

.pagging { margin: 0 0 20px; padding: 0 0 0 150px;}
.pagging ul { margin: 0; padding: 0;list-style: none; }
.pagging ul li { margin: 0; padding: 0; display: inline; }
.pagging ul li a {float:left ; display: block;	color: #333; text-decoration: none; margin-right: 5px; padding: 5px 10px;background: #fff; border: 1px solid #ddd;}
.pagging ul li a:hover {background: #ff809b; border: 1px solid #eee; color: #fff;}

.plus a {color: #333; text-decoration: none; margin-right: 5px; padding: 5px 10px;background: #fff; border: 1px solid #ddd;}
.plus a:hover {background: #ff809b; border: 1px solid #eee; color: #fff;}
	
.menu3 {width: 199px;margin: 5px;}
	
.menu3 li a {height: 24px;text-decoration: none;}	
	
.menu3 li a:link, #menu3 li a:visited {
	color: #2399E5;
	display: block;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}
	
.menu3 li a:hover, #menu3 li a:active {
	color: #283A50;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}
	
.menu{
	width: 199px; /*width of menu*/
	margin-top: 0px;
}

.menu ul{list-style-type: none;margin: 0;padding: 0;}
	
.menu li a{
	font: bold 13px Arial, Helvetica, sans-serif;
	display: block;
	height: 23px;
	line-height: 23px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	background-color: transparent;
	background-image: url(images/menu_down.jpg);
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 25px;
	background-repeat: no-repeat;
}	
	
.menu li a:link, .menu li a:visited {color: #333;}

.menu li a:hover{color: #000;background-image: url(images/menu_over.jpg);}
.nav {
	font-family: Arial;
	font-size: 12px;
	color: #2399E5;
	margin-right: 5px;
	margin-left: 30px;
	line-height: 150%;

}
.nav a:link,.nav a:visited,.nav a:active{color:#000000;text-decoration:underline;}
.nav a:hover{color:#FF0000;text-decoration: underline;}

a.elink:active, a.elink:link, a.elink:visited, .elink a:active {color: #666666;	text-decoration: underline;}
a.elink:hover, .elink a:hover {	color:#2399e5}
.adv{color: #999;}
.menutext {	padding-left: 1px;}
.menutext ul{
	list-style-type: none;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}	
.menutext li a:link, .menutext li a:visited  {
	color: #333333;
	background-color: #F4F4F4;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-decoration: none;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: normal;
}

.menutext li a:hover {color: #2399E5;text-decoration: none;}
.hdots {background-image: url(images/dots.gif);background-repeat: repeat-x;height: 10px;}
