/*******************************************************************************************************/
/*** MAIN / LAYOUT  ***********************************************************************************/
/******************************************************************************************************/
*{margin:0;padding:0;}
body {
   nbackground-color: #fff;
   margin:0;padding:0;
   font-size:12px;
   font-family:'MS Trebuchet', Arial, sans-serif;
   background-image: url(img/bg_index_2.jpg);background-repeat: no-repeat;background-position: center 0;
   border:0px solid #fff;
   nwidth:1000px;
}  

.bandeaubas{width:1000px;height:116px;border:0px solid red;position:relative;top:0px;left:0px;}

form{margin:0;padding:0;}
table, tr, td{border-collapse:collapse;margin:0;padding:0;}
input[type="radio"] { border: none; }
input[type="checkbox"] { border: none; }
input[type="submit"] { border: none; }

#conteneur {width: 1000px;margin: 0 auto;text-align: left;border:0px dashed red;
background-image: url(img/bg_index_2.jpg);background-repeat: no-repeat;background-position: center 0;
}
#contenu {height:900px;padding:0;margin:0;}
#header{height:240px;border:0px dashed white;}

/***** HEADER BOUTONS ****************************************************************************/
.header_navbuttons{height:80px;width:100%;border:0px solid red;position:relative;top:49px;left:0px;}
.header_menuhaut{border:0px solid yellow;position:relative;top:10px;left:0px;height:28px;} 
.header_bandeau{nbackground:#fff;position:relative;top:24px;left:248px;height:88px;width:720px;}

/*pour les bloc en bas avec liens vers pourquoi*/
.bloc_bas{border:0px solid red;width:205px;height:116px;float:left;text-align:center;color:#fff;font-weight:bold;margin:10px 0 0 0;}
.index_bt_pourquoi{border:0px solid red;position:relative;top:-76px;left:44px;width:161px;height:42px;}
.index_bt_inscrivez{border:0px solid red;position:relative;top:-70px;left:44px;width:161px;height:42px;}

/**** FORMULAIRES **************************************/

input{
	height:20px;
	line-height:20px;
	border:0px solid #f0f;
	font-size:12px;
	font-weight:normal;
	font-family:'MS Trebuchet', Arial, sans-serif;
	margin:0;padding:0;
	padding-left:2px;
}
input.submitbtn{
	height:20px;
	line-height:14px;
	font-size:12px;
	border:1px solid #bbb;
	background:#fff;
	cursor:pointer;
}
input.submitbtn:hover{
	background:#ccc;	
}

input#login{
	text-align:center;
	background-color: #fff;
	width:100px;
	font-weight:normal;
	color:#2197BD;
}

input#pwd{
	text-align:center;
	background-color: #fff;
	width:100px;
	font-weight:normal;
	color:#2197BD;
}

input#submitlog{
	nfont-size:10px;
	background-color: #fff;
	width:30px;
	cursor:pointer;
	color:#2197BD;	
} 

input#moncompte{
	background-color: #fff;
	width:100px;
	cursor:pointer;
	color:#2197BD;
	color:#2197BD;
}

input#ou{
	text-align:center;
	background-color: #2197BD;
	color:#ffffff;
	width:160px;
	border:1px solid #fff;
	position:relative;top:-23px;left:480px;
} 

input#quoi{
	text-align:center;
	background-color: #E7E7E7;
	color:#000000;
	width:130px;
	border:1px solid #333;
	position:relative;top:-23px;left:600px;
} 

input#submitsearch{
	background-color: #f58203;
	color:#ffffff;
	width:41px;
	height:28px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	position:relative;top:-16px;left:636px;
	background : url(img/bt_ok.png) left top no-repeat;
	cursor : pointer;
}



/* CLASSES POUR TAILLE *****************/
.size08{font-size:8px;}
.size09{font-size:9px;}
.size10{font-size:10px;}
.size12{font-size:12px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
/* CLASSES POUR COULEURS *****************/
.turquoise{color : #2197BD;}
.black{color : #000000;}
.grey{color : #999999;}
.darkgrey{color : #666666;}
.white{color : #FFFFFF;}
.blue{color :#2197BD;}
.red{color:#990000;}
.yellow{color:#ffff00;}
.orange{color:#f47709;}
/* CLASSES POUR Formatage *****************/
.centered{text-align:center;}
.italic{font-style:italic;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
/*BLOCS*/
.padding0{padding:0;}
.padding12{padding:12px;}
.padding20{padding:20px;}
.margin12{margin:12px;}
.margintop12{margin-top:12px;}

/**** Links sizes*****************************************************************/
a.size08:link , a.size08:hover, a.size08:active, a.size08:visited  {font-size:8px;}
a.size10:link , a.size10:hover, a.size10:active, a.size10:visited  {font-size:10px;}
a.size12:link , a.size12:hover, a.size12:active, a.size12:visited  {font-size:12px;}
a.size13:link , a.size13:hover, a.size13:active, a.size13:visited  {font-size:13px;}
a.size14:link , a.size14:hover, a.size14:active, a.size14:visited  {font-size:14px;}
a.size16:link , a.size16:hover, a.size16:active, a.size16:visited  {font-size:16px;}
/**** Links colors *****************************************************************/
a.red:link , a.red:hover, a.red:active, a.red:visited  {color :red;}
a.yellow:link , a.yellow:hover, a.yellow:active, a.yellow:visited  {color :yellow;}
a.navy:link , a.navy:hover, a.navy:active, a.navy:visited  {color :navy;}
a.blue:link , a.blue:hover, a.blue:active, a.blue:visited  {color :#2197BD;}
a.white:link , a.white:hover, a.white:active, a.white:visited  {color :#fff;}
a.dark:link , a.dark:hover, a.dark:active, a.dark:visited  {color :#3f2a1c;}
a.turquoise:link , a.turquoise:hover, a.turquoise:active, a.turquoise:visited  {color :#2197BD;}

a.bold:link , a.bold:hover, a.bold:active, a.bold:visited  {font-weight:bold;}
/**** Links decorations *****************************************************************/
a.no-underline:link , a.no-underline:hover, a.no-underline:active, a.no-underline:visited  {text-decoration : none;}
a.over-underline:link , a.over-underline:visited  {text-decoration : none;}
a.over-underline:hover, a.over-underline:active{text-decoration : underline;}
a.underline:link , a.underline:hover, a.underline:active, a.underline:visited  {text-decoration : underline;}