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

/*Met à O toutes les marges de tous les éléments*/
* {margin:0; padding:0}

body{
background-color:#64748b;

background-repeat:repeat-y;
position:relative;
margin:auto;
}

/*Centre le div conteneur*/
#conteneur{
position:relative;
width:1282px;
margin:auto;
background-image:url(images/regis-delpeuch-fond_carnet.jpg);
background-repeat:repeat-y;
}
/*Mise en page principaux éléments*/
#logo{
width:1280px;
height:71px;
position:relative;
}
#menu{
width:1280px;
height:48px;
position:relative;
}

#footer{
width:1280px;
text-align:center;
position:relative;
margin-top:50px;
}

/*Style général des textes*/
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#ea6835;
margin-left:50px;
}
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#64748b;
}
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#64748b;
}
.bleu{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#64748b;
line-height:20px;
}
.bleu-gras{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#64748b;
line-height:20px;
}
.resume{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#64748b;
line-height:17px;
}
.blanc{
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.orange{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#ea6835;
line-height:20px;
}

.noir{
color:#000;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#64748b;
line-height:20px;
}
 a:hover{
color:#64748b;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
}

li{
list-style-type:circle;
}
.couvertures{
background-color:#D3DCE6;
border-bottom:solid 1px #64748b;
border-top:solid 1px #64748b;
position:relative;
}

/*éléments page accueil*/
#contenu-index{
width:1280px;
height:900px;
position:relative;
}
#derniere-parution{
width:472px;
height:747px;
position:relative;
display:inline;
top:30px;
left:25px;
padding-top:20px;
padding-left:0px;
}
#photo{
width:746px;
height:220px;
position:relative;
display:inline;
top:-400px;
left:35px;
}
#texte-accueil{
/*background-image:url(images/cadre-texte.jpg);*/
border: dashed 2px #F60;
background-repeat:no-repeat;
width:710px;

position:relative;
top:-400px;
left:510px;
padding:15px 15px 0px 15px;
}
#signature{
text-align:right;
margin-right:65px;
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#64748b;
line-height:20px;
}

/*page bibliographie*/
#contenu-bibliographie{
width:1280px;
height:1270px;
position:relative;
}
#contenu-bibliographie h1{
margin:30px 0px 0px 500px;
font-size:24px;
}
#titre-biblio{
position:relative;
top:10px;
left:65px;
width:200px;
height:200px;
}
.ans{
background-color:#fb9f00;
border-top:solid 1px #D3DCE6;
border-bottom:solid 1px #FFFFFF;
position:relative;
}




/*page agenda*/
#contenu-agenda{
width:1280px;
height:950px;
position: relative;
margin:auto;
}
#image-salon{
position:relative;
top:20px;
left:30px;
width:250px;
display:inline-block;
text-align:left;
}
/*#agenda{
width:1100px;
height:600px;
position:relative;
top:-200px;
left:50px;
display:inline-block;
}*/
#contenu-agenda h1{
margin:5px 0px 5px 5px;
text-align:justify;
}

#contenu-agenda h2{
text-align:left;
margin:5px 0px 5px 5px;
line-height:20px;
text-align:justify;
}
#salon{
width:850px;
position:relative;
top:-450px;
left:100px;
}

.salons{
width:950px;
margin:auto;
background-color:#D3DCE6;
border-bottom:solid 1px #64748b;
border-top:solid 1px #64748b;
position:relative;
}

/*page biographie*/
#contenu-biographie{
position:relative;
width:1280px;
height:1200px;
}
#contenu-biographie h1{
margin:20px 0px 10px 10px;
}
#logo-biographie{
position:relative;
width:210px;
height:210px;
top:20px;
left:60px;
}
#tableau-biographie{
position:relative;
width:1200px;
top:-150px;
left:150px;

}
#biographie{
width:350px;
height:900px;
position:relative;
top:180px;
left:-80px;
padding:10px 10px 10px 10px;

}

#interview-enfant{
width:700px;
position:relative;
top:-960px;
left:360px;
padding:10px 10px 10px 10px;
}
/*pages presse*/
#contenu-presse{
width:1280px;
position:relative;
margin:auto;
height:1000px;
}
#titre-presse{
width:600px;
position:relative;
left:20px;
top:20px;
}
#tableau-presse{
width:900px;
position:relative;
top:30px;
left:80px;
padding:10px 10px 10px 10px;
}
#contenu-presse h1{
margin:40px 0px 10px 60px;
}
#tableau-presse h1{
margin:0px 0px 0px 0px;
}
#tableau-presse img{
margin-right:10px;
margin-bottom:10px;
}
#tableau-presse a{
text-decoration:none;
font-weight:normal;
}
#tableau-presse a:hover{
text-decoration:none;
font-weight:bold;
}

