/* CSS Document */


#global {
border-color:#000;
border:1px;
border-style:solid;
width:800px; /*largeur du div global*/
margin-left:auto;/*centre le div global*/
margin-right:auto;/*centre le div global*/
}

body,p,h1,h2,h3,h4{
padding:0px;
margin:0px; /*met les marges du body général à 0*/
}

#header {
background-image:url(../medias/image_haut_fond.jpg);
background-repeat:repeat-x;/*x : définit une répétition horizontale seulement. Mettre y pour répet verticale*/
height:105px;
}

#menu{
height:105px;
background-image:url(../medias/logo.jpg);
background-repeat:no-repeat;/*ne répète ni en hauteur ni en largeur*/
}

#menu ul{
margin:0px;/*met toutes les marges extérieures à 0*/
padding:0px;/*met toutes les marges intérieures à 0*/
padding-top:70px;/*permet de "descendre" le menu sous l'image avec marge intérieure*/
}

#menu li{
margin:0px;/*met toutes les marges extérieures à 0*/
padding:0px;/*met toutes les marges intérieures à 0*/
list-style:none;/*retire les puces par défaut*/
float:left;/*aligne les boites les uns à coté des autres à partir de la gauche*/
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
border:red solid 0px;/*forme courte d'une bordure rouge, pleine, de zéro pixel*/
margin-left:5px;
margin-right:5px;
color:#000;
}

#menu li a{
color:#000;
text-decoration:none;
}

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

#contact{/*met toutes les marges extérieures à 0*/
position:absolute;
margin-left:600px;
margin-top:0px;
font-family:georgia, verdana, arial, helvetica, sans-serif;
font-size:9px;
color:#fff;
}

#contact a:hover{/*apparence du lien lorsqu'on pointe dessus dans contact uniquement*/
color:#ccc; 
text-decoration:none;
}

#contact a:link{/*apparence du lien par défaut dans contact uniquement*/
color:#fff;
text-decoration:none;
}

.clear {
clear:both;
}

#adresse{
font-family:georgia, verdana, arial, helvetica, sans-serif;
font-size:10px;
color:#fff;
float:left;/*aligne les boites les uns à coté des autres à partir de la gauche*/
margin-top:20px;
margin-left:15px;
}

.clear {
clear:both;
}

.cadre-info {
background-repeat:no-repeat;/*ne répète ni en hauteur ni en largeur*/
margin-left:450px;
margin-top:100px;
}

.nettoyage {
clear:both;
}

#footer{
background-image:url(../medias/fond_bas.jpg);
height:60px;
background-repeat:repeat-x;/*x : définit une répétition horizontale seulement. Mettre y pour répet verticale*/
background-color:#8597b5;
margin-top:20px;
}

#logo_partenaire{
float:right;/*aligne les boites les uns à coté des autres à partir de la gauche*/
margin-top:20px;
margin-right:7px;
}

#col_gauche{
float:left;
width:200px;
}

#col_droite{
float:left;
width:600px;
}

#centre{
}

h1 {
margin-top:5px;
margin-bottom:5px;
}

p {
padding-bottom:7px;
}

.titre_actu{
background-image:url(../medias/pointilles.jpg);
background-repeat:repeat-x;
background-position: 0 5px;
width:270px;
margin-top:20px;
margin-bottom:20px;
}

.actualites{
font-size:14px;
color: #666;
font-family:verdana, georgia, arial, helvetica, sans-serif;
background-color:#fff;
width: 120px;
margin-left:auto;/*centre le div dans le conteneur*/
margin-right:auto;/*centre le div dans le conteneur*/
text-align:center;
}

.image_gauche{
	margin-right:5px;
	margin-left: 3px;
}

.image_droite{
margin-right:5px;
}

.titre_contenu{
background-image:url(../medias/pointilles.jpg);
background-repeat:repeat-x;
background-position: 0 4px;
width:100%;
margin-top:20px;
margin-bottom:20px;
}

.titre_contenu2{
font-size:12px;
color: #666;
font-family:verdana, georgia, arial, helvetica, sans-serif;
background-color:#fff;
display: inline;
padding-left:5px;
padding-right:5px;
margin-left:50px;/*centre le div dans le conteneur*/
text-align:center;
}

.boite_horaires{
font-size:14px;
color: #666;
font-family:verdana, georgia, arial, helvetica, sans-serif;
background-color:#fff;
width: 500px;
margin-left:auto;/*centre le div dans le conteneur*/
margin-right:auto;/*centre le div dans le conteneur*/
text-align:left;
border-color: #FF9900;
border-color : 1px;
border-style: solid;
}

.verdun{
font-size:14px;
color: #666;
font-family:verdana, georgia, arial, helvetica, sans-serif;
background-color:#fff;
width: 500px;
margin-left:auto;/*centre le div dans le conteneur*/
margin-right:auto;/*centre le div dans le conteneur*/
text-align:left;
border-color: #FF9900;
border-color : 1px;
border-style: solid;
}

.im_verdun{
font-size:14px;
color: #666;
font-family:verdana, georgia, arial, helvetica, sans-serif;
background-color:#fff;
width: 156px;
margin-left:auto;/*centre le div dans le conteneur*/
margin-right:auto;/*centre le div dans le conteneur*/
text-align:left;
border-color: #FF9900;
border-color : 1px;
border-style: solid;
}

.adresse_verdun{
font-size:14px;
color: #666;
font-family:verdana, georgia, arial, helvetica, sans-serif;
background-color:#fff;
width: 344px;
margin-left:auto;/*centre le div dans le conteneur*/
margin-right:auto;/*centre le div dans le conteneur*/
text-align:left;
border-color: #3399FF;
border-color : 1px;
border-style: solid;
}

#col_gauche dl{
margin:0px;/*met toutes les marges extérieures à 0*/
padding:0px;/*met toutes les marges intérieures à 0*/
margin-top:30px;/*permet de "descendre" le menu sous l'image avec marge intérieure*/
border:#036 solid 2px;
width:150px;
margin-left:20px;

}

#col_gauche dt{
background-image: url(../medias/repeat_tete_menu.jpg);
height:26px;
background-repeat:repeat-x;
text-align:center;
color:#fff;
font-family:verdana, georgia, arial, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#col_gauche dd{
margin-left:3px;
font-family:verdana, georgia, arial, helvetica, sans-serif;
font-size:11px;
padding-top:2px;
padding-bottom:2px;
}


#col_gauche dd a{
color:#036;
text-decoration:none;
}

#col_gauche dd a:hover {
color:#c00;
}

.bordure_dot{
border-top:#0000CC dotted 3px;
}

.bordure_img{
border-top:#0000CC dotted 3px;
background-image: url(../medias/pointilles-fond-bleu.jpg);
background-repeat: repeat-x;
background-position: bottom;
}