body {
	font-family : Arial,Verdana,Geneva,Helvetica,sans-serif;
	font: bold;
	background : #9A9DF4;
	color: #fff
}




/* ____Index________________DEBUT____*/
#index_entete {
	width: 910px;
	height:140px;
	background: url(images/bandeau_complet.gif);
	background-repeat:no-repeat;
}
#index {
	padding-top: 1px;
	margin-top: 1px;
	width: 816px;
	height:345px;
	/*background : url(images/fond.gif);*/
}
#index a {
	float: left;
	width: 170px;
	padding:8px 0px 9px 0px;
	font-family: Arial;
	font-size:12px;
	text-align:center;
	text-decoration: none;
	color:#fff;
	font-weight: bold;
	background : url(images/boutonrouge_i.png) no-repeat;
}
#index a:hover {
	color:#fff;
	background : url(images/boutonrouge_i1.png) no-repeat;
}

 /*
 #index a.presentation {
	margin: 338px 0px 0px 30px;
}*/
 #index a.img_sarelem {
 	padding: 0px;
	margin: 246px 0px 0px 15px;
 	width: 185px;
	height: 120px;
 	background : url(images/sarelem.gif) no-repeat;
}
#index a.services {
	margin: 165px 0px 0px -70px;
}
#index a.realisations {
	margin: 75px 0px 0px -20px;
}
#index a.activites {
	background : url(images/boutonrouge_a.png) no-repeat;
	margin: 5px 0px 0px 125px;
	width: 210px;
}
#index a.activites:hover {
	background : url(images/boutonrouge_a1.png) no-repeat;
	width: 210px;
}
 #index a.img_activites {
	padding: 0px;
	margin: 3px 0px 0px 105px;
 	width: 250px;
	height: 155px;
	background : url(images/clients.gif) no-repeat;
}
.slogan {
	float:left;
	width: 580px;
	height: 60px;
	margin: 60px 0px 0px 20px;
	text-align:center;
	font-size:23px;
	font-weight: bold;
	color:#fff;
}



/* ____Menu Horizontal avec le Logo ________________DEBUT____*/
#menu_horizontal {
	margin-top: 1px;
	width: 825px;
	list-style-type: none;
	/*height:45px;*/
}
#menu_horizontal a {
	width: 155px;
	padding:8px 0px 8px 0px;
	float: left;
	font-family: Arial;
	font-size:11px;
	text-align:center;
	text-decoration: none;
	color:#fff;
	background : url(images/boutonrouge.png) no-repeat;
}
#menu_horizontal a:hover {
	color:#fff;
	background : url(images/boutonrouge1.png) no-repeat;
}
#menu_horizontal a.actif {
	background : url(images/actif_horizontal.png) no-repeat;
}
#menu_horizontal a.actif1 {
	background : url(images/actif_horizontal.png) no-repeat;
	width: 205px;
}
#menu_horizontal a.activites {
	background : url(images/boutonrouge.png) no-repeat ;
	width: 205px;
}
#menu_horizontal a.activites:hover {
	background : url(images/boutonrouge1.png) no-repeat;
	width: 205px;
}
/*#menu_horizontal  a.gauche{
	width: 7px;
	height:30px;
	float: left;
	background-image: url(images/gauche.png);
	background-repeat:no-repeat;
}
#menu_horizontal  a.droite{
	width: 7px;
	height:30px;
	float: left;
	background-image: url(images/droite.png);
	background-repeat:no-repeat;
}*/




/* ____Menu Gauche ________________DEBUT____*/
#bandeau_gauche {
	margin-top: 1px;
	width: 85px;
	height: 400px;
	background: url(images/bandeau_gauche.gif);
	background-repeat:no-repeat;
}
#bandeau_mentions {
	width: 85px;
	height: 410px;
	background: url(images/bandeau_gauche_mentions.gif);
	background-repeat:no-repeat;
}

#menu_gauche {
	margin-left: 155px;
	/*background : url(images/fond.gif);*/
}

