/* CSS Document */

body{
margin:auto;
background-color:#1D4A2E;
}
p, ul{
font-family: "Trebuchet MS sans serif", verdana;
font-size: 0.7em;
font-weight:lighter;
line-height:1.2em;
}

ul{
font-family: "Trebuchet MS sans serif", verdana;
font-size: 0.7em;
font-weight:lighter;
line-height:1.2em;
list-style-type:circle;
padding:0;
padding-left:25px;
margin:0;
}
p.white{
color:#FFF;
}
p.orange{
color:#FCA206;
line-height:0em;
}
p.white a{
color:orange;
font-size:1em;
font-weight:normal;
font-family: "Trebuchet MS sans serif", Verdana;
text-decoration: none;
}
hr{
color:#FCA206;
background-color:#FCA206;
height:2px;
border:0;
margin-top:10px;
margin-bottom:10px;
}

/*Titres*/
h1{
color:#FCA206;
font-family: "Trebuchet MS sans serif", verdana;

font-size: 1em;
padding-top:0px;
padding-bottom:10px;
margin:0;
}
h2{
margin:5px;
color:#1D4A2E;
font-family: "Trebuchet MS sans serif", verdana;
font-size: 0.8em;
line-height:1em;
}
.actu_orange{
color:#FCA206;
border-bottom:#1D4A2E 3px dotted;
font-size:1.8em;
}
p.interligne{
padding-top:5px;
line-height:1em;
font-weight:bold;
}
h3{
color:#FFF;
margin:0;
font-family: "Trebuchet MS sans serif", verdana;
font-weight:lighter;
font-size: 0.7em;
line-height:1.4em;
}
h4{
color:#1D4A2E;
margin:0;
font-family: "Trebuchet MS sans serif", verdana;
font-weight:lighter;
font-size: 0.7em;
line-height:4em;
}
.h4_a{
color:#1D4A2E;
background-color: #FCA206;
line-height:0.1em;
font-size: 0.8em;
text-align:right;
}
.h4_ablanc{
color:#FFFFFF;
background-color: #FCA206;
font-size:1em;
}

h5{
color:#FCA206;
font-family: "Trebuchet MS sans serif", verdana;
font-size: 1.3em;
padding-top:0px;
padding-bottom:0px;
margin:0;
}
/*Titres...fin*/

a{
color:#FFFFFF;
font-family: "Trebuchet MS sans serif", Verdana;
font-size:0.8em;
font-weight:bold;
text-decoration: none;}
a:hover{
color:#FCA206;
}

a.lienvert{
color:#FCA206;
font-weight:normal;
font-size:1em;
}
a:hover.lienvert{
color:#1D4D2E;
}

#bando{
width:800px;
margin: auto;
margin-top:0px;
margin-bottom:5px;
}

.imageflottante {
border:0;}

/***info bulle, thanx to PéUR : http://www.peutetreunereponse.net/article-6614978.html***/

.infobulle{
width:390px;
padding-top:5px;
text-decoration: none;
color: #FFF;
font-weight: lighter;
font-size:0.7em;
cursor:text;
}

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style:normal;
	font-weight:lighter;
	font-size:0.8em;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url("img_cgg/infobulletop00.gif");
    margin:0;
    padding: 0;
    border: 0;
}


/****fin infobulle***/


/**************************menu********************/
#menu{
width:800px;
height:30px;
margin:auto;
line-height:2em;
border-top:#FCA206 3px dotted;
border-bottom:#FCA206 3px dotted;
/*border: 1px red solid;*/
}
.barre_menu{
margin:0;
color:#FFFFFF;
font-size:0.9em;
padding-top:5px;
text-align:center;
font-family: "Trebuchet MS sans serif", Verdana;
}

/*****************contenu********************/
#divbackground{
width:800px;
height:1050px;
margin:auto;
padding-top:30px;
/*border-top:white 1px solid;*/
}
/****CADRE*****/
#cadre_cgg{
width: 270px;
float:left;
margin:auto;
overflow:hidden;
background-color:#FFF;
/*border:blue 1px solid;*/
}
.hautgauche, .hautdroit, .basgauche, .basdroit{
width:10px;
height:10px;
margin:0;
background-repeat:no-repeat;
}

.hautgauche{
background-image:url("img_cgg/cgg_coin/coin_hautgauche.gif");
float:left;
}
.hautdroit{
background-image:url("img_cgg/cgg_coin/coin_hautdroit.gif");
float:right;

}
.basgauche{
background-image:url("img_cgg/cgg_coin/coin_basgauche.gif");
float:left;
align:bottom;
overflow:hidden;
}
.basdroit{
background-image:url("img_cgg/cgg_coin/coin_basdroit.gif");
float:right;
align:bottom;
overflow:hidden;
}
/****FIN CADRE*****/

.cgg{
margin:0;
padding-top:10px;
padding-left:10px;
padding-right:10px;
/*border: red 1px solid;*/
}
.prestations{
padding-top:5px;
padding-bottom:5px;
padding-left:20px;
padding-right:10px;
border: #FCA206 2px dotted; }

#ensavoirplus{
padding-left:130px;
}
#ensavoirplusagenda{
padding-left:0px;
}

#blocsinfos {
width:500px;
float:right;
margin:auto;
/*margin-left:10px;
margin-bottom:20px;
border:orange 1px solid;*/
}

.img_flottante {
float:left;
margin-top:15px;
margin-right:10px;
margin-bottom:10px;}

.img_picto {
float:left;
width:100px;
height:20px;
margin-top:10px;
margin-right:10px;
margin-bottom:0px;}

.img_picto200 {
float:left;
width:92px;
height:100px;
margin-top:0px;
margin-right:10px;
margin-bottom:0px;
}

/****boutons*****/
#divboutons{
width:500px;
height:50px;
margin:auto;
float:right;
/*border:orange 1px solid;*/
}
.bouton1{
width:95px;
height: 20px;
float:left;
margin:0;
background-color:#FCA206;
border-left:#ffcd00 5px solid;
text-align:center;
}
.bouton2{
width:95px;
height: 20px;
float:left;
margin:0;
margin-left:30px;
margin-top:10px;
background-color:#FCA206;
border-left:#ffcd00 5px solid;
text-align:center;
}

/****fin boutons*****/
/****Actu agenda*****/
#divinfos{
width:500px;
height:150px;
float: right;
margin:auto;
margin-top:10px;
padding-top:10px;
padding-bottom:10px;
background-color:#FFF;
/*border:pink 1px solid;*/
}

#agenda{
width:490px;
height:420px;
overflow:auto;
padding-left:10px;
float:right;
background-color:#FFF;
/*border: red 1px solid;*/
}
/**** fin Actu agenda*****/
/************ Fin Contenu***********/




/**************Bas*****************************/

/********* fin Bas*****************************/

/****************Pied de page************************/
#footer{
margin:auto;
width: 800px;
height:40px;
}
p.pied_de_page {
margin:0;
float:left;
width: 800px;
height:40px;
text-align:center;
padding-top:10px;
font-size:0.6em;
color:gray;
/*border: 1px orange solid;*/
}

p.pied_de_page a{
color:orange;
font-size:1em;
font-weight:normal;
font-family: "Trebuchet MS sans serif", Verdana;
text-decoration: none;
}
#valid{
margin:auto;
width:800px;
height:21px;
/*background-image:url("img_cgg/validation_w3c.gif");*/
background-repeat: no-repeat;
background-position:center;
/*border: 1px orange solid;*/
}