@charset "utf-8";
/* CSS Document */

body {
background-color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color: #fff;
}
.conteneur { /*le conteneur global du site, qui sera centré */
/*:absolute;
top:50%;
margin-top:-265px;*/
left:50%;
position:relative;
margin-top: 10px;
margin-left:-400px;
width: 800px;
height: 530px;
background-color:#FFF;
}
.tete {
height: 60px;
background-image:url(../img/img-entete.jpg);
}
.centre {/*contient la div menu et la div conteneur*/
position:absolute;
height:426px;
width:800px;
top:62px;
background-image:url(../img/img-center.jpg);
}
.menu {
position:absolute;
height:400px;
left:0px;
top:0px;
top:50%;
margin-top:-200px;
width:160px;
font-size:14px;
background-image:url(../img/img-menu.jpg);

}
.contenu {
position:absolute;
left:160px;
width:640px;
height:426px;
color:#000;
background-image:url(../img/img-contenu.jpg);
text-align:justify;
}
.sousmenu {
position: absolute;
height:100px;
width: 640px;
background-image:url(../img/img-sousmenu-grise.jpg);
font-size:12px;
color:#000;
text-align:justify;
}
.skrollsousmenu {
height:90px;
width:620px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
overflow:auto;
}

.skrollcontenu {
position:relative;
overflow:auto;
width:620px;
height:426px;
padding-left:10px;
padding-right:10px;
color:#000000;
}

.skrollcontenu2 {
position:absolute;
top:100px;
overflow:auto;
width:620px;
height:326px;
padding-left:10px;
padding-right:10px;
color:#000;
}

.footer {
height: 40px;
width:800px;
background-image:url(../img/img-footer.jpg);
top:490px;
position: absolute;
}

.contentfooter {
position: relative;
margin-top: 7px;
font-size: 12px;
font-style: italic;
color : #000;
text-align:center;
}
.cadremenu {
height:50px;
/*width:150px;*/
color: #CCCCCC;
font-size: 13px;
position: relative;
background-color:b0afaf;
}

.bouton {
height:50px;
/*width:150px;*/
position: absolute;
text-align:right;
}

.cadremenulien1 {
left:320px;
height:50px;
width:280px;
color: #CCCCCC;
font-size: 13px;
position: relative;
}

.boutonlien1 {
height:50px;
width:280px;
position:absolute;
text-align:right;
}

.cadremenulien2 {
left:50%;
margin-left:-140px;
height:50px;
width:280px;
color: #CCCCCC;
font-size: 13px;
position: relative;
}

.boutonlien2 {
height:50px;
width:280px;
position:absolute;
text-align:right;
}

.cadremenulien2 {
left:50%;
margin-left:-140px;
height:50px;
width:280px;
color: #CCCCCC;
font-size: 13px;
position: relative;
}

.boutonlien2 {
height:50px;
width:280px;
position:absolute;
text-align:right;
}

.bandeau {
margin-top:20px;
position: relative;
height:200px;
left:50%;
margin-left:-490px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
width:960px;
border:#CCC dashed 2px;
}

.skrollbandeau {
height:200px;
width:960px;
overflow:auto;
}


/* a.image du menu, 1 par rubrique*/



a img {
	text-decoration:none;
	border:none;
}

a img:hover {
	text-decoration:none;
	border:none;
}

a.imagehome {
display: block;
height:50px;
width: 150px;
background-image: url(../img/img-bouton/img-a.png);
background-repeat:no-repeat;
color: #fff;
text-decoration:none;
text-align:right;
}
a.imagehome:hover {
background-image: url(../img/img-bouton/img-a-over-home.png);
color: #000;
text-decoration:none;
}

a.imageartistes {
display: block;
height:50px;
width: 150px;
background-image: url(../img/img-bouton/img-a.png);
background-repeat:no-repeat;
color: #fff;
text-decoration:none;
text-align:right;
}
a.imageartistes:hover {
background-image: url(../img/img-bouton/img-a-over-artistes.png);
color: #000;
text-decoration:none;
}

a.imageagenda {
display: block;
height:50px;
width: 150px;
background-image: url(../img/img-bouton/img-a.png);
background-repeat:no-repeat;
color: #fff;
text-decoration:none;
text-align:right;
}
a.imageagenda:hover {
background-image: url(../img/img-bouton/img-a-over-agenda.png);
color: #000;
text-decoration:none;
}

