/* C&C traductions stylesheet*/

* { margin:0; padding:0; }

html, body 
{
	height: 100%;
}

body 
{
	font: 11px verdana,arial, helvetica sans-serif;
	background:#f9fbfb url('pics/bg.gif') repeat-x;
	color: black;
}

p 
{
	padding: 10px 10px;
	color: #000;
	background: none;
	text-indent: 0px;
}


h1      /*titres*/
{
 	font:normal 18px arial, helvetica sans-serif;
	color: #0478E9;
	text-decoration: none;
	margin:15px 0 10px 10px;
	background:#E0F3FA;
	width:775px;
}

h2      /*sous-titres*/
{
 	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration:none;
	margin:10px 0 0 10px;
	background:#0478E9;
	width:775px;
}

h3   /*accroche*/
{
	font:normal 24px verdana,arial, helvetica sans-serif;
	color:#0478E9;
	margin:-10px 0 15px 20px;
	text-align:center;
}


h5  /*footer titre*/
{
	font:bold 14px verdana,arial, helvetica sans-serif;
	color:#fff;
	margin:10px 0 0 20px;
}

h6  /*footer coordonnées*/
{
	font:normal 11px verdana,arial, helvetica sans-serif;
	color:#fff;
	margin-top:1px;
}

a img
{ 
	border:none;
}

#container1
{   
	position:relative;
	background:transparent;
	width:896px;
	height:auto;
	left:50%;
	margin-left:-448px;
}

#header
{
	height:133px;
	width:896px;
	background:#f9fbfb url('pics/bg.gif') repeat-x;
}

	#wrapper
	{
		position:relative;
		float:left;
		top:2px;
		height:20px;
		width:775px;
		font:normal 12px verdana,arial, helvetica sans-serif;
		color:#0364c2;
	}

	#wlinks
	{
		position:relative;
		float:right;
		top:-13px;
	}

	a.link
	{   
		display:inline;
		margin-left:1px;
	}

	a.logo
	{
		float:left;
		margin-top:-6px;

	}

	a.logo:hover
	{
		margin-top:-6px;
	}

	#menu
	{
		position:relative;
		float:right;
		margin-right:75px;
		margin-top:71px;
		width: 500px;
		height: 32px;
	}

	#menu ul, #menu li
	{
		display: inline;
		list-style-type: none;
	}

	#menu a 
	{
		float:left;
		font:normal 14px arial, helvetica sans-serif;
		line-height: 14px;
		margin: 5px 20px 0px 30px;
		padding-bottom:7px;
		text-decoration: none;
		color: #fff;
	}

	#menu a.active 
	{
		border-bottom: 4px solid #fff;
	}

	#menu a:hover
	{
		border-bottom: 4px solid #62affc;
	}


#main
{	
	position:relative;
	clear:both;
	width:896px;
	height:auto;
	background:#f9fbfb;
}


#content
{
	position:relative;
	float:left;
	width:800px;
	height:auto;
	background:#f9fbfb;
	
}	

	#mainlink
	{
	margin-left:10px;
	}

	#content ul
	{
		list-style-type: none;
		margin: 0px 0 0 20px;
		padding: 0;
	}

	#content li
	{
		width: 680px; 
		margin-bottom: 5px; 
	}

#container2
{ 
	position:relative;
	float:left;
	width:100%;
	height:182px;
	background:#024586 url("pics/footer.jpg") repeat-x;;
}

#footer
{   
    clear:both;
	position:relative;
	width:896px;
	background:transparent;
	left:50%;
	margin-left:-448px;
	
}

	#chris
	{
		position:relative;
		float:left;
		height:100px;
		width:300px;
		margin:-15px 0 0 205px;

	}

	#clem
	{
		position:relative;
		float:left;
		height:100px;
		width:300px;
		margin:-15px 0 0 0;
	}

/*_________formulaire_____________________________*/


.asterisque 
{
    text-align:center;
    color:red;
}
.texteformulaire 
{
    margin:5px 0;
    font-size:12px;
    text-align:left;
    border:none;
    background-color: #f9fbfb;
    width:600px;
}
.texteformulaire p
{
	margin:5px;
}
.fondformulaire 
{
    width:200px;
	float:left;
}

.area
{
	width:350px;
	height:200px;
}

.formcentre 
{
   text-align:left;
   margin:5px;
}

p.erreur 
{
   display:block;
   text-align:left;
   color:red;
   font-weight:bold;
   
}