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 : #972D97; 
background-image: url("images/images/fond_dgrad.jpg"); 
background-repeat : repeat-x fixed top left;
}

/* BLOC GENERAL */
#content{
width:900px;
height:100%;
background-color : #F8F0F8;
/*background-image: url("images/images/dgrad.jpg");*/
background-repeat:repeat-y; 
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-repeat : no-repeat;
border-top : 0px solid #eee}
  


/* BLOCS CONTENEURS */
.gauche {
width : 180px ;
background : #EECCFF;
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 : #F2D9FF;
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 : #7E257E}

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

/*  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}

h6 {margin : 0 0 0 10px ; padding : 0; font-size : 12px; color : #7E257E}

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


 
.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 AVEC BORDURE POUR METEO */
.expo0 {
float : right ;
 margin-right : 30px ; 
 margin-left : 15px ; border : 0px 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 CENTREE SANS BORDURE */
 .expo3 {
float : center ;
 margin-right : 10px ; 
 margin-left : 15px ; border : 0px}
 
  .expo4 {
float : center ;
 margin-right : 0px ; 
 margin-left : 0px ; border : 0px}
 
 
/* IMAGES CENTREE AVEC BORDURE VIOLET*/ 
 .expo5 {
float : center ;
 margin-right : 0px ; 
 margin-left : 0px ; border : 12px solid #7E257E;}
 
 /* IMAGES CENTREE AVEC BORDURE ROUGE*/ 
 .expo6 {
float : center ;
 margin-right : 0px ; 
 margin-left : 0px ; border : 12px solid #FB0415;}
 
  /* IMAGES CENTREE AVEC BORDURE BLEUE*/ 
 .expo7 {
float : center ;
 margin-right : 0px ; 
 margin-left : 0px ; border : 12px solid #1800FF;}
 
  /* IMAGES CENTREE AVEC BORDURE VERTE*/ 
 .expo8 {
float : center ;
 margin-right : 0px ; 
 margin-left : 0px ; border : 12px solid #2BD110;}
 
  

/* 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 : 0px;
 border : 5px }

.little_expo2 {
float : center ; 

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

.little_expo3 {
float : left ; 
margin-left : 10px;
margin-right : 10px;
 margin-top : 0px;
 border : 0px }

.little_expo4 {
float : left ; 
margin-left : 0px;
margin-right : 5px;
 margin-top : 0px;
 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;}   

/* POLICE COULEUR */
.blanc
{font-size: 11px;color: #FFFFFF;font-weight: bold;}

.rouge
{font-size: 11px;color: #FF3300;font-weight: bold;}




/* 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: #34D100;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  SOULIGNE */
a.class4 {font-size: 11px; color : #FF3300 ; font-weight:bold; text-decoration : underline; margin-left :0px}
a.class4:visited {color: #9D2F9D; text-decoration: underline; margin-left :0px}
a.class4:hover { color:#00D92C; font-weight: bold; font-style : italic; text-decoration: underline; margin-left :0px}


/* LIENS BAS */

a.class5 {color : #0066B3 ; text-decoration : none; margin-left: 30px; font-weight:bold}
a.class5:visited {font-size: 11px;color: #51b6cb; 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 : #ECF1F9;
}

li { 
float:none; 
text-align:center; 
color : #ECF1F9;

}



/* LISTE GENERAL */
.menuhaut li a {
color:#ECF1F9; 
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;
}

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

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

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



 /* MENU CSS 2 */
 #navcontainer2 { width: 180px; }

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

#navcontainer2 a
{
display:block;
padding: 3px;
width: 140px;
background-color: #FFDF80;
border-bottom: 1px solid #EECCEE;
}

FFDF80
#navcontainer2 a:link, 
#navlist2 a:visited
{
color: #7E257E;
text-decoration: none;
}

#navcontainer2 a:hover
{
background-color: #DFFF80;
color: #00BB25;
}


/* formulaire CSS */
select, option {
background-color:#CEFCBA;
color:#691F69;
}
input {
border:1px solid black;
background-color:#CEFCBA;
font-family:"trebuchet ms",sans-serif;
color:#691F69;
}
/* Espacement des lettre pour phrase de bienvenue */

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

/* formulaire */

LABEL { DISPLAY: inline ; FLOAT: left ; WIDTH: 180px ; font-weight: bold ; margin-left: 5px ; }

.INPUT { background-color: #E0E0E0 ; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #575757 ; margin-left: 35px ; border-color:#7E257E;}

.OPTION { background-color:#F2D9FF ; margin-left: 0px ; border-color:#F2D9FF;}

.SELECT { background-color: #E0E0E0 ; border-color:#7E257E; }

.TEXTAREA { background-color: #E0E0E0 ; color: #666666 font-weight: bold ; margin-left: 35px ; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-color:#7E257E; border-width: 1pt ; }

.BUTTON { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-width: 1pt ; border-color:#7E257E; font-size: 12px ; color: #575757 ; top: 250px ; background-color: #E0E0E0 ; }

#centre {margin-left:20px;
}