/*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;}

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;
}

h1{color:#FFFFFF;
font-weight:bold;
font-size:20px;
background-color:#003399;
padding: 4px 4px 4px 4px;
}

#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;
	width: 230px;
	left: 0px;
	top: 115px;
	float:left;
	width:25%;
	float:left;
}

#contenu {
	margin-right: auto;
	margin-top:-15px;
	width: 715px;
	left: 235px;
	top: 115px;
	float:left;
	width:74%;
	vertical-align:middle;
}

#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: 0px;
	top: 0px;
}*/

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

#vulco{
	position:absolute;
	height:100px;
	width:690px;
	left: 260px;
	top: -10px;
}

#vulco ul li{
text-align:center;
display:inline;
text-decoration:none;
margin: 40px 2px 0 2px;
float:left;
}

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

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

#vulconet{
padding-left:10px;

}

/*FIN Structure header*/


/*Structure contenu*/

#pub{
	width:680px;
	height:200px;
	margin-right: auto;
	margin-left: auto;
	border-style:solid;
	border-color:#003399;
	border:1px;
	margin-bottom:10px;
	display:block;
}

#accueil{
	width:690px;
	height:300px;
	margin-right: auto;
	margin-left: auto;
	border-style:solid;
	border-color:#003399;
	border:1px;
	margin-bottom:10px;
	display:block;
	background-color:#FFCC00;
}


#caroussel{
	width:700px;
	margin-right: auto;
	margin-left: auto;
	border-style:solid;
	border-color:#003399;
	border:1px;

}

#services{
	width:660px;
	height:40px;
	margin-right: auto;
	margin-left: auto;
	border-style:solid;
	border-color:#003399;
	border:1px;
}

#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;
}

/*FIN Structure contenu*/


/*Structure infos*/
#centres{
	text-align:center;
	height:100px;
	width:230px;
}

#news{
	text-align:center;
	height:auto;
	width:230px;
	margin-bottom:10px;
}

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

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

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

#legal{
	height:30px;
	width:230px;
	text-align:center;
	color:#003399;
	font-size:8px;
}	

#legal a{
	color:#003399;

}	

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

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

/*FIN Structure infos*/


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

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

#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:1px 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{
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 0px 0 10px;
	margin: 0 10px 0 0;
}