/* CSS Document */
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
		font-size: 10px;
        background: #FFF url(images/fond_degrade.jpg) fixed repeat-x;
        }

h1 {
        font: bold 170% Verdana, Arial, Helvetica, sans-serif;
        color:#666666;
        margin: 20px 0px 10px 15px;
}

h2 {
        font: bold 120% Verdana, Arial, Helvetica, sans-serif;
        color:#0066CC;
        margin: 20px 0px 10px 15px;
}

h3 {
        font: bold 160% Verdana, Arial, Helvetica, sans-serif;
        color:#009966;
        margin: 0px;
		text-align:center;
        padding: 85px 20px 0px 20px;
		letter-spacing: 0.26em;
}

h4 {
        font: bold 120% Verdana, Arial, Helvetica, sans-serif;
        color:#999999;
        margin: 20px 0px 10px 20px;
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
ul.puce {
        list-style:disc;
        margin: 2px 10px;
        padding: 2px 10px;
    }
ol {
        list-style:square;
        margin: 0px 10px;
        padding: 0px 10px;
        }

img {
    border: none;
	padding:0;
	margin:0;
}

p {
	padding: 0;
	margin: 6px 0px;
}

a {
        text-decoration: none;
		color:#0099CC;
  }

a:hover  {
text-decoration:underline;
}

/* structure */
div#global {
	width: 970px;
	margin: 10px auto;
	position: relative;
	background:#FFFFFF;
	border:#006699 1px solid;
	}
div#header {
	height:110px;
	clear:both;
	}
div#center {
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding: 10px; 
/*	overflow: auto;*/
	}
div#footer {
	margin:30px 0px 0px 0px;
	width: 100%;
	height:25px;
	text-align:center;
	background-color:#eeeeee;
	border:#000000 1px dashed;
	clear:both;
	}
	
div#sidebar {
	float: left;
	width: 290px;
	margin-right:30px;
	}
div#content {
	float: right;
	margin:6px 10px 4px 0px;
	width: 600px;
	font-size: 11px;
	}

div#content2 {
	width: 450px;
	margin: 20px auto;
	padding: 0px 10px 10px 10px;
	position: relative;
	border:#000000 3px dashed;
	}

/*- header ------------------------- */
#header img {
	float:left;
}
img.logo {
	margin:0px 10px;
}
#photos_gauche {
position:absolute;
top:0;
right:0px;
}
#lien {
position:absolute;
top:87px;
right:0px;
background-color:#0099FF;
padding:4px;
}
#lien a {
	color:#FFFFFF;
	font-weight:bold;
	font-size:110%;
}
#lien a:hover {
	color:#FFFF99;
	text-decoration:none;
}
#photos_droite {
position:absolute;
top:0;
left:320px;
}
h3.entete  {
        font: bold 140% Verdana, Arial, Helvetica, sans-serif;
        color:#009966;
        margin: 0px;
		text-align:center;
        padding: 30px 20px 0px 0px;
		letter-spacing: 0.26em;
}

/*- sidebar ------------------------- */
#illustration img {
	margin-top: 50px;
	border:#000000 1px solid;
}
#logos {
width:320px;
float:left;
}
#logos img {
	margin-top: 4px;
	border:none;
}

/*- content ------------------------- */
#content h4 {
	margin:0px 0px 20px 56px;
	font-size:140%;
	letter-spacing:0.3em;
}

.droite img {
	float:right;
	border:#000000 1px solid;
	margin-left:10px;
}

.formule {
margin-left:100px;
font-weight:bold;
color:#CC6600;
}

p.important {
	background-color:#0099aa;
	border-bottom:#333333 2px solid;
	border-right:#333333 2px solid;
	color:#FFFFFF;
	padding:8px;
}

#mappemonde {
float:right;
margin:40px 0px 10px 10px;
}
p.contact {
position:absolute;
top:106px;
right:6px;
}


/*- footer ------------------------- */
#footer img {
	float:right;
	margin:3px 10px;
}

/*- classes ----------------------- */