#menu_gauche a {
	padding:5px 0px 5px 0px;
	width: 134px;
	font-family: Arial;
	font-size:11px;
    font-weight: bold;
	text-align:center;
	float: left;
	text-decoration: none;
	color:#fff;
	background : url(images/boutonbleugauche1.png) no-repeat;
}
#menu_gauche a:hover {
	color:#fff;
	background : url(images/boutonbleugauche.png) no-repeat;
}

#menu_gauche a.actif {
	background : url(images/actif_gauche.png) no-repeat;
}



/* ____Le Corps ________________DEBUT____*/

#corps {
	padding:1px 0px 0px 0px;
	margin-top: 1px;
	width: 825px;
	height: 318px;
	/*background : url(images/fond.gif);*/
}

#corps_long {
	padding:1px 0px 0px 0px;
	margin-top: 1px;
	width: 825px;
	height:318px;
	/*background : url(images/fond.gif);*/
}
#corps_mentions {
	width: 825px;
    height:330px;
	/*background : url(images/fond_long.gif);*/
	padding:1px 0px 0px 0px;
}


/* ____Menu Bas ________________DEBUT____*/
#menu_bas{
	width: 810px;
	height:30px;
	text-align: right;
	/*background : url(images/fond_bas.gif);*/
}
#menu_bas a{
	margin-right:5px;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:1px;
	font-family: Arial;
	font-size:13px;
	text-decoration: none; 
/*	text-decoration: underlin;	*/
	color:#fff;
}
#menu_bas a:hover {
	color: #000099;
}
#menu_bas a.actif {
	color: #000099;
}

#menu_bas a.rc {
	padding: 4px 10px 5px 6px;
	margin-right:0px;
	margin-bottom:10px;
	background : url(images/boutonrouge_b.png);
	background-repeat:no-repeat;
}
#menu_bas a.rc_actif {
	padding: 4px 10px 5px 6px;
	margin-right:0px;
	background : url(images/actif_boutonrouge_b.png);
	background-repeat:no-repeat;
}

#menu_bas a.presentation {
	width: 170px;
	float:left;
	margin-bottom:0px;
	margin-top:1px;
	margin-left:17px;
	padding:8px 0px 9px 0px;
	font-family: Arial;
	font-size:12px;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
	color:#fff;
	background : url(images/boutonrouge_i.png) no-repeat;
}
#menu_bas a.presentation:hover {
	color:#fff;
	background : url(images/boutonrouge_i1.png) no-repeat;
}

#menu_bas a.precedente{
	float: left;
/*	background: url(images/precedente.png);
	background-repeat:no-repeat;
*/
}
#menu_bas a.precedente:hover{
/*	background: url(images/precedente1.png);
	background-repeat:no-repeat;
*/
}
#menu_bas a.suivante{
	float: left;
/*	background: url(images/suivante.png);
	background-repeat:no-repeat;
*/
}
#menu_bas a.suivante:hover{
/*	background: url(images/suivante1.png);
	background-repeat:no-repeat;
*/
}

.lien {
	position: absolute; 
	visibility: hidden;
}



/*
.precedente{
	margin-right: 20px;
	margin-left: 100px;
	margin-bottom: -5px;
	background : url(images/precedente.png);
}
.precedente:hover{
background : url(images/precedente1.png);
}
.suivante{
margin-right: 100px;
margin-left: 20px;
margin-bottom: -5px;
background : url(images/suivante.png);
}
.suivante:hover{
background : url(images/suivante1.png);
}
*/


/* ____Styles de Caractères____________DEBUT____*/

h1 {
	font: bold;
	font-size: 11px;
	color: #fff;
}
a:hover { 
text-decoration: none;
color: #FF0000 ;  
}
h1 a:link { 
font-weight:bold ; color: fff ;
}
h1 a:visited {
color: #A70552; 
}

h2 {
	font-size: 14px;
	font-style: italic;
	color: #fff;
}
h3 {
	font-size: 15px;
	font-family: Arial;
	color: red;
}

h4{
	font-size: 15px;
	font-family: Arial;
	color: #fff
}