/* couleurs orange #FFCC00 bleu #287ddb  vert #37BF31  rouge #CC0000 gris #9CC4DE */
/****************** Balises generales ******************/
html, body, h1, h2, h3, h4, h5, h6, li, ul, p
{
margin:0;padding:0;font-weight:normal;
}
body
{
 font:100% Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color:#fff; 
   color:#3d3d3d;
   margin:0;
   line-height:15px;
   font-size : 10px;
   font-weight:normal;
background-image:url(../images/fond.jpg);
background-position:top center;
background-repeat:repeat-y;
}
ul
{
margin-left:15px;
}
p
{
padding:0 0 5px 5px;
}
li
{
margin-left:10px;
}

h1
{
text-align:left;
font-size:1.1em;
padding-bottom:5px ;
padding-left:10px ;
margin-bottom:10px ;
background-color:#006600;
color:#fff;


}
h2
{
font-size:11px;
font-weight:bold;
}
h3
{
text-align:right;
padding:5px 0;
font-size:150%;
}
a
{
color:#fe7631;
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
a:hover
{
text-decoration:none;
}

/****************** blocs g?n?raux **********************************/
#conteneur
{
width:900px;
margin-right:auto;
margin-left:auto;
padding:10px;
text-align:left;
}
#prems
{
	float:right;
	text-align:right;
	width:200px;
	padding-right:40px;
	padding-bottom:5px;
	font-size:10px;
}
#header{
	margin-left:50px;
	width:900px;
	height:90px;
	float:left;
	background:url(../design/banniere4.jpg) no-repeat;
}
#top
{
	width:800px;
	height:10px;
	float:right;
	margin-right:40px;
	text-align:right;
	padding:3px 20px;
}
.presentation
{
float:right;width:470px;padding-right:20px;
}
.right{float:right;}
.imgalingleft{float:left;margin:10px 10px 0px 10px;}
#bas
{
clear:both;
margin:20px 20px;
border-top: solid 1px #CC0000;
padding-top:20px;
}
#logo
{
float:left;
width:315px;
margin-left:20px;
}

/* hierarchie */
#menutop
{
text-align:left;
border-top: solid 1px #CC0000;
margin:10px 20px 20px 20px;

}
#menutop a, #prems a
{
color:#fe7631;
}
#menutop a:hover
{
text-decoration:underline;
}
#contenu
{
margin:0 20px;
}
/* droite */
#droite
{float:right;
text-align:left;
width:500px;

}
#resultats{}
/* gauche */
#gauche
{
float:left;
width:350px;

}
#gauche .entete
{
background-color:#fe7631;
text-align:center;
padding:5px ;
color: #fff;
font-weight: bold;
border: dashed 1px #fff;
}
.menug
{
height: 650px;
background-color:#f3f3f3;
margin-bottom:10px;

}

.menug a
{
color:#4B4B4B;
text-decoration:none;
font-size:11px;
}
.menug a:hover
{
text-decoration:underline;
}
/****************** Mise en forme ******************/
.bloc-droite
{
float:right;
width:230px;
padding:10px 0 10px 10px;
margin-left:10px;
background-color:#F7F5F5;
}
.titre
{
color:#287ddb;
text-decoration:underline;
font-weight:bold;
}
.url
{
font-size:9px;
color:#287ddb;
}
.url a
{
text-decoration:none;
font-weight:normal;
}
.majuscule
{
text-transform:uppercase;
}
.Gleft
{
float:left;
width: 48%;
}
.Gright
{
float:right;
width: 48%;
}
#droite .gauche
{
float:left;
width:210px;
}
#droite .droite
{
float:left;
width:210px;
}

/************ center**************/
.contenant h1 {

  margin-bottom:5px;

  padding-top:2px;
  padding-bottom:2px;
  width:480px;
  color :#fff;
  background-color: #99CC00;
}
.contenant h2 {
color:#99CC00;
  padding:5px;
font-size:1.5em;
}
.contenant{
    width:580px;
    float:left;

}
.promo{
	border:1px solid #99CC00;

    margin-bottom:20px;
	padding:5px;
    width:480px;
    float:left;
    background-color: #fff;
}
/****************** divers ******************/
.google
{
text-align:center;
padding:5px 0px;
/*border: dashed 1px #CC0000;*/
}
#carte
{
width:450px;
height:300px;
text-align: center;
}
.separateur
{
clear:both;
margin:0;
padding:0;
border:none;
height:1;
line-height:1px;
font-size:1px;
}

/* Style image sejour*/
<![if !IE 6]>



.shiftcontainer{
position: relative;
left: -10px; /*Number should match -left shadow depth below*/
top: -15px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 120px; /* container width*/
background-color: #d1cfd0;
position: relative;
left: 10px; /*Number should match -left shadow depth below*/
top: 15px; /*Number should match -top shadow depth below*/
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

</style>

<![endif]>

/* tab xml*/
.tabcroisiere{
border:1px solid #fe7631;
margin-left:14px;
border-collapse:collapse;}
.tbcroisiere{
background-color: #fe7631;
color : #fff;
padding-left:5px;

}