/*
 *   S T Y L E S   D E   B A S E   E T   P A R   D E F A U T
 *   -------------------------------------------------------
 */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C2C58;
	background-image: url(../images/fondclair.jpg);	
	background-color: #FA7010;


	/* personnalisation des barres de défilemnt */
	scrollbar-base-color: #BA3508;	/*couleur de base des barres de défilement*/
	scrollbar-3dlight-color: ##E04805;	/* couleur pour les effets de relief (3D)*/
	scrollbar-arrow-color: #FFC42F;	/*couleur pour les pointeurs de défilement*/
	scrollbar-darkshadow-color: #67140C;	/*couleur pour les ombres*/
	scrollbar-face-color:#E04805;	/* couleur pour la surface*/
	scrollbar-highlight-color: #990000;	/* couleur pour le bord haut et le bord gauche*/
	scrollbar-shadow-color: #67140C;	/*   couleur pour le bord droit et le bord du bas*/
	scrollbar-track-color: #B53508;	/*   couleur pour le fond de la barre*/
	padding-bottom: 1em;
}

a, a:visited {
	color: #0A50A1;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:hover, a:active {
	color: #225C3B;
}

a img {
	border: 0;
}

h2 {
	font-size: 10px;
	margin-left: 10px;
	color: #0A50A1;
	text-transform: uppercase;
	margin-bottom: 20px;
}

h3 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0A50A1;
	margin-bottom: 10px;
	padding-top: 20px;
	font-weight: bold;
}

p {
	text-align: justify;
	margin-top: 5px;
	line-height: 1.4em;
}

ul {
	list-style: none;
}

hr {
	color: #2C2C58;
	background-color: #2C2C58;
	height: 1px;
	border: 0;
	margin-left: 20px;
}


/*
 *   P O S I T I O N N E M E N T S   B L O C S
 *   -----------------------------------------
 */

#header {
	position: absolute;
	top: 0;
	left: 0;
}

#bandeau {
	position: absolute;
	top: 0;
	left: 313px;
	background-color: #FA7010;
}

#menuhaut {
	position: absolute;
	top: 52px;
	left: 313px;
}

#menulangues {
	position: absolute;
	top: 60px;
	left: 85px;
	z-index: 20;
}

#btnews {
	position: absolute;
	left: 920px;
	top: 5px;
	z-index: 30;
}

#principal {
	position: absolute;
	top: 100px;
	padding-left: 315px;
	width: 560px;
}

#menudroite {
	position: absolute;
	left: 900px;
	top: 120px;
	width: 245px;
	padding-right: 150px;
}

/*
 *   M E N U    B R E V E S   ( D R O I T E ) 
 *   ----------------------------------------
 */

.hautcadre {
	margin: 0;
	padding-top: 80px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0A50A1;
	background: url(../images/haut3.jpg) no-repeat left 1px;
	height: 66px;
	width: 245px;
}

.cadre {
	background: url(../images/centre3.jpg) repeat-y;
	width: 245px;
	padding: 0 0 0 22px;
}

.bascadre {
	background: url(../images/bas3.jpg) no-repeat;
	height: 100px;
	width: 245px;
}

.cadre li {
	background: url(../images/pucebleue.gif) no-repeat 5px 9px;
	padding: 5px 70px 5px 15px;
}


/*
.hautcadre {
	margin: 0;
	padding-top: 80px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0A50A1;
	background: url(../images/haut3.jpg) no-repeat top left;
	height: 67px;
	width: 222px;
}

.cadre {
	background: url(../images/centre3.jpg) repeat-y 1px 0;
	width: 222px;
	padding: 0 0 0 22px;
}

.bascadre {
	background: url(../images/bas3.jpg) no-repeat 1px 0;
	height: 100px;
	width: 222px;
}


.hautcadre2 {
	background: url(../images/haut2.jpg) no-repeat top left;
	padding: 80px 0 0 40px;
	vertical-align: center;
	font-weight: bold;
	font-size: 12px;
	width: 237px;
	height: 41px;
}

.cadre2 {
	background: url(../images/centre2.jpg) repeat-y;
	width: 237px;
}

.bascadre2 {
	background: url(../images/bas2.jpg) no-repeat;
	height: 87px;
	width: 237px;
}

.cadre2 li {
	background: url(../images/pucebleue.gif) no-repeat 25px 9px;
	padding: 5px 30px 5px 35px;
}
*/



/*
 *   M E N U  H O R I Z O N T A L   ( H A U T ) 
 *   -------------------------------------------
 */
