body {
background-color:#000000;
margin:0px 0px 0px 0px;
text-align: center;
}

h1 {
font-family: verdana;
font-size: 1.7em;
font-weight: 100;
color:#c0c0c0;
background-color:transparent;
text-align:center;
}
h2 {
font-family:"verdana", sans-serif;
font-size:16px;
color:#c0c0c0;
background-color:transparent;
text-align:center;
}
h3 {
font-family:"verdana", sans-serif;
font-size:14px ;
color:#c0c0c0;
background-color:transparent;
text-align:justify;
}

.paragraphe {
font-family:"verdana", sans-serif;
font-size:15px;
font-weight: 600;
color:#c0c0c0;
background-color:transparent;
text-align:justify;
text-indent:30px;
margin-left:0px;
margin-right:0px;
}

.partenaires {
position: absolute;
font-family:"verdana", sans-serif;
font-size:15px;
font-weight: 600;
color:#c0c0c0;
height: 260px;
width: 250px;
padding-top: 5px;
background-image: url(fond-partenaires.jpg);
background-repeat: no-repeat;
background-position: 0px top ;
z-index: 25;
}

.bloc-texte {
position: absolute;
font-family:"verdana", sans-serif;
font-size:15px;
font-weight: 600;
color:#c0c0c0;
width: 500px;
padding-top: 10px;
z-index: 25;
}

.bloc-texte2 {
position: absolute;
font-family:"verdana", sans-serif;
font-size:15px;
font-weight: 600;
color:#c0c0c0;
width: 850px;
padding-top: 10px;
z-index: 25;
}

p {
font-family:"verdana", sans-serif;
font-size:16px;
font-weight: 400;
color:#c0c0c0;
background-color:transparent;
text-align:justify;
text-indent:30px;
margin-left:20px;
margin-right:20px;
}
b {
font-family:"verdana", sans-serif;
font-size:16px;
font-weight: 700;
text-align: center;
color:#c0c0c0;
background-color:transparent;
}
a  {
color: #808080;
text-decoration: none;
}
a:link  {
color:#808080;
text-decoration: none;
}
a:hover  {
color:#595959;
text-decoration: none;
} 

.bordure-int {
border-style: solid;
border: 1px;
border-color: #c0c0c0;
}

.bordure-ext {
border-style: solid;
border: 2px;
border-color: #c0c0c0;
}


#global  {
width: 980px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;

}

#image-fond {
position: absolute;
left: 0px;
top: 0px;
width: 980px;
background-image: url(Maquette-haut2.jpg);
background-repeat: no-repeat;
background-position: 0px top ;
}

#image-fond2 {
position: absolute;
left: 0px;
top: 0px;
width: 980px;
background-image: url(Maquette-haut.jpg);
background-repeat: no-repeat;
background-position: 0px top ;
}

#contenu {
width: 980px;
background-image: url(Maquette-bande.jpg);
background-repeat: repeat-y;
background-position: 0px top ;
}

#footer{
width: 980px;
font-family: verdana;
font-size: 12px;
font-weight: 700;
position: absolute;	
background-image: url(Maquette-footer.jpg);
background-repeat: no-repeat;
background-position: 0px top;
text-align: center;
}

#plan-site{
width: 980px;
font-family: verdana;
position: absolute;
font-size: 12px;
font-weight: 100;
color: #c0c0c0;	
text-align: center;
}

#titre-h1 {
position: absolute;
left: 160px;
top: 100px;
width: 750px;
height: 40px;
z-index: 1;
text-indent: 0px; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
font-size: 10pt; 
font-family: 'Verdana'; 
color: #c0c0c0; 
background-color: transparent; 
text-decoration: none;
}

#titre-h2 {
position: absolute;
left: 100px;
top: 150px;
width: 835px;
height: 150px;
z-index: 1;
text-indent: 0px; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
font-size: 10pt; 
font-family: 'Verdana'; 
text-align: justify;
color: #c0c0c0; 
background-color: transparent; 
text-decoration: none;
}

#titre-h2b {
position: absolute;
left: 100px;
top: 150px;
width: 835px;
height: 150px;
z-index: 1;
text-indent: 0px; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
font-size: 10pt; 
font-family: 'Verdana'; 
text-align: justify;
color: #c0c0c0; 
background-color: transparent; 
text-decoration: none;
}

#titre-corps {
position: absolute;
left: 540px;
top: 270px;
width: 400px;
height: 340px;
z-index: 1;
text-indent: 0px; 
padding-top: 30px;
font-size: 12px; 
font-family: 'Verdana';
text-align: justify; 
color: #c0c0c0; 
background-image: url(fond-news.jpg);
background-repeat: no-repeat;
background-position: center top; 
text-decoration: none;
}

#bloc-droit {
position: absolute;
left: 540px;
top: 270px;
width: 400px;
height: 340px;
z-index: 1;
text-indent: 0px; 
padding-top: 70px;
font-size: 12px; 
font-family: 'Verdana';
text-align: justify; 
color: #c0c0c0; 
background-image: url(savoir-plus.jpg);
background-repeat: no-repeat;
background-position: center top; 
text-decoration: none;
}


#miniatures {
width: 840px;
height: 205px;
position: absolute;
left: 99px;
top: 610px;
margin-left: auto;
margin-right: auto;
z-index: 1;
text-indent: 0px; 
padding-top: 40px;
padding-left: 2px;
font-size: 10pt; 
font-family: 'Verdana';
text-align: justify; 
color: #c0c0c0; 
background-image: url(coups-coeur.jpg);
background-repeat: no-repeat;
background-position: center top; 
text-decoration: none;
}

#Logo-Accueil {
position: absolute;
left: 12px;
top: 12px;
width: 113px;
height: 123px;
z-index: 30;
}

#accueilfr {
position: absolute;
left: 910px;
top: 10px;
width: 20px;
height: 20px;
z-index: 30;
}

#accueilgb {
position: absolute;
left: 940px;
top: 10px;
width: 20px;
height: 20px;
z-index: 30;
}

#menu-site {
position: absolute;
left: 321px;
top: 48px;
z-index: 30;
}

#menu-site-gb {
position: absolute;
left: 302px;
top: 48px;
z-index: 30;
}

#bouton-chaussette-logoCIC {
position: absolute;
left: 860px;
top: 860px;
width: 100px;
height: 26px;
z-index: 31;
}


#bouton-chaussette-animation {
position: absolute;
left: 75px;
top: 260px;
z-index: 7;
}