a.imagecreat {
display: block;
height:50px;
width: 150px;
background-image: url(../img/img-bouton/img-a.png);
background-repeat:no-repeat;
color: #fff;
text-decoration:none;
text-align:right;
}
a.imagecreat:hover {
background-image: url(../img/img-bouton/img-a-over-creat.png);
color: #000;
text-decoration:none;
}

a.imagepresta {
display: block;
height:50px;
width: 150px;
background-image: url(../img/img-bouton/img-a.png);
background-repeat:no-repeat;
color: #fff;
text-decoration:none;
text-align:right;
}
a.imagepresta:hover {
background-image: url(../img/img-bouton/img-a-over-presta.png);
color: #000;
text-decoration:none;
}

a.imagecours {
display: block;
height:50px;
width: 150px;
background-image: url(../img/img-bouton/img-a.png);
background-repeat:no-repeat;
color: #fff;
text-decoration:none;
text-align:right;
}
a.imagecours:hover {
background-image: url(../img/img-bouton/img-a-over-cours.png);
color: #000;
text-decoration:none;
}

a.imagearchives {
display: block;
height:50px;
width: 150px;
background-image: url(../img/img-bouton/img-a.png);
background-repeat:no-repeat;
color: #fff;
text-decoration:none;
text-align:right;
}
a.imagearchives:hover {
background-image:url(../img/img-bouton/img-a-over-archives.png);
color: #000;
text-decoration:none;
}

a.imageboutique {
display: block;
height:50px;
width: 150px;
background-image: url(../img/img-bouton/img-a.png);
background-repeat:no-repeat;
color: #fff;
text-decoration:none;
text-align:right;
}
a.imageboutique:hover {
background-image: url(../img/img-bouton/img-a-over-boutique.png);
color: #000;
text-decoration:none;
}

/*bouton de lien entre les rubriques mais à l'intérieur du texte*/

a.imagelien1 {
display: block;
height:50px;
width:280px;
background-image: url(../img/img-bouton/img-a-lien1.png);
background-repeat:no-repeat;
color: #000;
text-decoration:none;
background-repeat:no-repeat;
text-align:right;
font-weight:bold;
}
a.imagelien1:hover {
background-image: url(../img/img-bouton/img-a-lien1-over.png);
height:50px;
width:280px;
color: #000;
text-decoration:underline;
}


/*Mise en page / les classes de texte, média ou image*/


.tittle1 {
color:#fa9006;
font-weight:bold;
}
.tittle2 {/*pour des titres de petit paragraphe important*/
color:#000;
font-weight:bold;
}
.infos1 {/*pour contact*/
color:#9f9fa3;
}
.strong1 {/*pour le texte que je veux mettre en avant sans changer son aspect*/
font-weight: normal;
}

.imgtittle {/*c'est la div qui contient l'image "titre" dans chaque rubrique*/
text-align:center;
}

.media {
text-align:center;
}

.subtittle {
color:#000;
font-style:italic;
font-size:13px;
}

/*mails et liens dans le texte;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/

a {
text-decoration:underline;
color:#000;
}
a:hover {
color: #Fa9006;
}

a.class1 {/*footer*/
color: #000;
text-decoration:none;
}
a.class1:hover {
text-decoration:underline;
}

a.class2 {/*pour adresse mail en gris*/
text-decoration:underline;
color:#9f9fa3;
}
a.class2:hover {
color:#fa9006;
}

a.class3{/*dans texte*/
color: #000;
text-decoration: underline;
}
a.class3:hover {
text-decoration:underline;
color:#fa9006;
}
a.class3:visited {
color:#fa9006;
}

a.class4{/*menu archives*/
color: #000;
text-decoration: none;
}
a.class4:hover {
font-weight:bold;
color:#fa9006;
}
a.class4:visited {
color:#9f9fa3;
}

/*menu 2, pour par exemple les retour home ou les liens spéciaux;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/

.cadremenu2 {
height:40px;
width:auto;
color: #000000;
font-weight:bold;
/*background-color:#FF0000;*/
font-size: 14px;
position: relative;
}
.textemenu2 {
left:40px;
top:8px;
position: absolute;
height:20px;
width:auto;
}
.cercle {
height:40px;
width: 200px;
position: relative;
background-position:center;
background-repeat:no-repeat;
/*background-image:url(../img/rond.gif);*/
/*background-color:#99FF00;*/
}