body {
	
	font-family: TrebuchetMS, Verdana, Arial;	
	margin: 0;
	font-size: 12px;
	padding:0;
	color: #000858;
}

#contenu
{
  	width:800px;
	margin:0 auto;
  	background-color: #D0CFDD;
	background-image: url(images/fond2centre.gif);
	background-repeat: repeat-y;

}


#contenu #top
{
	background-image: url(images/fond2haut.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 800px;
	height: 305px;
	z-index: 10;
}

#contenu #top #topcliquable
{
	position: absolute;
	height: 56;
	width: 333px;
	height: 80px;
}

#contenu #top #topcliquable img
{
	border: none;
}

#contenu #left
{
	float:left;
	width: 210px;
	margin-top: -100px;
}

#contenu #bottom
{
	clear:both;
 	background-image: url(images/fond2bas.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 800px;
	height: 66px;
}

#contenu #top #menu {
	padding-top: 120px;
	/*padding-left: 100px;*/
	z-index: +5;
}

/*** COTE GAUCHE **/


#contenu #left #cotegauchetexte
{
/*	z-index: 1;*/
	background-image: url(images/borduregauche.gif);
	background-repeat:no-repeat;
	background-position: top left;
	color:#FFFFFF;
	margin-left: 0.2em;
	padding-left: 0.4em;
	padding-right: 1em;
	padding-top: 4px;
}

#contenu #left #cotegauchetexte h1
{
	color: #000858;
	font-size: 1.1em;
}

#contenu #left #cotegauchetexte h2 a
{
	color: #bc3215;
}

#contenu #left #cotegauchetexte h2
{
	color: #bc3215;
	font-size: 1.0em;
	padding: 1em 0em 1em 1.6em;
	margin-bottom: 0;
	margin-top: 6px;
	background-image:url(images/puce.gif);
	background-position:left center;
	background-repeat:no-repeat;
}


#contenu #left #cotegauchetexte p.contact
{
	margin: 4px 10px 4px 10px;
	color: #000858;
font-size: 1.1em;

	
}

#contenu #left #cotegauchetexte p
{
	font-size: 0.9em;
	margin-top: 4px;
}



/*** valable sur la page index seulement **/
#contenu #page1centrale
{
	margin-left: 250px;
	margin-top: -100px;
	background-image:url(images/bordurecentrale.gif);
	background-repeat:no-repeat;
	padding-left: 2em;
	padding-top: 2em;
	z-index: 3;
	/*height: 300px;*/
}


#page1centrale p
{

	padding-left: 3em;
	padding-top: 2em;
	padding-right: 6em;
	color:#585c8a;
	font-size: 1.1em;
	font-weight: bolder;
	text-align: justify;
}




/*------------- MENU ------------------*/

#menu img
{
	position: absolute;
	top: 0;
	left:0;
	z-index: -3;
}


#menu dl, dt, dd, ul, li {
	
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu dl.dlgauche
{
/*padding-left: 1em;*/
}

#menu dl {
	padding-top: 0.3em;

  float: left;
  width: 160px;
  z-index:5;
}
#menu dt {
  color:#FFFFFF;
  cursor: pointer;
  display:block;
  text-align: center;
  font-weight: bold;
  padding: 0.2em;
  border: 0 none;
}
#menu dd {
  display: none;
}
#menu li {
  text-align: center;
}

#menu li a, #menu dt a {
  color: #fff;
  text-decoration: none;
  display: block;
  height: 100%;
  border: 0 none;
}

#menu li a:hover, #menu dt a:hover {
  border: 0 none;
}

.boite1
{
background-color:#9c1b15;
}

.boite1:hover
{
background-color:#801818;
}

.boite2
{
background-color:#bc3215;
}

.boite2:hover
{
background-color:#89250f;
}

.boite3
{
background-color:#ed6f00;
}

.boite3:hover
{
background-color:#9e4b00;
}


.boite4
{
background-color:#8e97be;
}

.boite4:hover
{
background-color:#576198;
}

.boite5
{
background-color:#5f6295;
}

.boite5:hover
{
background-color:#47496f;
}

/******************/
/** bottom **/

#bottom p
{
	text-align: center;
	font-size: 0.7em;
	color:#FFFFFF;
	padding-top: 5em;
}


/*** contenu des pages **/

/*** TEXTE CENTRAL **/
#textecentral
{	
	margin-top: -160px;
	text-align:center;
	margin-left: 220px;
	margin-right: 20px;
	z-index: -1;

}

#textecentral p
{
	text-align:justify;
	margin-left: 30px;
}

#textecentral .beneficeStrada p
{
	text-align:justify;
	margin-left: 6px;
	font-weight: normal;
}

#textecentral .beneficeStrada li
{
	list-style-type: disc;
	margin: 1em 6px 1em 16px;
	text-align: justify;

}

