/******** regles par defaut des balises ********/
*{margin:0; padding:0; outline:none;}
body{font-size:62.5%; font-family:Arial; color:#3f3f3f; background: #c8c8c8 url(../images/bgd_body.gif) 0 0 repeat-x; }
img, fieldset{border:0}
h1{font-size:1.4em;}
h2{font-size:1.8em; color:#FFF;}
h3{font-size:1.1em;}
h4{font-size:1.1em; font-weight:bold}
h5{font-size:1em;}
ol, ul, li {list-style-type:none;}
dt{font-weight:bold;}
a{text-decoration:none; color:#3f3f3f;}
a:hover{text-decoration:underline;}
/*
fieldset ul, fieldset ol{margin:0;}
	fieldset li{padding:0 0 8px 0;}
fieldset fieldset{border:none; margin:0; padding:0;}
	fieldset legend{ color:#99CC00; padding:0 0 10px 0; margin:0 0 0 -7px; line-height:normal}
	fieldset fieldset li{display:inline; margin:0 0 0 0; padding:0;}
	fieldset fieldset input{}
legend{font-weight:bold; padding:0 5px 0 0;}
label{display:block; margin:0 0 3px 0;}
input, select, textarea{font-size:1.0em; border:1px solid #a5a5a5; font-family:Arial; color:#444444}
input { padding:1px 0}
select { padding:0; margin:0; line-height:normal;}
div{text-align:left;}
table{border-collapse:separate; border-spacing:0;}
th, td{ text-align:left}
*/
/********** classes communes a tous les templates ********/
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}

/********** ID communes a tous les templates ********/
/* Contenu central */		
#container {font-size:1.1em; width:990px;  margin:0 auto; overflow:hidden; background:url(../images/bgd_container.gif) 0 0 repeat-y}
	/*///main////*/
	#main {width:950px; background:url(../images/bgd_main.gif) 0 0 no-repeat; padding:0 20px; overflow:hidden;}
	#contentMain {width:930px; padding:0 10px; overflow:hidden; background:#FFF url(../images/bdg_content.gif) 0 100% repeat-x}
	/*///Header////*/
	#header{width:950px; overflow:hidden;}
		#header h1 { width:400px; float:left; padding:18px 13px}	
			#header p { float:right; padding:5px 3px 0 0}
				#lev1{width:950px; height:33px; overflow:hidden; clear:both; background:url(../images/bgd_lev.gif) 0 0 repeat-x}
				#lev1 li{ float:left;}

				#lev1 li{ float:left; background:url(../images/nav_black.gif) repeat-x;height:36px;color:#fff; font-size:12px;font-weight:bold;border-right:1px dotted #9B9B9B}
				#lev1 li:hover,#lev1 li.curent{ float:left; background:url(../images/nav_red.gif) repeat-x;}
				#lev1 li a{color:#fff;padding:10px 35px; display:block}
				#lev1 li:hover a{text-decoration:none;}

				#lev1 li span{padding:10px 35px; display:block;}
				#lev1 li img{float:left; margin: -5px 25px 0 -20px;}



			#header .bannerFlash { width:950px; padding:8px 9px; background:#FFF; clear:both}
			/*content
			*****************/
			#content { width:661px; float:left; overflow:hidden;}
			#content h2 { color:#FFF; font-size:1.2em; text-transform:uppercase; background: url(../images/bgd_lev.gif) 0 0 repeat-x; padding:10px 0 10px 20px}
			/*context
			*****************/	
			#context { width:269px; overflow:hidden; float:left}
				#context div { width:256px; padding:8px 5px 8px 8px; overflow:hidden; background:#2c2c2c url(../images/bgd_line.gif) 0 0 repeat-x;}
				#context p { color:#b60000;}
				#context div img { float:left; margin:0 10px 0 0; padding:2px; background:url(../images/bgd_visu.gif) 0 0 no-repeat;}
				#context a { color:#eaeaea;}
				#context h3 { color:#eaeaea; font-weight:normal; background:url(../images/icon_01.gif) 0 5px no-repeat; padding:0 0 10px 10px;}
				#context li { color:#eaeaea; font-size:1.1em; background:url(../images/icon_01.gif) 0 5px no-repeat; padding-left:10px; line-height:1.2; margin-top: 7px;}
			/*highlight Intro*/
			#highlightIntro { padding:20px}
			#highlightIntro h3 { color:#990000; font-weight:bold;  background:url(../images/icon_03.gif) 0 3px no-repeat; padding:0 0 5px 15px;}
				#highlightIntro h3.titTop{ text-transform:uppercase; padding-bottom:20px;}
			#highlightIntro p { font-size:1.1em; padding:0 0 20px 0; }
			#highlightIntro p strong {color:#990000; }
			#highlightIntro p a {color:#990000; text-decoration:underline}
			#highlightIntro p a:hover {text-decoration:none}

			#highlightIntro ul {padding:0 0 20px 0;}
			#highlightIntro li {font-size:1.1em; background:url(../images/icon_02.gif) 0 3px no-repeat; padding:0 0 5px 10px; line-height:normal}
			/*highlight Contact*/
			#highlightContact {padding:20px}
			#highlightContact p { font-size:1.1em; margin:0 }
			#highlightContact p strong {color:#990000; }
			#highlightContact form {padding:20px; overflow:hidden}
			#highlightContact form p { width:250px; padding:0 0 10px 0; float:left;}
			#highlightContact form p.comment { width:500px;}
			#highlightContact label { width:80px; font-weight:bold; text-align:right; padding:0 5px 0 0; float:left}
			#highlightContact input { width:150px; float:left}
			#highlightContact textarea { width:380px; height:100px; float:left}
			#highlightContact .button { margin:0 0 0 230px;}
			#highlightContact .button input { width:59px; height:21px; border:0; margin:-1px 0 0 0;}

	/*///footer////*/
	#footer {width:100%; margin:0 auto; padding:10px 0 10px 0; background:url(../images/bgd_footer.gif) 0 0 repeat-x}
	#footer .innerFooter{width:950px; padding:0 20px; margin:0 auto}		
		#footer p{ color:#6f6f6f; padding:0 0 0 30px;}
		
.feedheading {
	color:#FFF; 
	font-size:1.2em; 
	text-transform:uppercase;
}		

#offer {
	width: 621px;
	text-align: right;
	padding-bottom: 10px;
}

#offer a, offer a:visited {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #990000;
}

