body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	color:#231f20;
	background:#b5cb33 url('images/back.jpg') no-repeat center 4px;
}

form,
fieldset{
	margin:0;
	padding:0;
	border:none;
}

label{
	width:60px;
	display: block;
	float:left;
}

input{
	border:1px solid #333333;
	font-size:12px;
	width:200px;
}



a,.alert{
	color:#d2232a;
}

.small{
	width:100px;
}

ul{
	margin:0;
	padding:0;
	list-style:none;
}

ol{
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:5px 0 10px 0;	
	line-height: 130%;
}

img{
	border:0;
}

span{
	color:#d2232a;
}


h1, h2, h3, h4, h5
{
	margin:0;
	padding:0;
}

h1{
	color:#fff200;
	font-size:20px;
	background:url("images/h1.png") no-repeat;
	width:609px;
	height:180px;
	overflow: hidden;
	text-indent: -9999px;
}

* html h1
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/h1.png", sizingMethod="crop");
} 

h2{
	font-size:15px;
	color:#d2232a;
	overflow: hidden;
	text-indent: -9999px;
	margin:0;
	position:absolute;
	right:18px;
	width:230px;
	height:33px;
}

.title2{background:url("images/h2_2.gif") no-repeat;}
.title3{background:url("images/h2_3.gif") no-repeat;}
.title4{background:url("images/h2_4.gif") no-repeat;}
.title5{background:url("images/h2_5.gif") no-repeat;}
.title6{background:url("images/h2_6.gif") no-repeat;}
.title7{background:url("images/h2_7.gif") no-repeat;}
.title8{background:url("images/h2_8.gif") no-repeat;}
.title9{background:url("images/h2_9.gif") no-repeat;}
.title10{background:url("images/h2_10.gif") no-repeat;}
.title11{background:url("images/h2_11.gif") no-repeat;}
.title12{background:url("images/h2_12.gif") no-repeat;width:279px;}
.title13{background:url("images/h2_13.gif") no-repeat;}

h3{
	font-size:14px;
	color:#d2232a;
	margin:10px 0 15px 0;
	font-weight:bold;
}

h4{
	font-size:12px;
	color:#d2232a;
	padding:15px 0 10px 0;
	font-weight:bold;
}

h5{
	font-size:12px;
	color:#000;
	margin:10px 0 5px 0;
	font-weight:bold;
}


/**************************************************************/
/* layout */
/**************************************************************/

#wrap {
  margin: 0 auto;
  width:610px;
  text-align: left;
  position:relative;
}

#back{
	background:#fff url('images/header_back.jpg') no-repeat center 60px;
	float:left;
	width:609px;
}



/**************************************************************/
/* header */
/**************************************************************/

#header{
	height:315px;
	
}

#indexPage{
	position:absolute;
	top:0;	
	left:0px;
	z-index:100;

}

#indexPage a{
	display:block;
	height:200px;
	width:610px;
	text-decoration:none;
}

.campagne{
	text-align:right;
	text-transform:uppercase;
	color:#bcbdc0;
	font-size:10px;
	margin:110px 10px 0 0;
	padding:0;	
}


/**************************************************************/
/* left */
/**************************************************************/

#left {
	position:absolute;
	top:227px;
	left:-134px;
	width:200px;
}


/**************************************************************/
/* right */
/**************************************************************/

#right {
	margin:0 20px 0 90px;
	min-height:410px;
}

*html #right{
	height:410px;
}

#rightHeader{
	float:left;
	width:500px;
	
}

.photo{
	float:left;
}

ul#trucs{
	text-align:right;
	padding:45px 0 0 0;
}

ul#trucs li{
	padding:0 0 2px 0;
	
}

ul#trucs li a{
	color:#bace40;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	cursor:hand;
	cursor:pointer;
}

ul#trucs li a:hover{
	color:#d2232a;
}

.noTrucs{
	margin-bottom:50px;
}

/*******************************************************************/

#rightContent{
	clear:both;
	padding:15px 0;
}

#rightContent ul{
	list-style:square;
	margin:10px 0 15px 20px;
}

#rightContent ol{
	margin:10px 0 15px 20px;
}

#rightContent ul li,
#rightContent ol li{
	padding:2px 0;
}

#rightContent ul.morePad li{
	padding-bottom:10px;
}

#rightContent ul li ul{
	list-style:circle;
}

/*******************************************************************/

.partenaires{
	padding-top:25px;
	height:90px;
}

.partenaires img{
	float:left;
	margin-right:25px;
}

.small{
	color:#707070;
	font-size:11px;
}

table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}

caption{
	font-size:13px;
	font-weight:bold;
	padding:5px;
	margin-top:15px;
}

table th, table td, caption{
	vertical-align: top; 
	border:1px solid #000;
}

table td{
	padding:3px 5px;
}

table th{
	text-align:center;
	padding:2px;
}

.alignR{
	text-align:right;
}

.alignC{
	width:20px;
}



/*******************************************************************/
/* menu */
/*******************************************************************/


ul#mainNav li{
	margin:0;
	padding:0 0 3px 0;
}

*html ul#mainNav li{
	padding:0;
}

ul#mainNav li a{
	color:#fff200;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	width:196px;
	display:block;
}

a.menu1 { background: url('images/menu_01_o.jpg'); height:61px; }
a.menu2 { background: url('images/menu_02_o.jpg'); height:38px; }
a.menu3 { background: url('images/menu_03_o.jpg'); height:38px; }
a.menu4 { background: url('images/menu_04_o.jpg'); height:35px; }
a.menu5 { background: url('images/menu_05_o.jpg'); height:42px; }
a.menu6 { background: url('images/menu_06_o.jpg'); height:30px; }
a.menu7 { background: url('images/menu_07_o.jpg'); height:38px; }
a.menu8 { background: url('images/menu_08_o.jpg'); height:38px; }
a.menu9 { background: url('images/menu_09_o.jpg'); height:34px; }
a.menu10 { background: url('images/menu_10_o.jpg'); height:36px; }
a.menu11 { background: url('images/menu_11_o.jpg'); height:49px; }
a.menu12 { background: url('images/menu_12_o.jpg'); height:53px; }
a.menu13 { background: url('images/menu_13_o.jpg'); height:34px; width:207px !important;margin-left:-6px;}

ul#mainNav li a:hover{ visibility: visible }
ul#mainNav li a:hover img { visibility: hidden }


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

#info{
	text-align:right;
	position:relative;
	top:16px;
	left:37px;
}

*html #info{
	top:19px;
	left:38px;
}