/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  margin:0px; 
	padding:0px; 

}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	padding:0px; 
	font-size: 12px;
	color: #000;
	background: #fff ;
	background:url('../images/fond.gif') repeat-y 50%;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: underline;
}
input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0px none; }

a.bouton{
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #9d9d9d;
	text-decoration:none;
	font-weight:bold;
	border-bottom:solid 1px #d0d0d0;
	border-left:solid 1px #d0d0d0;
	border-right:solid 1px #d0d0d0;
	border-top:solid 1px #d0d0d0;
}
a.bouton:hover {
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #10b14a;
	font-weight:bold;
}

a.lien_gris {
	text-align:center;
	font-size:1em;
	color: #9d9d9d;
	text-decoration:none;
	font-weight:bold;
}
a.lien_gris:hover {
	text-align:center;
	font-size:1em;
	color: #9a361c;
	font-weight:bold;
}
a.lien_marron {
	text-align:center;
	font-size:1em;
	color: #9a361c;
	text-decoration:none;
	font-weight:bold;
}
a.lien_marron:hover {
	text-align:center;
	font-size:1em;
	color: #9d9d9d;	
	font-weight:bold;
}
#bouton1 {
	float: left;
	margin-left: 70px;
	margin-top: 10px;
	height:21px;
	width:119px;
	margin-bottom: 10px;
}
a.bouton1 {
	padding-left: 20px;
	padding-top: 2px;
	float: left;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #9a361c;
}
a.bouton1:hover {
	padding-left: 20px;
	padding-top: 2px;
	float: left;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #9d9d9d;
}

li.puce{ 
	list-style-image: url(../images/puce_vert.png);
	
}
.image{
	float:left;
	background-color:#fff;
	border:1px solid #fff;
	margin:0 10px 10px 0px;
	padding:2px;
	
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

/*#container {
	text-align:left;
	float:none;
	margin-left: -475px;
    left: 50%; 
	width: 950px;
	position:absolute;
}*/
#container {
	width:900px; 
	margin:auto; 
	text-align:left; 
}

#haut {
	height: 237px;
	background:url('../images/banniere.jpg') no-repeat;
	margin-left:260px;
	position:relative;
	width:630px;
}
#bas {
	top: 50px;
	width:100%;
	height: 40px;
	position:relative;
	float:left;
	background:url('../images/bas.gif') repeat-x;
	padding-top:10px;
}
#signature {
	height: 120px;
	background:url('../images/signature.jpg') no-repeat right;
	position:relative;	
}
#newsletter {
	height: 100px;
	position:relative;
	text-align:center;
	margin-top:15px;
}
#newsletter h1{
	font-size: 1.2em;
	margin: 5px 5px;
	color:#666666;
	text-align:center;
	font-weight:bold;
}
#newsletter h1 a{
	font-size: 1.2em;
	margin: 5px 5px;
	color:#9a361c;
	text-align:center;
	font-weight:bold;
}
#newsletter h1 a:hover{
	font-size: 1.2em;
	margin: 5px 5px;
	color:#000;
	text-align:center;
	font-weight:bold;
}

#trait-bas {
	background:url('../images/trait-bas.png') repeat-x;
	width:100%;
	height: 5px;
	
}
.pied-de-page {
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:right;
}
.pied-de-page a{
	color:#000000;
	text-decoration:none;

}
.pied-de-page a:hover{
	color:#9a361c;
}
#son {
	height: 50px;
	width : 100%;
	float:right;
	z-index:20;
	position:relative;
	text-align:right;
}
#logo {
	height: 40px;
	width : 100%;
	background:url('../images/trait-pointille.gif') repeat-x 10px;;
	float:left;
	z-index:20;
	position:relative;
}
#dif-tab {
	width : 100%;
	z-index:20;
	position:relative;
	float:left;
}

/* ----------------------------------       partie menu  horizontal        -----------------------------------*/
#menu {

