/* 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-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
background-color:#F7F5F5;
text-align:center;
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.5em;
padding-bottom:5px ;
padding-left:10px ;
margin-bottom:10px ;
background-color:#CC0000;
color:#fff;


}
h2
{
font-size:12px;
font-weight:bold;
}
h3
{
text-align:right;
padding:5px 0;
font-size:150%;
}
a
{
color:#287ddb;
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
a:hover
{
text-decoration:none;
}
.rouge{color:#CC0000;}
.bleu{color:#287ddb;}
/****************** 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:850px;
	height:76px;
	float:left;
	background:url(../images/top.jpg) no-repeat;
}
#top
{
	width:800px;
	height:15px;
	float:right;
	margin-right:50px;
	text-align:center;
	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:#287ddb;
}
#menutop a:hover
{
text-decoration:underline;
}
#contenu
{
margin:0 20px;
}
/* droite */
#droite
{float:right;
text-align:left;
width:500px;

}
#droite-G
{float:right;
text-align:left;
width:650px;


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

}
#gauche
{
float:left;
width:350px;

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

}

.menug a
{
color:#287ddb;
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**************/
.inttopo
{
float:left;
width: 230px;
margin-bottom:15px;
}

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