html, body {
margin: 0;
padding: 0;
height: 100%
}


body {
margin: 0;
padding: 0;
/*background-color : #BAFB62;*/
text-align : center;
font-family : verdana;
font-size : 11px;
color : #C4440E; 
background-image: url("images/images/fond_dgrad.jpg"); 
background-repeat : repeat-x fixed top left;
}

/* BLOC GENERAL */
#content{
width:900px;
height:100%;
background-color : #FFFFEE;
margin-left:auto;
margin-right:auto;
text-align : left;
border-top : 1px solid #eee;
}html>body #content {height : auto; min-height : 100%;  }



.haut {
width : 100% ;
height : 20px; 
background-image : url(images/images/grp.swf); 
background-repeat : no-repeat;
border-top : 0px solid #eee}
  


/* BLOCS CONTENEURS */
.gauche {
width : 180px ;
background : #FFDD88;
float : left;
margin-left : 30px !important; 
margin-left : 15px ; /* rectifictif IE du au !important de la ligne precedente */
margin-top : 10px;
padding-bottom :40px; }

	
.droite {
width : 640px ;
background-color : #FFE4AA; 
float : left;
margin-left : 20px; 
margin-top : 10px;
padding-bottom : 40px; }   		
		



/* BAS BLEU */		
.bas{
width : 100% ;
 height : 50px; 
 background-color : #51B6CB; 
 border-top : 1px solid #99FCBA ; 
 text-align : center ;
 color : #CEFCBA;
 margin-top : 5px; 
 background-image: url("images/images/dgrad_bas.jpg"); 
background-repeat : repeat-x ;
 }
 

/* LISTE MENU BAS  */
 .bas ul {
width : 600px ; 
background : transparent ; 
text-align : center ;
color : #7E257E;
height : 20px;
list-style : none;
margin-top : 5px; 
margin-left : auto;
margin-right : auto;  
padding : 0 0 20px 0 !important; 
padding : 0 0 0px 0 }

 .bas li{
margin : 0 0 0 10px}


/* menu bas */
.menu_in_bas {background :transparent}		



/* TITRE MENU GAUCHE */
h1 {margin : 5px 0 5px 0px ; padding : 0; font-size : 14px; color : #C4440E}

/* TITRE CORPS DU SITE SOULIGNE */
h2 {margin : 20px 20px 20px 20px ; padding : 0; font-size : 14px; color : #C4440E; border-bottom: 1px solid; border-color:#C4440E}

/*  MENU GAUCHE  */
h3 {margin : 10px 0 0px 20px ; padding-bottom : 0px; font-size : 12px; line-height:15px; color:#972D97}

/* SOUS-TITRE SOULIGNE */
h4 {margin : 15px 0 0 20px ; padding : 0; font-size : 12px; color : #972D97; text-decoration:underline}

/* TITRE DE PARAGRAPHE */
h5 {margin : 0 0 0 20px ; padding : 0; font-size : 11px; color : #972D97; text-decoration:none}

/* PARAGRAPHE */
p {margin : 0px 20px 0 30px ; padding : 0; text-align:justify; color:#C4440E}


 
.no_top{margin : 0px 20px 0px 30px ; padding : 0;}


/* IMAGES ALIGNEES A DROITE AVEC BORDURE */
.expo {
float : right ;
 margin-right : 10px ; 
 margin-left : 15px ; border : 1px solid #7E257E;}

/* IMAGES ALIGNEES A DROITE SANS BORDURE */
.expo1 {
float : right ;
 margin-right : 10px ; 
 margin-left : 15px ; border : 0px}
 
.expo2 {
float : right ;
 margin-right : 10px ; 
 margin-left : 10px ; border : 0px; 
 margin-top : 10px; }

/* IMAGES ALIGNEES A GAUCHE SANS BORDURE */
.little_expo {
float : left ; 
margin-left : 10px;
margin-right : 10px;
 margin-top : 5px;
 border : 0px }

.little_expo1 {
float : left ; 
margin-left : 30px;
margin-right : 10px;
 margin-top : 5px;
 border : 0px }

.little_expo2 {
float : center ; 

 margin-top : 10px;
 border : 0px }

.photos { 
float : center; 
margin-left : 0px;}

.texte {text-align:center }
.texte2 {text-align:center; color:#FF3300 }

/* SPACER */
.spacer2{clear : both ;background-color :  transparent ;height : 10px;} 
.spacer3{clear : both ; background-color : transparent ;height : 20px;}   

/* ITALIQUE */
.adsl 
{font-size:10px; font-style:italic;}

/* LIENS MENU GAUCHE */
a {font-size: 11px; color : #9D2F9D ; font-weight: bold; text-decoration : none}
a.visited {font-size: 11px;color: #9D2F9D;text-decoration: none;}
a:hover {font-size: 11px;color: #00BB25;font-weight: bold; text-decoration: underline}

/* LIENS  SOULIGNE */
a.class1 {font-size: 11px; color : #9D2F9D ; font-weight:bold; text-decoration : underline; margin-left :20px}
a.class1:visited {color: #9D2F9D; text-decoration: underline; margin-left :20px}
a.class1:hover { color:#00D92C; font-weight: bold; font-style : italic; text-decoration: underline; margin-left :20px}

/* LIENS  SOULIGNE AVEC MARGE DE 20 A GAUCHE */
a.class2 {font-size: 11px; color : #9D2F9D ; font-weight:bold; text-decoration : underline; margin-left :20px }
a.class2:visited {color: #9D2F9D; text-decoration: underline; margin-left : 20px}
a class2:hover {color: #009EEA;font-weight: bold; font-style : italic; text-decoration: underline; margin-left : 20px}

/* LIENS  NON SOULIGNES POUR PAGES SUIVANTES */
a.class3 {font-size: 11px; color : #9D2F9D ; font-weight:bold; text-decoration : none; margin-left :5px}
a.class3:visited {color: #9D2F9D; text-decoration: none; margin-left :5px}
a.class3:hover { color:#00D92C; font-weight: bold; text-decoration: none; margin-left :5px}

/* LIENS BAS */
a.class5 {color : #0066B3 ; text-decoration : none; margin-left: 30px; font-weight:bold}
a.class5:visited {font-size: 11px;color: #FFFFFF; text-decoration: none}
a class5:hover {font-size: 11px;color: #FFFFFF;font-weight: bold; font-style : italic; text-decoration: underline}

/* LIENS EN SAVOIR PLUS */
a.class6{font-size: 10px; color : #9D2F9D; font-weight:400;text-decoration : none;font-style : italic;}
a.visited.class6 {font-size: 10px;color: #9D2F9D;text-decoration: none;}
a:hover.class6 {font-size: 10px;color: #00BB25; font-style : italic; text-decoration: underline}

/* LISTE */
ul {

color : #C4440E;
}

li { float:none; text-align:center; 

color : #C4440E;
}



/* LISTE GENERAL */
.menuhaut li a {
color:#C4440E; 
text-decoration:none; 
display : block ; 
height : 20px ;
margin : 0 0 0 5px ;
 padding : 0 }
 
 
 /* MARGE */
 .google { margin-left : 40px; }
 .google2 { margin-right : 40px; }
 
 /* MENU CSS */
 #navcontainer { width: 180px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: verdana;

color:#C4440E;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 140px;
background-color: #FFE4AA;
border-bottom: 1px solid #FFE4AA;
color:#C4440E;
}

#navcontainer a:link, 
#navlist a:visited
{
color:#C4440E;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #DDF0BB;
color: #00BB25;
}


/* GALERIE JS */
div#galerie
{
	width: 470px ;
	background: #FFE4AA ;
	border: 0px  ;
	padding: Opx ;
	margin: 15px 10px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
	
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	
}

ul#galerie_mini li
{
	float: left ;
	
	
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
	
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: 14px verdana ;
	color: #C4440E ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}

/* MENU DYNAMIQUE DEROULANT */



dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 0px solid gray;
background: #FFE4AA;
}
#menu dd {
border: 0px solid gray;

}
#menu li {
text-align: center;
background: #FFFFCC;
}
#menu li a, #menu dt a {
color: #C4440E;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #FFE4AA;
}

/* Espacement des lettre pour phrase de bienvenue */

.lo{letter-spacing:3px; word-spacing:7px; text-align:center;}