/******************************
CSS Site Camara Laye
*******************************/
*, html { margin:0; padding:0;}


body {
background-color:#4b524f;
margin:0;padding:0;
}

#page {
width:770px;
margin:0 auto;padding:0;
background:url(../../images/fond2.gif) top left repeat-y;
font-family:"Times New Roman";
font-size:13px;
line-height:17px;
color:#333333;
}


p {
text-align:justify;
margin:0 0 25px 0;
}

.drapeau {
margin:0;
padding:0;
}

h2 span.theme {font-size:14px;font-style:italic;padding:0 0 0 5px;}

h2 {
color:#5A3D1C;
width:350px;height:46px;
margin:0;padding:0 0 12px 0;
text-indent:35px;
line-height:40px;
font-size:22px;
}

h2.titre1 {background:url(../../images/decoration_descriptif_1.gif) top left no-repeat;width:355px;height:25px;line-height:20px;text-indent:35px;}
h2.titre2 {background:url(../../images/decoration_descriptif_2.gif) top left no-repeat;width:355px;height:25px;line-height:20px;text-indent:35px;}
h2.titre3 {background:url(../../images/decoration_descriptif_3.gif) top left no-repeat;width:355px;height:25px;line-height:20px;text-indent:35px;}
h2.titre4 {background:url(../../images/decoration_descriptif_4.gif) top left no-repeat;width:355px;height:25px;line-height:20px;text-indent:35px;}
h2.titre5 {background:url(../../images/decoration_descriptif_5.gif) top left no-repeat;width:355px;height:25px;line-height:20px;text-indent:35px;}
h2.titre6 {background:url(../../images/decoration_descriptif_6.gif) top left no-repeat;width:355px;height:25px;line-height:20px;text-indent:35px;}


.decoExtrait1 {background:url(../../images/decoration_extrait_1.gif) top left no-repeat;width:307px; height:23px; border:none;}
.decoExtrait2 {background:url(../../images/decoration_extrait_2.gif) top left no-repeat;width:307px; height:23px; border:none;}
.decoExtrait3 {background:url(../../images/decoration_extrait_3.gif) top left no-repeat;width:307px; height:23px; border:none;}
.decoExtrait4 {background:url(../../images/decoration_extrait_4.gif) top left no-repeat;width:307px; height:23px; border:none;}
.decoExtrait5 {background:url(../../images/decoration_extrait_5.gif) top left no-repeat;width:307px; height:23px; border:none;}
.decoExtrait6 {background:url(../../images/decoration_extrait_6.gif) top left no-repeat;width:307px; height:23px; border:none;}


img.droite {float:right;padding:0px 0 5px 15px;margin:0;}
img.gauche {float:left;padding:5px 5px 15px 0;margin:0;}
img.extrait{float:left;padding:0px 35px 0px 0;position:relative;left:15px;z-index:50;margin:0;}
img.envoyer{float:right;padding:0px 0px 0px 0;position:relative;left:0px;z-index:50;margin:0;}

p.extraitTxt {color:#3F3F3F;text-align:justify;margin:20px;font-family: "Times New Roman";font-style:italic; line-height: 16px; letter-spacing: 0.1em;}
p.descriptifTxt {color:#5A3D1C;text-align:justify;margin-top:20px;margin:0;font-family: Verdana; font-size: 10px; font-weight: bold ;  line-height: 14px;}

p.descriptifTxt img {padding:5px;margin:0 0 0 10px; background-color:#FFFFFF;}


.plus {color:#CC0000;text-decoration:none;font-weight:bold;margin:0;font-style:normal; font-size:10px; font-family: "Times New Roman"; font-weight: bold ;}

#droite2 {
float: right;
text-align:center;
margin:0 0 10px 15px;
}

#droite2 img {
	border:1px solid #362F1D;
	padding:5px;
	background-color:#FFFFFF;
}

#droite2 p {
	background:#362F1D;
	color:#FFFFFF;
	text-align:center;
	padding:2px;margin:0;
}


.lettrine {
float:left; /* positionnement de la lettrine dans le conteneur*/
display:block;width:40px; height:60px;
margin: 1px;padding: 1px;
line-height: 1em;
background:url(../../images/lettrines/c.jpg) top left no-repeat;
}


/*****************************
PLACEMENT DES BLOCS
******************************/

#header {
width:770px;height:249px;
margin:0; padding:0;
background:url(../../images/header.png) #4b524f top left no-repeat;
}