width: 100%;
color: #000;
position:relative;
height:60px;
margin:0;
padding:0;
top:0;
bottom:0;
background:url('../images/frise-menu.gif') repeat-x ;

}
#trait-pointille {
	width : 900px;
	Border-Style: None None dashed none;
	position:relative;
}
.blanc {
	color:#fff;
}
.lavaLampBottomStyle {
	position: relative;
	width: 100%;
	background-color: white;
	padding: 5px 0px;
	margin: 0;
	float:left;
	background:url('../images/pointille.gif') repeat-x ;
}
		.lavaLampBottomStyle li {
			float: left;
			list-style: none;
			padding-right: 15px;
			
		}
			/*propriété du trait qui bouge*/
			.lavaLampBottomStyle li.back {
				margin-top : 23px;
				padding-left : 10px;
				border-bottom: 4px solid #9a361c;
				height: 20px;
				z-index: 8;
				position: absolute;
				padding-right: 25px;
			}
			.lavaLampBottomStyle li a {
				
				font: normal 1.5em century gothic,serif;
				text-decoration: none;
				color: #3d3832;
				outline: none;
				text-align: center;
				top: 1px;
				letter-spacing: 0;
				z-index: 10;
				display: block;
				float: left;
				height: 40px;
				position: relative;
				overflow: hidden;
				padding-left : 7px;
				padding-right : 19px;
				padding-top : 10px;
				font-size:15px;

			}   
				.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle{
					/*Border-Style: solid none none;*/
					/*border-width:5px;*/
					border-color: #e9e9e9;
					color: #9a361c;
				}  


.blanc {
	color:#fff;
}

/*  --------------------       cadre du  milieu   -------------------------- */
#milieu {
	float:left;
	width: 900px;
	margin-top: 20px;
	text-align:left;
}

#gauche {
	position:relative;
	float:left;
	width: 450px;
	margin-top: 10px;
}
#contenu {
	position:relative;
	float:left;
	width: 470px;
	margin-top: 10px;
	background:url('../images/cadres/milieu_gauche.png') repeat-y ;
	margin-left: 10px;
	border:0px solid #cfcfcf;
}
#droit {
	position:relative;
	float:right;
	width: 450px;
	margin-top: 0px;
}
#contenu-texte {
	margin: 0px 0px;
	text-align:justify;
	color:#666666;
	line-height:1.6em;
}
#contenu-texte h1 {
	font-size: 1.2em;
	color:#9a361c;
	font-weight:bold;
}
#contenu-texte h2 {
	font-size: 1.2em;
	margin: 5px 5px;
	color:#666666;
	text-align:justify;
	font-weight:normal;
}
#cadre-photo {
	width: 800px;
	margin: 10px;
	text-align:center;
}


/*  --------------------       cadre gauche     -------------------------- */

#titre-page{
	position:relative;
	float:left;
	width: 100%;
	margin-top: 10px;
	margin-bottom:10px;
}
h1.titre{
	font-size: 1.2em;
	color:#fff;
	padding-left:28px;
	margin:0;

}
.image-menu {
	height:29px;
	width:200px;
	padding-left:120px;	

}
.cadre {
	list-style: none;
	padding-left : 0px;
	margin:0;
	
}
.cadre li {
	list-style: none;
	margin-top:0px;
	padding-top:0px;
	
}
.cadre a {
	font-size: 1em;
	text-decoration: none;
	color: #7b9021;
	text-align: left;

}   
.cadre a:hover, .cadre a:active, .cadre a:visited {
	color: #098145;
} 
.sous li a{                 
	background:url('../images/picto-fleche-bleue.png') no-repeat 0px 6px;
	padding-left: 10px;
	color: #646464;
	font-style:italic;
}
/*//////////////////////////////////////////////////////////////*/
#haut_vert{
	margin-top: 0px;
	position:relative;
	background:url(../images/bord-cadre-vert.png) no-repeat;
	height:42px;
	width:100%;
}	 
#haut_vert_g {
	float:left;
	position:relative;
	background:url(../images/bord-cadre-vert.png) no-repeat ;
	height:42px;
	width:4px;
}
#haut_vert_m {
	float:left;
	position:relative;
	background:url(../images/milieu-cadre-vert.png) repeat-x;
	height:42px;
	text-align:left;
	padding: 10px;
	color:#70b123;
	font-size:2em;
	font-weight:normal;
	font-family: Arial,sans-serif;
}
#haut_vert_d {
	float:right;
	position:relative;
	background:url(../images/frise-titre.gif) repeat-x ;
	height:30px;
	width:100%;
}
.texte{
	position:relative;
	float:left;
	margin-top:0;
	color:#70b123;
	background-color:#FFFFFF;
	font-size:2em;
	font-weight:normal;
	font-family: Arial,sans-serif;
	text-align:left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top:10px;
	padding-bottom:4px;	 

}