/*pages coin des classes*/
#contenu-classes{
width::1280px;
height:600px;
position:relative;
margin:auto;
}
#sticker-coin-classes{
position:relative;
top:20px;
margin-left:50px;
width:250px;
height:1000px;
display:inline-block;
}
#sticker-coin-classes h2{
text-align:left;
line-height:22px;
color:#FF6600;
}

#download{
position:relative;
width:800px;
height:800px;
left:40px;
padding-left:10px;
top:-200px;
display:inline-block;
}
#download a{
text-decoration:none;
}
#download a.orange{
text-decoration:underline;
}
#download h2{
text-align:left;
color:#FF6600;
}
/*retrait de 20px pour les docs à télécharger*/

#tableau-productions-coin{
position:relative;
width:800px;
margin:auto;
top:-170px;
left:110px;
padding-left:10px;
}
#tableau-productions-coin h2{
text-align:center;
line-height:20px;
}
#tableau-productions-coin a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ff6600;
text-decoration:none;
}

#tableau-productions-coin a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffcc00;
}
#tableau-productions-coin img{
padding:10px 10px 10px 10px;
}



#contenu-productions{
position:relative;
width:1280px;
height:300px;
}
#contenu-productions h1{
margin:15px 0px 15px 50px;
}

#tableau-productions{
position:relative;
width:900px;
top:-950px;
left:320px;
}
#tableau-productions h2{
text-align:left;
line-height:20px;
}
#tableau-productions a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ff6600;
text-decoration:none;
}

#tableau-productions a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffcc00;
}
#tableau-productions img{
padding:10px 10px 10px 10px;
}

#autres-productions{
position:relative;
width:1200px;
margin:auto;
padding:5px 5px 5px 5px;
}
#contenu-productions h3{
text-align:center;
}


/*pages videos*/
#titre-productions{
position:relative;
top:20px;
left:50px;
width:1100px;
height:184px;
}
#titre-productions h2{
margin:10px 0px 0px 0px;
line-height:20px;
text-align:left;
}
#contenu-videos{
position:relative;
width:1200px;
margin:auto;
height:1000px;
}
#tableau-videos{
width:1200px;
position:relative;
margin:auto;
}
#video1 h1,h2{
text-align:center;
margin:0px 0px 0px 0px;
}
#video2 h1,h2{
text-align:center;
margin:0px 0px 0px 0px;
}
#contenu-videos a{
text-decoration:none;
}

#titre-video{
position:relative;
width:300px;
top:20px;
left:20px;
}
#video1{
position:relative;
top:-120px;
left:180px;
width:1050px;
height:600px;
text-align:center;
}

#video2{
position:relative;
top:-120px;
left:180px;
width:1000px;
height:600px;
}

/*page lettres*/
#contenu-lettres{
position:relative;
width:1280px;
height:2000px;
}
#boite-lettres{
position:relative;
top:20px;
left:50px;
width:1100px;
height:184px;
}
.documents{
padding-left:20px;
}
#autres-productions a{
text-decoration:none;
}
/*page liens amis*/
#contenu-liens-amis{
position:relative;
width:1280px;
margin:auto;
height:900px;
}
#sticker-liens-amis{
width:300px;
position:relative;
top:20px;
left:20px;
}
#tableau-liens-amis{
position:relative;
top:-150px;
left:240px;
width:900px;
padding:10px 10px 10px 10px;
 }
 
#tableau-liens-amis a{
text-decoration:none;
 }
#sedrap{
margin-left:40px;}

/*page contact*/
#contenu-contact{
position:relative;
width:1280px;
margin:auto;
}
#gauche-contact{
position:relative;
top:-320px;
left:30px;
display:inline-block;
width:250px;

}
#formulaire-contact{
position:relative;
top:30px;
left:70px;
display:inline-block;
width:800px;
padding:10px 10px 10px 10px;
}
#gauche-contact h2{
text-align:left;
margin-left:10px;
}
#formulaire-contact h1,h2{
text-align:left;
margin-left:25px;
margin-top:10px;
margin-bottom:5px;
}
#formulaire-contact fieldset{
display:inline;
width:720px;
margin-left:20px;
padding:5px;
}
legend{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ea6835;
}
input{
background-color:#ffffff;
height:20px;
}
textarea{
border-color:#FFFFFF;
}
#envoi-formulaire{
margin-right:20px;
}
#envoi-formulaire input{
margin-left:10px;
}


#autres-productions{
position:relative;
width:1200px;
margin:auto;
}
#vers-video{
position:relative;
width:1200px;
margin:auto;
text-align:center;
}
#vers-video a{
text-decoration:none;
}
/*pages mentions*/
#contenu-mentions{
position:relative;
width:1280px;
height:450px;
}
#contenu-mentions p{
margin-left:50px;
}
#mentions{
position:relative;
width:1000px;
top:50px;
margin : auto;
}