#menuhaut li {
	text-align: center;
	float: left;
	background: url(../images/separateur.gif) no-repeat center right;
	padding-right: 13px;
	padding-left: 12px;
}

#menuhaut a, #menuhaut a:hover, #menuhaut a:visited {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#btnews {
	width: 98px;
	height: 115px;
	background: url(../images/bt1grenews1.gif) no-repeat top left;	
}

#btnews:hover {
	background: url(../images/bt2grenews1.gif) no-repeat top left;	
}

#menulangues li {
	text-align: center;
	float: left;
	padding: 10px;
}



/*
 *   M E N U  G R A P H I Q U E   A   G A U C H E 
 *   --------------------------------------------
 */

#btproduits {
	position:absolute;
	left: 25px;
	top: 435px;
	width: 116px;
	height: 55px;
	background: url(../images/bt1produits.gif) no-repeat top left;	
}

#btproduits:hover {
	background: url(../images/bt2produits.gif) no-repeat top left;	
}

#btservices {
	position: absolute;
	left: 210px;
	top: 422px;
	width: 106px;
	height: 55px;
	background: url(../images/bt1services.gif) no-repeat top left;	
}

#btservices:hover {
	background: url(../images/bt2services.gif) no-repeat top left;	
}

#btactualites {
	position: absolute;
	left: 28px;
	top: 550px;
	width: 118px;
	height: 71px;
	background: url(../images/bt1actualites.gif) no-repeat top left;	
}

#btactualites:hover {
	background: url(../images/bt2actualites.gif) no-repeat top left;	
}

#btcontact {
	position: absolute;
	left: 183px;
	top: 510px;
	width: 89px;
	height: 53px;
	background: url(../images/bt1contact.gif) no-repeat top left;	
}

#btcontact:hover {
	background: url(../images/bt2contact.gif) no-repeat top left;	
}

#btsociete {
	position: absolute;
	left: 105px;
	top: 503px;
	width: 93px;
	height: 49px;
	background: url(../images/bt1societe.gif) no-repeat top left;	
}

#btsociete:hover {
	background: url(../images/bt2societe.gif) no-repeat top left;	
}



/*
 *   S T Y L E S   D I V E R S 
 *   -------------------------
 */

.puce {
	margin-right: 5px;
}

i.spip {
	font-style: normal;
	color: #00004A;
}

ul.spip {
	margin-top: 5px;
	margin-left: 20px;
	list-style: none;
	line-height: 1.4em;
}

li.spip {
	background: url(../images/separateur.gif) no-repeat center left;
	padding-left: 15px;
}

#mentionslegales {
	clear: both;
	margin-top: 40px;
	text-align: center;
}

#mentionslegales a#mentions {
	background: url(../images/piedpage.gif) no-repeat top right;
	padding: 30px 80px 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #B73408; 
}

.spip_documents_right {
	margin-right: 0px;
}

#formulaire_contact {
	margin-top: 20px;
}

.natisys {
	color: #890c08;
	font-weight: bold;
}

.natisys small {
	font-weight: normal;
	font-size: .8em;
}

.col2gauche, .col2droite {
	float: left;
	width: 260px;
}

.col2droite p,.col2gauche p {
	text-align: justify;
}

.col2droite {
	margin-left: 20px;
}

.debutbloc {
	background: url(../images/debutbloc.gif) no-repeat;
	width: 22px;
	height: 26px;
	float: left;
	margin-left: -10px;
	margin-right: 5px;
}

.finbloc {
	float: right;
	margin-top: -15px;
	margin-right: -5px;
	clear: both;
	background: url(../images/finbloc.gif) no-repeat;
	width: 21px;
	height: 27px;
}




/*
 *   B L O C   S U I V A N T   /   P R É C É D E N T 
 *   ------------------------------------------------
 */

#footer {
	margin-left: 50px;
	width: 720px;
	height: 50px;

}

#articleprecedent {
	float: left;
	height: 50px;
	width: 50px;
	background: url(../images/precedent1.gif) no-repeat;	
}

#articleprecedent:hover {
	background: url(../images/precedent-off.gif) no-repeat;	
}

#articlesuivant {
	float: right;
	height: 50px;
	width: 50px;
	background: url(../images/suivant1.gif) no-repeat;	
}

#articlesuivant:hover {
	background: url(../images/suivant-off.gif) no-repeat;	
}



/*
 *   F O R M U L A I R E S 
 *   ---------------------
 */

.boutons {
	text-align: center;
}


.boutons input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #400040;
}