#textecentral .beneficeStrada p.intervention
{
	list-style-type: disc;
	background-image: url(images/pucebleu.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin-left: 6px;
	padding-left: 10px;
	font-weight: bolder;
}

#textecentral .surligne
{
	text-align:justify;
	font-weight: bolder;
}

#textecentral h1
{
	margin-left: 30px;
	text-align: left;
	color: #585c8a;
	font-weight: bolder;
	font-size: 1.2em;
	padding-top: 1em;
}

#textecentral h1:first-letter
{
	font-size: 1.5em;
}


#textecentral h2
{
	text-align:left;
	color: #bc3215;
	font-size: 1.1em;
	background-image:url(images/puce.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left: 1.6em;
	margin-left: 30px;
}


#textecentral .beneficeStrada h2
{
	margin-left: 0px;
}


#textecentral table .associe
{
	border: none;
}

#textecentral table .associe td
{
	font-weight: bolder;
}

#textecentral p.rub
{
	text-align: justify;
	color: #585c8a;
	font-weight: bolder;
	font-size: 1.2em;
	margin-left: 0.5em;
	padding-left: 1.1em;
	background: url(images/carreOrange12.gif) left no-repeat;
}

#textecentral ul li
{
	text-align: justify;
	list-style-type: disc;
	color: #000858;
	font-weight: 100;
	margin-left: 5em;
	
}


/*** Partie Client **/
#textecentral #client 
{
	margin-top: 2em;
	margin-bottom: 2em;
	width: 90%;

}

.filetblanc
{
	border-bottom: solid white 0.1em;
	border-right: solid white 0.1em;
}


#textecentral #client .texte 
{
	width: 300px;
	vertical-align:middle;
}

#textecentral #client .texte #texteverbatim
{	
	background-image:url(images/gui_ouvert.gif);
	background-position:top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0.5em 0.1em 0.1em 1.2em;
}

#textecentral #client .texte p
{
font-weight: bolder;
font-size: 1.1em;
color: #696d96;
background-position:bottom right;
background-image:url(images/gui_ferme.gif);
background-repeat:no-repeat;
margin: 0;
padding: 0em 0.5em 0.5em 0em;
}

#textecentral #client .texte #lien
{
background-image: url(images/puce.gif);
background-position:left middle;
background-repeat: no-repeat;
padding-left: 1.6em;
text-align: left;
margin-top: 0.4em;
height: 2em;
}

#textecentral #client .texte #lien a
{
font-weight: normal;
font-size:0.9em;
color:#9c1b15;
}


#textecentral .image
{
	position: relative;
	margin-top: -80px;
	text-align: right;
}

#textecentral #client .image
{
	text-align: center;
}

#textecentral #client .image p.auteur
{
	text-align: center;
	margin: 0;
	font-size: 1.1em;
	font-weight: bolder;
}

#textecentral #client .image p.fonction
{
	text-align: center;
	margin: 0;
	font-style:italic;
}

#textecentral h1.verbatim:before
{
	content:url(images/gui_ouvert.gif);
	margin-right: -0.4em;
}
#textecentral h1.verbatim
{
	background-image:url(images/gui_ferme.gif);
	background-position:right;
	background-repeat:no-repeat;
	margin-left: 2em;
	font-size:1.3em;
}

#textecentral .float
{
	background: transparent;
  	float: left;
  	width: 50%;
	text-align: left;
	margin-right: 2em;
	margin-left: -20px;
}

#textecentral .float2
{
  	float: left;
  	width: 50%;
	text-align: left;
	margin-right: -10px;
	padding-right: 0.4em;
	margin-left: 0px;
}

#textecentral .beneficeStrada
{
	background-color: #bebdd0;
	/*background-image:url(images/fondflottant.jpg);
	background-repeat:repeat-y;*/
	color:#585c8a;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	margin-left: 0px;
}

#textecentral .beneficeStrada p.rubrique
{	
	
	background-color: #686c96;
	font-weight: bolder;
	color: #FFFFFF;
	padding: 2px 3px 2px 3px;
	margin: 1em 6px 1em 6px;
	text-align: center;
	display: block;
}

#textecentral li.temoignage
{
  	list-style: url(images/carreOrange12.gif);
	text-align: left;
	margin-left: 3em;
	padding-top: 0.2em;
}

#textecentral #temoignage
{
	margin-top: -100px;
	display:block;
}

/*** Formulaire **/
#textecentral #formulaire td
{
	text-align: left;
	font-weight: bolder;
}

#textecentral #formulaire td .center
{
	text-align: center;
}

#textecentral #formulaire td .bouton
{
	text-align: center;
	font-weight: bolder;
}

#textecentral #formulaire td .fondcolore
{
	background-color:#696d96;
	color: #FFFFFF;	
}