@charset "utf-8";
/* CSS Document */

/*****************************************/
/*               General       			  */
/*****************************************/
* {
	margin:0;
	padding:0;
}

html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

em {
	font-weight:bolder;
	font-style:normal;
}
strong {
	margin:inherit;
	font-weight:bolder;
	}
	
h1 {
	font-size:60px;
	text-align:left;
	padding-top:50px;
	margin-left:90px;
	color:#ffffff;	
	}
	
img {
	border:none;
}

a, p.formation a, ul#menurea li a, #content table tr td a {
	text-decoration:none;
	}


/*****************************************/
/*               blocs       			  */
/*****************************************/
#container {
	width:955px;
	position: relative;
	text-align: left;
	margin-right: auto;
	margin-left:auto;
	height: 100%;
}

#head {
	background:url(../img/header.gif) 5px 20px no-repeat;
	height:140px;
	margin-top:50px;
	margin-left:80px;
	margin-right:7px;
	margin-bottom:30px;
	padding-top:0;
}

#menu {
	position:relative;
	float:left;
	width:24%;
	height:288px;
}

#telecharger {
	position:relative;
	height:80px;
	margin-bottom:0px;
	margin-top:55px;
	padding-left:20px;
	}

#content, #contentform {
	position:relative;
	float:right;
	width:74%;
	min-height:420px;
	background:url(../img/barre.gif) no-repeat;
	}


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

#menu li {
	font-family:"Courier New", Courier, monospace;
	font-size:25px;
	font-weight:bolder;
	text-align:right;
	list-style-type:none;
	padding-top:25px;
	}

li#accueil, li#contact, li#competences, li#formations, li#realisation {
	background-image:url(../img/menu.gif);
	background-position:right;
	background-position:bottom;
	background-repeat:no-repeat;
	color:#FFFFFF;
	}

#menu ul {
	width:205px;
	}
#menu li a {
	width:205px;
	}	
#menu a:link {
	color:#000000;
	}
#menu a:visited {
	color:#000000;
	}
#menu a:hover {
	background:url(../img/menugris.gif) right bottom no-repeat;
	color:#000000;
	}
#menu a:active {
	background:url(../img/menu.gif) right bottom no-repeat;
	color:#ffffff;
	}

/******************************************/
/*              telecharger     		  */
/*****************************************/	
#telecharger h3 {
	font-family: "Courier New", Courier, monospace;
	color:#a70e0e;
	font-size:14px;
	}
	
#telecharger span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding-left:4px;
	padding-top:4px;
	display:inline-block;
	}
	
#telecharger img{
	padding-left:20px;
	padding-top:2px;
	vertical-align:middle;
	}

/*****************************************/
/*              contenus      			  */
/*****************************************/

/*Ariane*/
p#ariane, p#arianerea{
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	}

#ariane a, #arianerea a {
	color:#666666;
	text-decoration:underline;
	}

/*général*/
#content p.general, #content p#ariane, p#arianerea, #content em, #content strong, #content p.formation {
	margin:0px 20px 10px 40px;
	}
#content p.general strong {
margin:0 0;
}
#content span.w3c {
	margin-left:80px;
	}
#content span.w3c img {
	margin-top:10px;
	}
#content p.general, #content em, #content strong {
	font-size:14px;
	}
#content h2, #contentform h2 {
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	padding-top:15px;
	color:#a70e0e;
	margin:5px 20px 5px 40px;
	clear:both;
	}
#content h2 a {text-decoration:underline; color:#a70e0e;s}
#content img {
	margin-left:40px;
	margin-top:0;
}

#content li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:80px;
	}
#content p.general a {
	font-size:12px;
	}
#content strong a, #content p.general a, #content table tr td p a {
	text-decoration:none;
	color:#000000;
}

/*Formation */
p.formation, p.formation a {
	font-weight:700;
	font-size:12px;
	color:#000000;
}

/*Réalisations */
#content table tr td strong, #content table tr td p {
	font-size:12px;
	vertical-align:top;
	margin:0;
}
#content table, #content table tr {
	padding-top:0;
	vertical-align:text-top;
}
#content table tr td {
	padding-top:20px;
	}
#content table tr td a img{
	vertical-align:top;
	width:150px;
	height:150px;
}
#content table {
	width:90%;
	border:0;
}
/*Wabstemer*/
#content_wabstemer {
	position:relative;
	float:right;
	width:74%;
	min-height:420px;
	background:url(../img/barre.gif) no-repeat;
	}

#content_wabstemer h2 {
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	color:#a70e0e;
	padding:15px 0 8px 0;
	margin:5px 20px 5px 40px;
	clear:both;}
#content_wabstemer p {font-size:12px; line-height:18px; text-align:justify; margin:0px 20px 10px 40px;}
#content_wabstemer .style {margin:0;}
#content_wabstemer p em.style {font-style: italic; font-weight:normal; font-size:12px; padding:0;}
#content_wabstemer p a.wabstemer {font-size:12px; text-decoration:underline; color:#000000;}
#content_wabstemer h2 a, #content_wabstemer h2 a:visited {color:#a70e0e;}
#content_wabstemer p a.wabstemer:visited {color:#333333;}
/* menu réalisation */
ul#menurea {
	margin:0 10px 0 35px;
	}
ul#menurea li {
	list-style-type:none;
	float:left;
	margin:0 5px;
	}
#menurea a:link, #menurea a:visited, #menurea a:hover, #menurea a:active {
	display:block;
	color:#a70e0e;
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	font-weight:bolder;
	line-height:18px;
	text-decoration:none;

}

/*formulaire de contact*/
form {
	margin-left:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
textarea, input {
	border:1px #CCCCCC solid;
	overflow:auto;
	color: #000; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffffff;
	display:inline;
	margin-left:120px;
}
p.txtform, p.txterror, #contentform ul, #contentform ul li {
	/*font-size: 12px;*/
	color: black; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	}
#contentform p.txtform, #contentform p.txterror, #contentform ul {
	margin-left:40px;
	}
#contentform ul, #contentform ul li {
	list-style-type:none;
}
#contentform {
	font-size:12px;
	}
#contentform p#ariane {
	margin-left:40px;
}
#contentform span {
	margin-left:40px;
}
/*construction*/
img#construction {
	margin-top:80px;
	margin-left:80px;
}

/*****************************************/
/*              foot       			     */
/*****************************************/
#foot, #foot-real {
	position:relative;
	background-position:center;
	left: 0px;
	background-image: url(../img/footer.gif);
	background-repeat:no-repeat;
	}
#foot {margin-top:525px;}
#foot-real {margin-top:680px;
}
#foot span a, #foot-real span a {
	font-family:"Courier New", Courier, monospace;
	color:#ffffff;
	font-weight:650;
	margin:0 25px 0 25px;
	}
#foot span, #foot-real span {
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	color:#ffffff;
	font-weight:650;
	margin-left: 40px;
	}