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

body {margin:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#d3d3d3; color:#5b5b5b; behavior: url("csshover3.htc");}
img {border:0;}
a {color:#000033;}
hr {margin:20px 0 20px 0;}
ul {margin-left:0; margin-top:0; }
b {font-size:13px;}
cite {color:#000033; font-style:italic;}
hr {color:#CCCCCC; background-color:#CCCCCC; height:1px; border:0;}
h2 {margin:0;}
h3 {margin-top:0; margin-bottom:10px;}
h4 {margin:0;}
.orange {color:#FF6600;}
.puce {background:url(images/PUCE.png) top left no-repeat; padding-left:20px;}

#container {margin-left:auto; margin-right:auto; background:url(images/background-site-Daniel-Bernard.jpg) bottom left repeat-x; border:1px solid #a3a3a3; width:933px; height:890px; text-align:left; margin-top:10px;}
#container_interne {margin-left:auto; margin-right:auto; width:933px; height:auto; text-align:left; margin-top:10px;}
 
/*accueil*/
#container .background {background:url(images/Daniel-Bernard-auteur.png) top left no-repeat; height:496px;}

#header {width:100%; position:relative; float:left;}
#header .menu {width:100%; height:30px; background-color:#232b4f; float:left;}
#header .menu ul {margin:0; padding-left:0; }
#header .menu li {height:18px; background:url(images/sep.jpg) bottom right no-repeat; float:left; margin-top:7px; display:inline;}
#header .menu li a {padding:0 35px 0 35px; color:white; font-size:14px; text-decoration:none; display:block;}
#header .menu li a:hover {color:white; text-decoration:underline;}

#header .title {background:url(images/Daniel-Bernard-Accueil.png) top left no-repeat; width:289px; height:327px; margin-left:28px; float:left;}
#header .title .pad_accueil {padding-top:170px; text-align:center; height:140px; font-style:italic; font-size:14px;}

#content {width:100%; position:relative; float:left;}
#content .poeme {width:405px; height:525px; background:url(images/Daniel-Bernard-fond-cellule1.png) top left no-repeat; margin-left:28px; margin-top:-7px; float:left;}
#content .poeme .pad {padding:63px 20px 20px 70px; font-size:14px; line-height:19px;}
#content .poeme h1 {color:#FFFFFF; font-size:36px; font-style:normal;}

#content .livres {background:url(images/Daniel-Bernard-fond-cellule2.png) top left no-repeat; width:489px; height:522px; float:left;}
#content .iledere {width:100%; height:100%; margin-top:40px;}
#content .iledere .pad {width:280px; padding:20px 10px 0 10px; text-align:center;}
#content .livres h3 {color:white; font-size:13px;}
#content .livres h2, #content .livres h2 a {color:white; font-size:20px; font-weight:bold; margin-bottom:30px; }
#content .livres h4 {color:#232b4f; font-size:15px; font-weight:bold; text-align:center; width:300px; margin:0;}

.iledere .saunier {background:url(images/Daniel-Bernard-Le-Saunier-de-St-Clement.png) top center no-repeat; width:145px; margin-left:30px; padding-top:180px; text-align:center; font-weight:bold; float:left;}
.iledere .vent {background:url(images/Daniel-Bernard-Un_Ile_bien_plus_loin.png) top center no-repeat; width:145px; padding-top:180px; text-align:center; font-weight:bold; float:left;}
.iledere .magayantes {background:url(images/Daniel-Bernard-Les-magayantes.png) top center no-repeat; width:145px;padding-top:180px; text-align:center; font-weight:bold; float:left;}
.iledere a {text-decoration:none; border:0;}

.bas .saunier {background:url(images/Daniel-Bernard-Le-Saunier-de-St-Clement.png) top center no-repeat; width:145px; margin-left:30px; padding-top:180px; text-align:center; font-weight:bold;}
.bas .vent {background:url(images/Daniel-Bernard-Un_Ile_bien_plus_loin.png) top center no-repeat; width:145px; margin-left:30px; padding-top:180px; text-align:center; font-weight:bold;}
.bas .magayantes {background:url(images/Daniel-Bernard-Les-magayantes.png) top center no-repeat; width:145px; margin-left:30px; padding-top:180px; text-align:center; font-weight:bold;}

/*pages secondaires : livres, bio*/

.background_second {background:url(images/Daniel-Bernard-auteur2.png) top left no-repeat; height:319px; border-top:1px solid #a3a3a3; border-left:1px solid #a3a3a3; border-right:1px solid #a3a3a3;  position:relative;}
#header .title_second {width:289px; margin-left:28px; float:left;}
#header .title_second .pad {padding-top:30px; text-align:center; font-style:italic; font-size:14px;}
#header .title_second h1 {color:#232b4f; font-style:normal; font-weight:normal; font-size:34px;}

#content_second {background:url(images/Daniel-Bernard-vague.png) top right no-repeat #FFFFFF; border-bottom:1px solid #a3a3a3; border-left:1px solid #a3a3a3; border-right:1px solid #a3a3a3; width:905px; padding-left:28px; padding-bottom:20px; float:left;}
#content_second .pad { float:left;}
#content_second h1 {color:#232b4f; margin-bottom:0px;}
#content_second .gauche {width:500px; text-align:justify;float:left; display:inline-block;}
#content_second .droite {width:380px; text-align:justify; margin-top:80px; float:left; display:inline-block;}
#content_second .bas {width:880px; text-align:justify; float:left; display:inline-block;}
#content_second .titlebleu {background:#232b4f; color:#FFFFFF; padding:20px;}
#content_second .blanc {background-color:#FFFFFF;}


.top {background:url(images/Daniel-Bernard-bg-top.png) top repeat-x ;}
.topleft {background:url(images/Daniel-Bernard-bg-top-left.png) top left no-repeat;}
.topright {background:url(images/Daniel-Bernard-bg-top-right.png) top right no-repeat;}
.right {background:url(images/Daniel-Bernard-bg-right.png) right repeat-y;}
.left {background:url(images/Daniel-Bernard-bg-left.png) left repeat-y #fafafa; width:100%;}
.bottom {background:url(images/Daniel-Bernard-bg-bottom.png) bottom repeat-x;}
.bottomleft {background:url(images/Daniel-Bernard-bg-bottom-left.png) bottom left no-repeat;}
.bottomright {background:url(images/Daniel-Bernard-bg-bottom-right.png) bottom right no-repeat;}
.indent {padding:20px 40px 20px 50px;}
.inden_blanc {padding:50px;}

.top_gris {background:url(images/Daniel-Bernard-bg-top.jpg) top repeat-x ;}
.topleft_gris {background:url(images/Daniel-Bernard-bg-top-left.jpg) top left no-repeat;}
.topright_gris {background:url(images/Daniel-Bernard-bg-top-right.jpg) top right no-repeat;}
.right_gris {background:url(images/Daniel-Bernard-bg-right.jpg) right repeat-y;}
.left_gris {background:url(images/Daniel-Bernard-bg-left.jpg) left repeat-y #fafafa; width:100%;}
.bottom_gris {background:url(images/Daniel-Bernard-bg-bottom.jpg) bottom repeat-x;}
.bottomleft_gris {background:url(images/Daniel-Bernard-bg-bottom-left.jpg) bottom left no-repeat;}
.bottomright_gris {background:url(images/Daniel-Bernard-bg-bottom-right.jpg) bottom right no-repeat;}
.indent {padding:20px 40px 20px 50px;}
.indent_news {padding:30px 30px 20px 30px;}

.gisele {background:url(images/Gisele_Casadesus.jpg) top right no-repeat; width:150px; height:211px; margin-left:10px;}
.solidor {background:url(images/Solidor_Donnat.jpg) top right no-repeat; width:150px; height:198px; margin-right:10px;}
.portrait {background:url(images/Portrait_Daniel-Bernard.png) top left no-repeat; width:120px; height:165px; margin-left:20px;}
.panneau {background:url(images/ile-de-re.png) top left no-repeat; width:390px; height:53px; padding:150px 0 0 10px; margin:20px 0 0 0;}
.couleurs_mots {background:url(images/couleur_des_mots-daniel-ber.png) top left no-repeat; width:159px; height:132px; margin-right:30px;}
.giraudeau {background:url(images/bernard-giraudeau-un-grand-monsieur-du-cinema-francais_60223_w460.jpg) top left no-repeat; margin-left:50px; margin-top:20px; width:200px; height:249px;}
.news_12-10 {background:url(images/News_12-07_mini.jpg) top left no-repeat; width:350px; height:940px; margin:20px 0 20px 0;}
.news_06-08 {background:url(images/News_06-08_mini.jpg) top left no-repeat; width:350px; height:1092px; margin:20px 0 20px 0;}

#footer {margin-left:auto; margin-right:auto; color:#666666; width:933px; font-weight:bold; text-align:right; margin-top:10px; display:inline-block; }
#ref {margin-left:auto; margin-right:auto; color:#666666; width:933px; text-align:justify; margin-top:10px; display:inline-block; color:#979797; }
#ref a {text-decoration:none; color:#979797;}
#no_link a {text-decoration:none;}
#no_link a .ok {text-decoration:underline;}