img,td,div,h1,h2,h3,h4,h5,h6,p,br{
margin:0;
padding:0;
}

body{
background-image:url(img/fonds/degrade.jpg);
background-repeat:repeat-x;
background-color:#eae8e9;
}

/*INDEX*/
#pere-index{
width:1200px;
height:600px;
margin:auto;
background-image:url(img/fonds/fond-index.jpg);
}

#version{/*div contenant les btn pour le choix de la version*/
width:220px;
margin-left:663px;
}

#vflash{/*div contenant le btn pour la version flash*/
width:220px;
height:40px;
padding-top:310px;
text-align:center;
}

#vflash a:link, a:visited{
font-family: Arno Pro, Times new roman, serif;
font-size:18px;
text-decoration:none;
font-weight:normal;
color:#000000;
}

#vflash  a:hover{
font-family: Arno Pro, Times new roman, serif;
font-size:21px;
text-decoration:none;
font-weight:bold;
color:#000000;
}

#img-flash{
padding-top:30px;
text-align:center;
}

#img-flash a:link, a:visited{
font-family: Arno Pro, Times new roman, serif;
font-size:18px;
text-decoration:none;
font-weight:normal;
color:#000000;
}

#img-flash  a:hover{
font-family: Arno Pro, Times new roman, serif;
font-size:18px;
text-decoration:none;
font-weight:normal;
color:#000000;
}

.petit{
font-family: verdana;
font-size:9px;
text-decoration:none;
font-weight:normal;
color:#000000;
}

#vhtml{/*div contenant le btn pour la version flash*/
width:220px;
height:70px;
padding-top:45px;
text-align:center;
}

#vhtml a:link, a:visited{
font-family: Arno Pro, Times new roman, serif;
font-size:18px;
text-decoration:none;
font-weight:normal;
color:#000000;
}

#vhtml  a:hover{
font-family: Arno Pro, Times new roman, serif;
font-size:21px;
text-decoration:none;
font-weight:bold;
color:#000000;
}

/*FLASH*/
#pere-flash{
width:1200px;
height:600px;
margin:auto;
/*background-image:url(img/fonds/fond-index.jpg);*/
}

/*PRESENTATION*/
#pere-presentation{
width:1200px;
height:600px;
margin:auto;
background-image:url(img/fonds/fond-presentation.jpg);
}

#txt-presentation{
width:619px;
height:234px;
padding-top:275px;
float:left;
/*margin-left:302px;*/
}

#txt{
width:534px;
margin-left:42px;
/*padding-top:40px;*/
text-align:justify;
}

h1{
font-family: verdana;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#da141d;
text-align:center;
}

.texte{
font-family: verdana;
font-size:11px;
text-decoration:none;
font-weight:normal;
color:#000000;
}

strong{
font-family: verdana;
font-size:11px;
text-decoration:none;
font-weight:normal;
color:#000000;
}

.rouge{
font-family: verdana;
font-size:11px;
text-decoration:none;
font-weight:normal;
color:#da141d;
}

.gras{
font-family: verdana;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#da141d;
}

#menu{
width:200px;
margin-left:100px;
padding-top:350px;
height:190px;
}

#menu a:link, a:visited{
font-family: Arno Pro, Times new roman, serif;
font-size:18px;
text-decoration:none;
font-weight:normal;
color:#000000;
/*line-height:170%;*/
}

#menu a:hover{
font-family: Arno Pro, Times new roman, serif;
font-size:21px;
text-decoration:none;
font-weight:bold;
color:#000000;
/*line-height:170%;*/
}

.menufixe{/*style appliqué à la rubrique du menu sur lequel on est*/
font-family: Arno Pro, Times new roman, serif;
font-size:21px;
text-decoration:none;
font-weight:bold;
color:#000000;
/*line-height:170%;*/
}

#mpresentation{
height:30px;
}

#mcompetences{
height:30px;
}

#mbook{
height:30px;
}

#mliens{
height:30px;
}

#mcontact{
height:30px;
}

#mmentions{
height:30px;
}

#cle{
width:53px;
height:19px;
margin-left:1110px;
}

