* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%; }

body {
background:#fff url(img/body_fond.jpg) repeat-x top;
text-align:justify;
font:100%/1.5 Arial, "Times New Roman", sans-serif; }

/***** Typo *****/

h1, h4, .invis {
position:absolute;
top:-9999px; }

h2 {
font-size:130%;
color:#FE0000;
padding:15px 0;
padding-top:5px; }

div#presentation_contenu p {
padding-bottom:10px; }



/***** Modifs Nicolas  *****/

h3 {
font-size:110%;
color:#FE0000;
padding:5px 0;
padding-top:5px;
}


ul.liste_presentation_contenu {
margin-left:10px;
margin-bottom:10px;
}

ul.liste_presentation_contenu li {
list-style:disc;
margin-left:10px;
}


ul#liste_references {
	overflow: auto;
	width: 550px;
	margin:0 auto;
	text-align:center;
	margin-left:90px;
	margin-top:20px;
}
	
ul#liste_references li {
	float:left;
	margin-bottom:15px;
	}
	
ul#liste_references li img {
	display:block;
	margin-right:15px;
	margin-left:15px;
	width:107px;
	height:99px;
	padding:5px;
	border: 1px solid blue; }	
	
ul#liste_references li img:hover {
	border-color:red;
}

ul#liste_references li a {
	color:blue;
	margin-top:10px;
	text-decoration:none;	}

	
	
	
ul#galerie_references {
	overflow: auto;
	width:665px;
	margin:0 auto;
	margin-top:20px;
}
	
ul#galerie_references li  {
	float:left;
	margin-bottom:15px;
 }
		
ul#galerie_references li img {
	display:block;
	margin-right:20px;
	margin-left:0;
	padding:5px;
	border: 1px solid blue; } 
	
ul#galerie_references li a {
	outline:none; }

ul#galerie_references  img:hover {
	border-color: #fd0003;
	background-color:#0031e3;
	text-decoration:none;}

	
	
	
ul#categorie_references li {
list-style-type:disc;
color:#fd0003;
margin-left: 10px;
margin-bottom: 5px;
}

ul#categorie_references  li  a{
color: #0080fe;
text-decoration:none;
}



/***** Layout *****/

div#global {
width:948px;
margin:0 auto; }

div#entete {
position:relative;
width:100%;
height:148px; }

div#entete_flash {
position:absolute;
top:0;
left:0;
width:705px;
height:148px; }

div#coordonnees {
position:absolute;
top:0;
right:0;
width:243px;
height:148px;
background:transparent url(img/coordonnees_fond.png) no-repeat; }

div#img_top {
width:100%;
height:7px;
background:transparent url(img/conteneur_top.png) no-repeat; }

div#conteneur_centre {
position:relative;
width:100%;
background:transparent url(img/conteneur_fond.png) repeat-y; }

div#menu {
background:#fff;
position:absolute;
top:0;
left:9px;
width:205px;
height:200px; }

div#contenu {
min-height:350px;
margin-left:216px;
margin-right:11px; }

div#img_bottom {
width:100%;
height:151px;
background:transparent url(img/pied_fond.png) no-repeat; }

div#pied {
width:100%;
height:20px;
line-height:20px; }

/***** #entete *****/

div#coordonnees dl {
margin-top:46px;
text-align:center;
font-size:80%;
font-weight:bold;
color:#fff; }

/***** #menu *****/

div#menu ul li {
text-align:center;
width:100%;
height:30px;
line-height:27px;
background:transparent url(img/menu_item.jpg) no-repeat; }

div#menu ul li.first {
height:33px;
line-height:33px;
background:transparent url(img/menu_first.jpg) no-repeat; }

div#menu ul li.last {
background:transparent url(img/menu_last.jpg) no-repeat; }

div#menu ul li a {
text-decoration:none;
font-size:90%;
color:#fff;
font-weight:bold; }

div#menu ul li a:hover {
color:#FFE500; }

/***** #contenu *****/

div#presentation_contenu {
padding:0 30px;
font-size:80%; }

ul#liste_qualifs {
overflow:auto;
width:100%;
margin-left:4px;
padding-top:10px; }

ul#liste_qualifs li {
font-size:80%;
position:relative;
border:1px solid #4BADAD;
height:110px;
float:left;
width:345px;
margin:10px 5px;
margin-top:0;
background:#89FFFF; }

ul#liste_qualifs li img {
position:absolute;
top:5px;
left:5px;
border:1px solid #4BADAD; }

ul#liste_qualifs li dl {
margin-top:5px;
margin-left:120px;
margin-right:5px; }

ul#liste_qualifs li dl {
margin-left:120px; }

ul#liste_qualifs li dl dt {
margin-bottom:10px; }

ul#liste_qualifs li dl dt a {
font-weight:bold;
color:#FE0000;
text-decoration:none; }

ul#liste_qualifs li dl dt a:hover {
color:#8C0000; }

/***** #pied *****/

div#pied ul {
text-align:center; }

div#pied ul li {
margin:0 5px;
font-size:70%;
display:inline; }

div#pied ul li a {
color:#5EAEFF;
text-decoration:none; }

div#pied ul li a:hover {
color:#AAD5FF; }



/***** Contact *****/

input.champs {
border: solid 1px;
}

textarea.champs {
border: solid 1px;
}

p span.left {
float:left;
width:100px;
font-weight:bold;
margin-right:20px; 
}

.bouton {
border: solid 1px;
margin-left:10px;
}

p.notice {
font-size: 80%;
}

