/*----------------------------------------------------------------*
  *---  WWW.ROOTS-INTERACTIV.FR - Agence Web Marseille ---  CSS  --*
  *----------------------------------------------------------------*/


html {
margin : 0;
padding : 0;
}

body {
margin : 0;
padding : 0;
background-color : #fff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #FFFFF;
background-image : url(../img/deco/fond.gif) ;
background-repeat : top center fixed;
}

p, form, input {
margin : 0;
padding : 0;
}

select {
color : #000;
background-color : #fff;
}


/*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/



#general {
position : relative;
margin-left : auto;
margin-right : auto;
width : 928px;
background-image : url(../img/deco/fond.jpg);
background-repeat : repeat-y;
}

#contenu {
position : relative;
margin-left : auto;
margin-right : auto;
width : 928px;
background-image : url(../img/deco/fond.jpg);
background-repeat : repeat-y;
}

#centre {
float: left;
width: 213px;
background-image : url(../img/deco/fond_3.gif);
background-repeat : repeat-y;
}

#droite {
margin : 0 auto;
padding : 0;
width : 500px;
float : right;
background-image : url(../img/deco/fond_4.gif);
background-repeat : repeat-y;
}

#gauche {
margin : 0 auto;
padding : 0;
width : 215px;
float : left;
background-image : url(../img/deco/fond_2.gif);
background-repeat : repeat-y;
}

.gauchecontenu {
width : 205px;
margin : 5px 5px 0 5px;
padding : 0;
line-height : 14px;
text-decoration : none;
text-indent : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : left;
font-size : 10px;
}

.droitecontenu {
width : 485px;
margin : 5px 5px 0 10px;
padding : 0;
line-height : 14px;
text-decoration : none;
text-indent : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size : 10px;
}

.menucontenu {
display : block;
width : 280px;
margin : 5px 0 0 25px;
padding : 0;
height : 20px;
line-height : 14px;
text-decoration : none;
text-indent : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #fff;
text-align : left;
font-size : 10px;
}






#droitecontenu {
margin : 0px 0px 0 0px;
padding : 0;
width : 500px;
}

#menu {
background-color:#740B00;
text-align:center;
margin : 0;
padding : 4px 0 0 0;
width : 500px;
height : 24px;
font-size : 14px;
font-weight : bold;
}

#menu a{
text-decoration : underline;
margin:0 20px 0 0;
font-size : 14px;
color:#F2DFB4;
font-weight : bold;
color:#FFF;
}

#menu a:hover{
text-decoration: none;
color:#FFF;
}







#bain {
position : relative;
height: 217px;
background-image : url(../img/deco/fond_bain.gif);
}

#visuel {
position : relative;
height: 709px;
background-image : url(../img/deco/fond_visuel.jpg);
}

#footer {
clear : both;
margin : 0 auto;
padding : 10px 0 0 0;
width : 928px;
height : 70px;
text-align : center;
background-color : #ADD1A1;
}



a {
color: #823D0A;
text-decoration: none;
}

a:hover {
color: #823D0A;
text-decoration: none;
}

.titre {
margin:10px 0 10px 0;
padding : 0;
text-align : left;
color : #740B00;
font-weight : bold;
font-size : 18px;
}

.soustitre {
margin : 0 auto;
padding : 0;
text-align : left;
color : #740B00;
font-weight : bold;
font-size : 14px;
text-decoration: none;
}

.soussoustitre {
margin : 0 auto;
padding : 0;
text-align : left;
color : #FFFFFF;
font-weight : bold;
font-size : 12px;
}
.new {
	color: #F00;
}