/*COMPETENCES*/

#pere-competences{
width:1200px;
height:600px;
margin:auto;
background-image:url(img/fonds/fond-competences.jpg);
}

#Gmenu{
width:300px;
height:600px;
float:left;
}

#menu-comp{
width:200px;
margin-left:100px;
padding-top:350px;
height:190px;
}

#menu-comp a:link, a:visited{
font-family: Arno Pro, Times new roman, serif;
font-size:18px;
text-decoration:none;
font-weight:normal;
color:#000000;
line-height:170%;
}

#menu-comp a:hover{
font-family: Arno Pro, Times new roman, serif;
font-size:21px;
text-decoration:none;
font-weight:bold;
color:#000000;
line-height:170%;
}

#txt-competences{
width:619px;
height:233px;
padding-top:275px;
/*margin-left:302px;*/
float:left;
}

#comp-design{
width:120px;
float:left;
text-align:left;
padding-top:10px;
}

#comp-print{
width:169px;
float:left;
text-align:left;
margin-left:28px;
padding-top:10px;
}

#comp-web{
/*width:175px;*/
width:185px;
float:left;
text-align:left;
margin-left:31px;
padding-top:10px;
}

/*BOOK*/
#pere-book{
width:1200px;
height:600px;
margin:auto;
background-image:url(img/fonds/fond-book.jpg);
}

#rubriques-book{
width:619px;
text-align:justify;
height:233px;
padding-top:255px;
float:left;
}


#web{
width:177px;
height:253px;
float:left;
}

#print{
width:177px;
height:253px;
float:left;
margin-left:44px;
}

#autre{
width:177px;
height:253px;
float:left;
margin-left:44px;
}

/*PRINT*/
#pere-print{
width:1200px;
height:600px;
margin:auto;
/*background-image:url(img/fonds/fond-rubriques.jpg);*/
background-color:#ffffff;
}

#fermer{
width:95px;
height:32px;
margin-left:1070px;
padding-top:20px;
}

.fermer{
font-family: Arno Pro, Times new roman, serif;
font-size:18px;
text-decoration:none;
font-weight:normal;
color:#000000;
}

#diaporama{
width:1118px;
height:512px;
padding-top:4px;
margin-left:40px;
}

#choix{
margin-left:500px;
}

/*LIENS*/
#pere-liens{
width:1200px;
height:600px;
margin:auto;
background-image:url(img/fonds/fond-liens.jpg);
}

#btn-liens{/*zone centrale regroupant les btn*/
width:569px;
margin-left:25px;
padding-top:30px;
text-align:justify;
}

#image{
float:left;
}

#prieure{
float:left;
margin-left:10px;
}

#euterpe{
float:left;
margin-left:10px;
}

#hotel-du-comte{
float:left;
margin-left:10px;
}

#itineraire{
float:left;
margin-left:10px;
}

#ebene{
float:left;
margin-left:10px;
}

#guilhot{
float:left;
margin-left:10px;
}
/*CONTACT*/
#pere-contact{
width:1200px;
height:600px;
margin:auto;
background-image:url(img/fonds/fond-contact.jpg);
}

#menu-contact{
width:200px;
margin-left:100px;
padding-top:350px;
height:190px;
}


#menu-contact a:link, a:visited{
font-family: Arno Pro, Times new roman, serif;
font-size:18px;
text-decoration:none;
font-weight:normal;
color:#000000;
line-height:170%;
}

#menu-contact a:hover{
font-family: Arno Pro, Times new roman, serif;
font-size:21px;
text-decoration:none;
font-weight:bold;
color:#000000;
line-height:170%;
}

#txt-contact{
width:619px;
height:251px;
padding-top:230px;
/*margin-left:302px;*/
float:left;
}




#formu{/*mise en page de la div formu pour la page contact*/
width:368px;
color:#da141d;
font-family:verdana;
font-size:11px;
font-weight:bold;
margin-top:20px;
margin-left:95px;
/*margin-left:46px;*/
}

