@import "accueil.css";
@import "contact.css";
@import "savoirfaire.css";
/*************************TOUMETAL***********************/
/* RESET */
:link,:visited {
	text-decoration: none;
}
ul,ol {
	list-style: none;
}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin: 0; 
	padding: 0;
}

a img,:link img,:visited img {
	border: none;
}
#top-nav li a
{
  outline: none;
}
/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
	height:100%;/*---obligatoire pour le footer---*/
}
a img {
border:none;
}
body{
	font-size:62.5%;
	background:#FFFFFF url(../images/charte/bg.jpg) center top no-repeat;
	font-family: "Lucida Grande", "Tahoma", "Helvetica", "Arial", sans-serif;
}
.big{
	font-weight:bold;
	font-size:1.4em;
}

#container{
	position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:803px;
	margin:0px auto 0px auto;
	background:url(../images/charte/bg.jpg) repeat-y;
}

#header{
	width:803px!important;
	width:830px;/*correction d'un bug avec le bg du container sous IE6*/
	height:300px; 
	background:#FFFFFF;
}
#header #logo{
	float:right;
	margin:70px 10px 0px 0px;
}
#animlogo{
	float:left;
	margin:0px 0px 0px 0px;
}
#flash{
	margin:0px auto;
}	
#txt{
	float:left;
	width:530px;
	font-size:1.2em;
	padding:10px 10px 20px 10px!important;
	padding:5px;
	background:url(../images/charte/bg-txt.png) repeat-y;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bg-txt.png', sizingMethod='scale');
}
/***************** CONTAINER DU CONTENU *****************/
#contenu {
	position:relative;
	width:803px;
	padding-bottom:25px;
	display:table;
	color:#D4D4D4;
}
/*************Images*****************/

#espace_droite {
	float:left;
	width:200px!important;
	margin: 0px 3px 6px 11px;
}
*+html #espace_droite {
	float:left;
	width:200px;
	margin: 0px 3px 6px 8px;
}
#espace_iso {
	float:left;
	width:140px;
	margin: 5px 3px 6px 55px;
}
.image_droite {
float:right;
margin: 25px 8px 6px 4px;
}
.image_centre {
margin: 5px 10px 6px 20px;
}
.image_centre2 {
margin: 5px 10px 10px 120px;
}
.image_centre3 {
margin: 25px 10px 10px 190px;
}
/***************** MENU *****************/
#menu {
	width:651px;
	height:74px;
	font-size:1.6em;
	float:left;
}
/***************** CONTENU TEXTUEL *****************/
.bordered{
	border:3px solid #999999;
}
#contenuTexte{
	padding:0px 0px 40px 10px!important;
	margin:6px 0px 0px 0px;
	width:803px;
	float:left;
	height:100%;
}
#contenuTexte h1{
	color: #336699;
	font-size:1.8em;
}
#contenuTexte h2{
	color:#336699;
	margin:15px 0px 5px 0px;
	font-size:1.6em;	
}

#contenuTexte p{
	color: #333333;
	font-size:1.2em;
}
#contenuTexte a{
	color:#336699;
}
#contenuTexte a:hover{
	color: #FF9900;
}
.smallespace{
	margin:10px 0;
}
.espace{
	margin:20px 0;
}
.list{
	margin:-10px 0px 0px 50px;
}
.right{
	float:right;
}
.left{
	float:left;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

#iso{
	width:100px;
	margin:0 auto;
}
/***************** FOOTER *****************/
#footer{
	position: relative;/*---obligatoire pour le footer---*/
	margin: -50px auto 0 auto;/*---margin top = - hauteur du footer---*/
	width:803px!important;
	left:50%;
	margin-left:-402px!important;
	margin-left:-415px;
	height:50px;
	text-align:center;
	clear:both;	
	background:url(../images/charte/footer.png) no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/footer.png', sizingMethod='scale');
}
#adresse {
	position:absolute;
	top:0px;
	left:0px;
	margin:20px 0px 0px 10px;
	text-align:left;
	color: #669999;
	font-size:1.1em;
}
#idep {
	float:right;
	margin:15px 10px 0px 0px;
}