#offer a:hover, offer a:active {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	color: #990000;
}

/*///Form////*/

#formarea {
	width: 621px;
	text-align: center;
}

#formcolleft {
	width: 250px;
	float: left;
	text-align:left;
	margin-left:50px;
}

#formcolright {
	width: 250px;
	float: right;
	text-align:left;
	margin-right:50px;

}

#comment {
	width: 521px;
	text-align:left;
	margin-left: 50px;
}

#buttons {
	width: 521px;
	text-align:left;
	margin-left: 50px;
	padding-top: 10px;
}

fieldset {
	border: 0;
	font-size: 1.2em;
}

textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1.2em;
}
form ul {
	list-style: none;
}
.middleColumn {
 	margin: 0 -20px 20px 150px;
	background:none;
	width:306px;
	height:50px;
}
	
input..textarea {
	font-size:1.0em; border:1px solid #a5a5a5; font-family:Arial; color:#444444;
	margin: 100px 100px 100px 100px;
}

input.text, select {
	font-size:1.0em; border:1px solid #a5a5a5; font-family:Arial; color:#444444;
	margin: 0 0 10px 10px;
}
select {
	width: auto;
}

input.action {
	margin: 10px 10px 10px 50px;
	padding: 2px;
	font-size: 1em;
	font-family: Verdana, Tahoma, Sans-serif;
}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}

label.left {
 	display: block;
 	margin: 0 0 -12px 40px;
	background:none;
}