/*- blocs ------------------------- */
#actu {
	color:#006699;
	height:190px;
	overflow:auto;
}
#actu p:first-letter /* Je veux que la première lettre de mes paragraphes... */
{
   float: left; /* Flotte à gauche */
   font-size: 25px; /* Fasse une hauteur de 3 lignes */
   font-family: Arial, Georgia, "Times New Roman", Times, serif; /* Soit mise en Arial si possible*/
   font-weight: bold; /* Soit écrite en gras (c'est plus voyant) */
   color:#cceeff;
   margin-right: 4px; /* marge de 5px à droite pour que ça colle pas trop au reste du texte */
   background-color:#006699;
   padding:3px 3px 3px 3px;
}

#bouton {
float:right;
}

.videos {
float:left;
padding:0px 20px 10px 60px;
width:320px;
text-align:center;
}

.entete_video{
background-image:url(images/entete_video.jpg);
height:16px;
padding-top:4px;
}

.posrelative
{
POSITION: relative;
}

#pub
{
POSITION: absolute;
left:290px;
TOP: 465px;
}

#news {
margin:60px 0px 0px 50px;
float:left;
}
#form_news
{
	padding:4px 4px 4px 4px;
	WIDTH: 200px;
	height:106px;
	border:#000 1px solid;
	background-color:#f8ddf8;
	color:#a228a2;
}
#form_news form {
margin:0;
}

img#evenement {
margin:23px 0px 0px 10px;
}
#cadre_evenement
{
padding:4px 4px 4px 4px;
WIDTH: 260px;
height:140px;
border:#000 1px solid;
background-color:#DBE3F9;
color:#002266;
margin:0px 0px 0px 10px;
}

img#btn_pdf
{
POSITION: absolute;
right:10px;
TOP: 890px;
}

#publi, #publi_gb
{
POSITION: absolute;
right:20px;
}
#publi {
TOP: 661px;
}
#publi_gb {
TOP: 754px;
}
#conteneur, #conteneur_gb
{
POSITION: absolute;
right:20px;
padding:4px 4px 4px 4px;
OVERFLOW: hidden;
WIDTH: 290px;
height:140px;
CLIP: rect(0px 300px 150px 0px);
border:#000 1px solid;
background-color:#f9fff3;
color:#44660E;
}
#conteneur
{
TOP:683px;
}
#conteneur_gb
{
TOP:776px;
}
#conteneur a{
 font: bold 110% Verdana, Arial, Helvetica, sans-serif;
 color:#0066CC;
 text-decoration:underline;
}
#conteneur a:hover  {
text-decoration:none;
}
#logos_clients
{
POSITION: absolute;
right:310px;
TOP: 20px;
}
#logos_gb
{
POSITION:absolute;
right:200px;
TOP: 480px;
}
object {
margin:10px 0px 10px 5px;
}
.date {
 font: bold italic 100% Verdana, Arial, Helvetica, sans-serif;
 color:#0099CC;
 text-align:right;
}

#carte {
	position:absolute;
	top:-130px;
	right:-220px;
}
/*- Menu --------------------------- */
#nav {
        width: 200px;
        }

#nav li {
	position: relative;
	}

#nav li a {
 	display: block;
       height: 22px;
        text-decoration: none;
         background:  url(images/menu.gif);
	color:#0066CC;
       }

#nav li a:link, #nav li a:visited {
        display: block;
        padding: 10px 0 0 35px;
        }

#nav li a:hover, #nav li #current  {
		background-position: left bottom;
        padding: 10px 0 0 35px;
 	font-weight:bold;
       }
	
li ul {
	position: absolute;
	left: 200px; /* Set 1px less than menu width */
	top: 0;
	display: none;
    height: 22px;
    width: 200px;
	background-image:none;
	}

#nav li #long  {
	padding: 6px 0 0 35px;
    height: 26px;
}
#nav li #longspec  {
	padding: 6px 0 0 35px;
    height: 26px;
    background:  url(images/menu2.gif);
       }
#nav li #longcurrent  {
	padding: 6px 0 0 35px;
    height: 26px;
	background-position: left bottom;
 	font-weight:bold;
}

#nav li #accueil  {
margin-top:10px;
	padding: 10px 0 0 35px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul,  li.over ul { display: block; } /* The magic */

li ol{
	position: absolute;
	left: 200px; /* Set 1px less than menu width */
	top: 0;
	display: none;
    height: 22px;
    width: 200px;
	background-image:none;
        list-style: none;
        margin: 0;
        padding: 0;
	}
li ul li:hover ol, li ul li.over ol { display: block; } /* The magic */

p.intro {
color:#009966;
margin:10px 60px 10px 40px;
text-align:justify;
}