/* COMMUN ------------------------------------------------- */

* { margin: 0;padding: 0;}

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color:#000;
}



img {border: 0px; vertical-align: top;}
img.border1 {border:1px solid #666;}


.left1 { float:left;}
.left2 { float:left; margin: 0 10px 3px 0;  }


.align  {vertical-align: middle;}
.align2  {vertical-align: baseline; }


.italic {font-style: italic;}
.underline {text-decoration: underline;}

.t10 { font-size:10px}
.t11 { font-size:11px}
.t12 { font-size:12px}
.t13 { font-size:13px;}


.blanc {color:white;}
.noir {color:black;}
.rouge {color:red;}
.rouge2 {color: #c00;}
.orange{color:#FF8C00;}
.silver {color:silver;}
.gris {color:gray;}
.gris2 {color: #666;}
.gris3{color:#999;}
.vert{color:#080;}
.bleuciel {color: #6cf;}




.bkg01 { background-color: #EFEFEF;}
.bkg02 { background-color: #DFDFDF;}
.bkg03 { background-color: #9ff;}



.button20 {background: #fff; color: #666; font-family: Verdana, sans-serif; font-size: 11px;padding:5px;letter-spacing: 2px;}
.button23 {background: #069; color: #fff; font-family: Verdana, sans-serif; font-size: 10px;}



hr {margin:0;padding:0;}

.separation {clear:both; visibility: hidden;}
.cleaner {clear: both;height: 1px;overflow: hidden;}



.delimiter {
	padding: 0px; 
	margin-top:10px; 
	margin-bottom:20px; 
	border-top: 1px dotted #ccc;
}


/* NEW ------------------------------------------------- */





/* Main Containers ------------------------------------------------- */


#center {
	position: absolute;
	left: 50%;
	top: 50%;
	}


#container0 {
	position: absolute;
	left: -345px;
	top: -240px;
	width: 700px;
	height: 500px;
	margin:0;
	padding:0;
	background-color:#999;
	}
	


#container {
	position: absolute;
	left: -400px;
	top: -294px;
	width: 784px;
	height: 587px;
	margin:0;
	padding:0;
	background: url(Images/styl_MainBkg.gif) no-repeat top left;
	}
	
	

/* Header  --------------------------------------------*/

#header { 
	height:98px;
	/*background-color:#FFFF00;*/
	padding:0 0 0 218px;
	margin:0 30px 0 0;
	}
	
#header h1 {
	position:relative;
	top:68px;
	display:inline;
	font-size:2.2em;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#737373;
	font-weight:lighter;
	margin:0;
	padding:0;
}	

#path {	
	position:relative;
	top:0px;
	width:380px;
	color:#818181;
	font-size:10px;
	margin:0;
	padding:0;
}

#path a {text-decoration:none;color:#818181;}
#path a:hover {text-decoration:underline;}



/*
#img01 {	
	position:absolute;
	top:10px;
	left:220px;
	margin:0;
}
*/



#img02 {	
	position:absolute;
	top:10px;
	left:725px;
	margin:0;
}
	
	
	
	
/* Navigation --------------------------------------------*/

#navigation {
	width:182px;
	/*background-color:#CCCCCC;*/
	float:left;
	margin:0;
	padding:50px 0 0 0px;
	
}



#theMenu {margin:0 }
#theMenu li { list-style-type: none;}


h4.head a, h4 a { 
	display:block; 
	background: url(Images/img7.gif) repeat-x left bottom;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	}
	
	
#theMenu li {
	line-height:25px;
	background: url(Images/img7.gif) repeat-x left bottom;
	font-size: 95%;
	}

#theMenu li li {
	padding: 0 0 0 5px;
	line-height:15px;
	background: #737373 url(Images/img7b.gif) repeat-x left bottom;
	font-size: 85%;
	text-align:left;
	}

#theMenu a {
	text-decoration: none;
	color: #ccc;
	}

#theMenu a:hover {
	text-decoration: none;
	color:#fff;
	}

#theMenu li li a {
	text-decoration: none;
	
	}

#theMenu li li a:hover {
	text-decoration: none;
	font-weight:bold;
	color:#fff;
	}