.champdetexte{/*style pour les champs de texte pour le formulaire de la page contact*/
font-family:verdana;
font-size:11px;
color:#000000;
font-weight:normal;
background:#ffffff;
border-color:#000000;
border-style:solid;
border-width:1px;
}

.calage{/*calage pour le formulaire de la page contact*/
display:inline;
float:left;
width:80px;
font-family:verdana;
font-size:12px;
}

#valider{/*div contenant le btn envoyer et effacer du formulaire de contact*/
width:82px;
margin-top:-60px;
margin-left:380px;
}

#envoyercontact{/*bouton envoyer de la page contact*/
width:82px;
height:20px;
color:#000000;
/*position:absolute;
top:370px;
left:125px;
margin-top:20px;
float:left;
padding-left:80px;*/
}

#effacercontact{
width:82px;
height:20px;
margin-top:17px;
/*position:absolute;
top:370px;
left:250px;
float:left;
margin-top:20px;
margin-left:20px;*/
}

.btn-formu{
background-color:#000000;
border-color:#000000;
border-style:solid;
color:#ffffff;
font-family:verdana;
font-weight:bold;
cursor:pointer;
}

#messageErreur{
width:620px;
height:50px;
text-align:center;
}

.StyleErreur{
color:#000000;
font-family:verdana;
font-size:12px;
font-weight:bold;
margin-left:45px;
}


/*MENTIONS*/
#pere-mentions{
width:1200px;
height:600px;
margin:auto;
background-image:url(img/fonds/fond-mentions.jpg);
}

#txt-mentions{
width:619px;
height:233px;
padding-top:250px;
/*margin-left:302px;*/
float:left;
}

#txtm{
width:534px;
margin-left:42px;
padding-top:10px;
text-align:justify;
}

/*POP UP MUSIQUE.HTML */
#musique{
width:100px;
height:100px;
text-align:center;
}

/*NEWSLETTER*/

#perenews{
width:580px;
height:520px;
margin:auto;
background-image:url(img/newsletter/fleur.jpg);
background-repeat:no-repeat;
}

#globale{
width:530px;
height:520px;
margin-left:50px;
padding-top:20px;
}

#cocli{/*nom*/
width:283px;
margin-left:247px;
}
 
.news{
font-family:verdana;
font-size:11px;
font-weight:bold;
text-align:justify;
}
 
#texte1{
width:480px;
padding-top:20px;
text-align:justify;
}
 
#texte2{
width:182px;
padding-top:20px;
margin-left:300px;
text-align:justify;
line-height:170%;
}
  
#texte3{
width:322px;
margin-left:160px;
padding-top:20px;
text-align:justify;
}

#texte4{
width:480px;
padding-top:20px;
text-align:justify;
}



/**CARROUSSEL**/
*{
margin:0;
padding:0;
}

#navigation{
width:1118px;
height:112px;
/*background-color:#7a9cc1;*/
background-color:#ffffff;
}
#thumb{
width:1050px;
height:112px;
overflow:hidden;
position:relative;
float:left;
/*background-color:#7a9cc1;*/
background-color:#eae8e9;
border:1px solid #000000;
}
#defileur {

position:absolute;
left:0px;
top:0px;
}
#defileur li {
float:left;
list-style:none;
width:200px;
height:102px;
margin-right:10px;
margin-top:5px;
overflow:hidden;
border:none;
}
.last,.first{
visibility:hidden;
}

a:link #prev, a:visited #prev{
background-image:url(img/btn-rubriques/prec1.jpg);
background-repeat:no-repeat;
width:33px;
height:33px;
float:left;
}

a:hover #prev{
background-image:url(img/btn-rubriques/prec2.jpg);
background-repeat:no-repeat;
width:33px;
height:33px;
float:left;
}


a:link #next, a:visited #next{
background-image:url(img/btn-rubriques/suiv1.jpg);
background-repeat:no-repeat;
width:33px;
height:33px;
float:left;
}

a:hover #next{
background-image:url(img/btn-rubriques/suiv2.jpg);
background-repeat:no-repeat;
width:33px;
height:33px;
float:left;
}

#img{
width:1118px;
height:400px;
}