#breadcrumb {
position:relative; top:-3px;
width:770px;height:105px;
margin:0; padding:0 0 0 60px;line-height:35px;
background:url(../../images/bread.gif) top left no-repeat;
}

#langue  {
position:relative;
width:39px;height:58px;
left:769px;
z-index:100;
margin:0; padding:0;
}

#contenu {
position:relative;
top:-50px;left:0;
margin:0;padding:0;
}

#footer {
clear:both;
width:770px;height:147px;
margin:0;padding:0;
background:url(../../images/footer.gif) #4b524f top left no-repeat;
}



/*****************************
SOUS MENU DU FOOTER
*********************************/

#menuBas {
list-style-type:none; /* j'enleve les puces de mes listes */
margin:0;padding:110px 0 0 95px; /* se lit : haut droite bas gauche */
}

 #menuBas li {
 float:left;
 margin-left:7px;
 font-size:13px;
 color:#FFFFFF;
 font-family:"Times New Roman", Times, serif;
 }
 
 #menuBas li a {
 text-decoration:none;
 color:#FFFFFF;
 }
 
 #menuBas li a:hover {
 text-decoration:underline;
 color:#FF9900;
 }
 
 
 /**************************
 MENU DU HAUT
 ***************************/
#menu {
list-style-type:none;
padding:210px 0 0 133px;margin:0;
}

#menu li {
float:left;
margin-left:3px;
}

#menu li a {
font-size:12px;font-family:"Times New Roman", Times, serif; font-weight: bold ;
display:block;width:80px;height:37px;
text-align:center;line-height:30px;
text-decoration:none;color:#3A4912;
background:url(../../images/bouton.gif) 0 0 no-repeat;
}

#menu li a:hover {background:url(../../images/bouton.gif) 0 -47px no-repeat;color:#006600;font-weight: bold ;}


/***************************************
POSITIONNEMENT DU CONTENU
******************************************/

#boiteGauche {
position:relative; top:-10px;
margin:0;padding:7px 7px 7px 12px;
float:left;
width:350px;
}

#boiteDroite {
position:relative;top:-10px;
margin:0 5px 0 0;padding:5px 10px 5px 5px;
float:right;
width:350px;
}


/****************************
BREADCRUMB
****************************/

.breadcrumb a {
text-decoration:none;
color:#FFFFFF;
}
.breadcrumb a:hover {
color:#FF6600;
}

.right {
float:right;
margin:5px;
}


.formulaireTxt {
clear:right;
width:340px;
font-size:9px;
margin:0;padding:3px;
}



/****************************************
LISTE CRITIQUES ET INTERVIEWS
*********************************************/

#liste_critique {
list-style-type:none;
margin:0;padding:0;
}

#liste_critiques li {margin:0 0 8px 0;}

#liste_critique li.internet {
background:url(../../images/icones/icones_internet.jpg) top left no-repeat;
padding:0 0 0 35px;line-height:30px;
}

#liste_critique li.television {
background:url(../../images/icones/icones_tele.jpg) top left no-repeat;
padding:0 0 0 35px;line-height:30px;
}

#liste_critique li.litteraire {
background:url(../../images/icones/icones_critique.jpg) top left no-repeat;
padding:0 0 0 35px;line-height:30px;
}

#liste_critique li.presse {
background:url(../../images/icones/icones_presse.jpg) top left no-repeat;
padding:0 0 0 35px;line-height:30px;
}

#liste_critique li.radio {
background:url(../../images/icones/icones_radio.jpg) top left no-repeat;
padding:0 0 0 35px;line-height:30px;
}


/**********************************************/

.lien_critiques {color:#5A3D1C;font-family: Verdana; font-size: 10px; font-weight: bold;text-decoration:none;}

.lien_critiques:hover {border-bottom:dotted #FF6600 1px;}

.date {color:#5A3D1C;font-family: Verdana; font-size: 10px; font-style:italic;}

h1.titre_critique{color:#FF8000;font-size:20px;}

h1.titre_livre{color:#4B3F34;font-size:14px;}

p.texte_livre{color:#605144; text-align:justify;}


/*********** ZONE REACTIVE *********************/