/*Structure générale*/
*{
	margin:0;
	padding:0;}

.clearIt {
	display:block;
	height: 0px;
	margin: 0;
	_margin: -7px 0;
	padding: 0;
	color: #000000;
	background-color: #ffffff;
	border: 0;
	visibility:hidden;
	clear:both;}

h1{font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	vertical-align:baseline;
	background-image:url(../images/constr/back_h1.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#FFFFFF;
	height:28px;
	width:610px;
	margin-left:10px;
	padding-left:20px;
}

h2{font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	background-color:#FFCC00;
	background-repeat:no-repeat;
	background-position:center;
	color:#003399;
	vertical-align:middle;
	width:600px;
	margin-left:20px;
	padding-left:10px;
}

h3{
font-weight:bolder;
font-size:16px;
color:#003399;
background-color:#CCCCCC;
background-repeat:repeat-x;
margin: 0 20px 0 20px;
padding-left:20px;
}

h4{
}

p, ul, td{
padding:10px 24px 10px 24px;
margin: 0 20px 0 20px;
}
table, iframe{
margin-left:auto;
margin-right:auto;
}

li{
margin-left:20px;
margin-bottom:8px;
list-style-image: url(../images/constr/bulle.gif);
}

a{
color:#003399;
}

td{
font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
}
body{
font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	margin: 0;
	padding: 0;
	text-align: justify;
	background-image:url(../images/constr/background.gif);
	background-repeat:repeat-x;
}

#conteneur {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	height: inherit;
}

#header {
	display:block;
	width: 950px;
	height: 100px;
	left: 0px;
	top: 0px;
	margin-top:10px;
	z-index:auto;
	float:inherit;
}

#infos {
	margin-right: auto;
	left: 0px;
	top: 115px;
	float:left;
	width:30%;
	float:left;
	background-image:url(../images/constr/back_infos.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#contenu {
	margin-right: auto;
	left: 235px;
	top: 115px;
	float:left;
	width:69%;
	height:565px;
	vertical-align:middle;
	overflow:auto;
}

#footer {
	width: 950px;
	height: 80px;
	left: 0px;
	top: 520px;
	z-index:auto;
	clear:left;width:100%
	}
/*FIN Structure générale*/

/*Structure header*/
#logo{
	position:absolute;
	height:100px;
	width:230px;
	left: 25px;
	top: 0px;
}

#vulco{
margin-top:20px;
}

#vulco ul li{
text-align:center;
text-decoration:none;
margin-bottom:8px;
list-style:none;
background-image:url(../images/boutons/back_bouton.gif);
list-style-image:none;
width:164px;
height:17px;
padding-top:2px;
margin-left:auto;
margin-right:auto;
}

#vulco ul li a{
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

#vulco ul li a:hover{
color:#FFCC00;
}

#vulconet{
padding-left:30px;

}

/*FIN Structure header*/


/*Structure contenu*/

#pub{
	width:710px;
	height:100px;
	margin-right: auto;
	margin-left: auto;
	border-style:solid;
	border-color:#003399;
	border:1px;
	margin-bottom:10px;
}


#caroussel{
	width:280px;
	margin-right: auto;
	margin-left: auto;
}

#services{
	width:670px;
	height:40px;
	margin-left: 286px;
	margin-top:10px;
}

#services ul{
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	margin-top:2px;
}

#services li{
text-align:center;
display:inline;
text-decoration:none;
margin: 0 4px 0 4px;
}

#information{
margin-bottom:10px;
}
#information p,#information ul, #information table{
background-color:#EEEEEE;
}


/*FIN Structure contenu*/


/*Structure infos*/
#centres{
	text-align:center;
	height:100px;
	width:280px;
	margin-top:20px;
}

#news{
	text-align:center;
	height:170px;
	width:230px;
}

#conseils{
background-image:url(../images/constr/back_conseils.gif);
background-repeat:no-repeat;
background-position:center;
	height:220px;
	width:230px;
}

#conseils_contenu{
	padding-top:40px;
	padding-left:30px;
	height:170px;
	width:170px;
}

#conseils_contenu p{
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
}

#legal{
	height:30px;
	width:260px;
	color:#003399;
	font-size:8px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}	

#legal a{
	color:#003399;

}	

#legal ul{
	margin-top:10px;
	text-align:center;
}

#legal li{
	display:inline;
	text-decoration:none;
	margin: 0 5px 0 5px;
}	

/*FIN Structure infos*/


/*Structure footer*/
#partners{
	height:40px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	margin-top:20px;
}

#partners li{
display:inline;
text-decoration:none;
margin: 0 12px 0 12px;
}

#competences{
	height:20px;
	width:930px;
	margin-left:20px;
	text-align:center;
	margin-top:20px;
	background-image: url(../images/constr/back_competences.gif);
	color:#999999;
}

#competences ul{
padding-top:3px;
padding-left:130px;
}
#competences li{
display:inline;
text-decoration:none;
margin: 0 10px 0 10px;
}

#competences li a{
color:#999999;
}

#competences li a:hover{
color:#003399;
}

/*FIN Structure footer*/

/* bouton à largeur ajustable*/
a.bouton, 
button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
a.bouton span, 
button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 10px; 
    vertical-align:middle; 
    background:url(../images/constr/bt_arrondi_left.gif) left top no-repeat; 
} 
a.bouton span span, 
button.bouton span span { 
    padding:0 10px 0 0; 
    background:url(../images/constr/bt_arrondi_right.gif) right top no-repeat; 
} 
a.bouton span span span, 
button.bouton span span span { 
    height:20px; 
    padding:2px 0 0 0; 
    line-height:1.5; 
    background:url(../images/constr/bt_arrondi_center.gif) left top repeat-x; 
} 
 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}
/*FIN bouton à largeur ajustable*/

/* bouton à hauteur ajustable*/
a.bouton2, 
button2.bouton2 { 
    display:-moz-inline-box; 
    display:block; 
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
a.bouton2 span, 
button2.bouton2 span { 
    position:relative;
	float:left;
    padding:20px 0 0 0; 
    vertical-align:middle; 
    background:url(../images/boutons/boule_magenta.gif) center top no-repeat; 
} 

* html button2 {width:1%; overflow:visible;} 
*:first-child+html button2 {overflow:visible;}
/*FIN bouton à hauteur ajustable*/

.important{
color:#0033CC;
font-weight:bold;
font-size:12px;}

.important2{
color:#FFFFFF;
font-weight:bold;
font-size:12px;}

.photo_article_droit {
	float: right;
	padding: 0 0 10px 15px;
	margin: 0 0 0 10px;
}

.photo_article_gauche {
	float: left;
	padding: 0 15px 10px 0;
	margin: 0 10px 0 0;
}

.photo_article_centre {
clear:both;
margin-left:auto;
margin-right:auto;
}