h2.vert{
	font-size: 1em;
	margin-left: 10px;
	padding-left: 5px;
	color:#000;
}
.right{
	font-size: 1.2em;
	margin-left: 10px;
	padding-left: 5px;
	color:#000;
	text-align:right;
}

#bouton {
	margin-left: 45%;
}
#bouton {
padding-top: 10px;
padding-left: 1px;
}
td.ligne_centre{
text-align:center;
}
td.ligne_gauche{
text-align:left;
padding-left: 5px;
padding-right: 2px;
padding-top: 5px;
padding-bottom: 5px;
color:#000000;
}

textarea {
background-color:#ffffff;
font-family:"Andale Mono",Arial,sans-serif;
BORDER-RIGHT: 1px solid; 
BORDER-TOP: 1px solid; 
FONT-SIZE:10pt; 
BORDER-LEFT: 1px solid; 
BORDER-BOTTOM: 1px solid; 
FONT-FAMILY: arial; 
BACKGROUND-COLOR: #ffffff;
border-color:#d0d0d0;
COLOR: #2b72b4;
}
input.text
{

FONT-SIZE:10pt; 
FONT-FAMILY: arial; 
BACKGROUND-COLOR: #ffffff; 
border-color:#d0d0d0; 
COLOR: #2b72b4;
text-align: left;
BORDER-RIGHT: 1px solid; 
BORDER-TOP: 1px solid; 
BORDER-LEFT: 1px solid; 
BORDER-BOTTOM: 1px solid; 
margin-left: 10px;
}
input.radio
{

FONT-SIZE:10pt; 
FONT-FAMILY: arial; 
BACKGROUND-COLOR: #ffffff; 
border-color:#d0d0d0; 
COLOR: #2b72b4;
text-align: left;
BORDER-RIGHT: 0px solid; 
BORDER-TOP: 0px solid; 
BORDER-LEFT: 0px solid; 
BORDER-BOTTOM: 0px solid; 

}
input.login
{

FONT-SIZE:10pt; 
FONT-FAMILY: arial; 
BACKGROUND-COLOR: #ffffff; 
border-color:#d0d0d0; 
COLOR: #2b72b4;
text-align: left;
BORDER-RIGHT: 1px solid; 
BORDER-TOP: 1px solid; 
BORDER-LEFT: 1px solid; 
BORDER-BOTTOM: 1px solid; 

}
select
{
BORDER-RIGHT: 1px solid; 
BORDER-TOP: 1px solid; 
FONT-SIZE:10pt; 
BORDER-LEFT: 1px solid; 
BORDER-BOTTOM: 1px solid; 
FONT-FAMILY: arial; 
BACKGROUND-COLOR: #ffffff; 
border-color:#d0d0d0; 
COLOR: #2b72b4;
text-align: left;
margin-right: 20px;
}
input.checkbox
{
BORDER-RIGHT: 0px solid; 
BORDER-TOP: 0px solid; 
FONT-SIZE:14pt; 
BORDER-LEFT: 0px solid; 
BORDER-BOTTOM: 0px solid; 
FONT-FAMILY: arial; 
BACKGROUND-COLOR: #ffffff; 
border-color:#d0d0d0; 
COLOR: #d81c63;
text-align: center;
margin-right: 10px;
}
table.indic
{
border-style: solid;
border-color: #d2d2d2;
border-right-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
}