/* Index --------------------------------------------*/

#txt1 {position:relative; top:80px;padding:5px}
#txt2 {position:absolute; top:5px;font-size:1.2em;color:white;padding:5px}





/* Content --------------------------------------------------------- */

#content {
	overflow: auto;
	padding:5px 10px 0 40px;
	height: 445px;
	text-align: justify;
	margin:0 30px 0 0;
	color:#333;
	/*background-color:#00FF00;*/
	background: url(Images/styl_Design.gif) bottom right no-repeat scroll;

}


#content a {
	color: #333;
}

#content a:hover {
	text-decoration: none;
	color: #666;
}




#col01 {float:right; width:170px; text-align:left;color:#666}

#col02 { padding: 0 180px 0 0}


#content h3 {
	margin:0px;
	padding:0 0 0 5px;
	font-weight:bold;
	font-size:13px;
	color:#666;
	border-left:5px solid #CACACA; 
	}





#content h4 {
	margin:5px 0px 5px 3px;
	padding:0 0 0 5px;
	font-weight:normal;
	font-size:10px;
	color:#737373;
	border-left:4px solid #CACACA; 
	}
	
#content h4  a{
	display: inline;
	font-weight:normal;
	font-size:9px;
	color:#AFAFAF;
	
	}

	

.topframe01{
	background: url(Images/styl_topframe01.jpg) left top no-repeat;
	padding-top:14px;
	margin:0;

}

.bottomframe01 {
	background: url(Images/styl_bottomframe01.jpg) left bottom no-repeat;
	padding: 0px 19px 14px 14px;
	margin:0;
}	

.a {
	float:left;
	margin:0;
	padding: 0 14px 14px 0;
	}

.pres01 {
	float:left;
	width:141px;
	text-align:left;
	
	}
	
.pres02 {
	padding:0 0 0 151px;
	}

.pp02, .pp02  a {font-size:11px; color:#888}


.delimiter {
	padding: 0px; 
	margin-top:10px; 
	margin-bottom:10px; 
	border-top: 1px dotted #ccc;
}


.pres03 {
	float:left;
	width:214px;
	text-align:left;
	
	}
	
.pres04 {
	padding:0 0 0 224px;
	}
	
#content .pres04 a {color:gray;}	

.b01 {padding:3px; background-color:#E1E1E1;}
.b02 {padding:3px; background-color:#EFEFEF; text-align:left}
.b03 {padding:5px; /*background-color:#D0D0D0;*/ background: url(Images/styl_BkgBoutt01.jpg ) top left repeat-x;}
.b04 {padding:5px; background-color:#C4C4C4;}


.b05 {padding:5px 0;}



/*  --------------------------------------------*/


/* Contact --------------------------------------------*/

.mention1 { 
	margin:40px 0 30px 0;
	font-size:12px;
	padding: 20px;
	background-image: url(Images/styl_bkg02.gif);
	color:black;
	
}
	





/* FORMULAIRE ----------------------------------------------------------- */

form.css fieldset {padding: 2em; border: 1px solid #EFEFEF;}
 
form.css legend  {padding: 1em; color: #999;}

form.css label  {display: inline; float: left;width: 150px;}

form.css input, form.css textarea {margin:1px; background-color:#EFEFEF; border:1px solid #AFAFAF;}

.familyname {visibility: hidden;}

#menu-1 {
	color:#666;
	margin-top:10px;
	padding: 20px;
	background-image: url(Images/styl_bkg02.gif);
}


input[type=text]:focus, textarea[type=text]:focus{
	border: 1px solid;
}



#contactForm label.error { 
	margin-left: 150px; 
	color:red; 
	width:280px;
	display:block
	}









/* FOOTER --------------------------------------------------------- */



#footer {
	width: 782px;
	margin-top:42px;
	color: #ccc;
	text-align:right;
	}

#footer p {
	font-size: 11px;
	font-weight: normal;
	}

#footer a {
	margin: 0px;
	padding: 0px;
	text-decoration:underline;
	color:#ccc;	
	}
	
#footer a:hover {
	text-decoration: none;
	color:gray;
	}