* {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	background:#000 url(../images/fond.jpg) no-repeat top center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
}
img {
	border:none;
}
#sitebox {
	width:950px;
	height:100%;
	margin:15px auto 0 auto;
}

/* --------BANDEAUX -------------------------------------------------------*/
.bandeau_home, .bandeau_qui, .bandeau_deja, .bandeau_partage, .bandeau_atout, .bandeau_partenaire {
	width:100%;
	height:159px;
}
.bandeau_home {
background: transparent url(../images/home_bandeau.jpg) no-repeat top left;
}
.bandeau_qui {
background: transparent url(../images/bandeau_qui.jpg) no-repeat top left;
}
.bandeau_deja {
background: transparent url(../images/bandeau_deja.jpg) no-repeat top left;
}
.bandeau_partage {
background: transparent url(../images/bandeau_partage.jpg) no-repeat top left;
}
.bandeau_atout {
background: transparent url(../images/bandeau_atout.jpg) no-repeat top left;
}
.bandeau_partenaire {
background: transparent url(../images/bandeau_partenaire.jpg) no-repeat top left;
}


/* --- MENU PRINCIPAL ------------------------------------------------------- */
#menu, #menu a {
	width:100%;
	height:24px;
}
/* ----- home --------------------------*/
a .menu_home {
	float:left;
	width:98px;
	height:24px;
	background: #fff url(../images/menu_home.jpg) no-repeat top left;
}
a:hover .menu_home {
	background-position:bottom;
}
a.active .menu_home {
	background-position:bottom;
}
/* -------- qui ------------------------*/
a .menu_qui {
	float:left;
	width:156px;
	height:24px;
	background: #fff url(../images/menu_qui.jpg) no-repeat top left;
}
a:hover .menu_qui {
	background-position:bottom;
}
a.active .menu_qui {
	background-position:bottom;
}
/* -------- deja ------------------------*/
a .menu_deja {
	float:left;
	width:98px;
	height:24px;
	background: #fff url(../images/menu_deja.jpg) no-repeat top left;
}
a:hover .menu_deja {
	background-position:bottom;
}
a.active .menu_deja {
	background-position:bottom;
}
/* -------- partage ------------------------*/
a .menu_partage {
	float:left;
	width:235px;
	height:24px;
	background: #fff url(../images/menu_partage.jpg) no-repeat top left;
}
a:hover .menu_partage {
	background-position:bottom;
}
a.active .menu_partage {
	background-position:bottom;
}
/* -------- atout ------------------------*/
a .menu_atout {
	float:left;
	width:238px;
	height:24px;
	background: #fff url(../images/menu_atout.jpg) no-repeat top left;
}
a:hover .menu_atout {
	background-position:bottom;
}
a.active .menu_atout {
	background-position:bottom;
}
/* -------- partenaire ------------------------*/
a .menu_partenaire {
	float:left;
	width:125px;
	height:24px;
	background: #fff url(../images/menu_partenaire.jpg) no-repeat top left;
}
a:hover .menu_partenaire {
	background-position:bottom;
}
a.active .menu_partenaire {
	background-position:bottom;
}
/* -------- FIN MENU PRINCIPAL ---------------*/
/* --------- BANNIERE ------------------------*/
.banniere {
	width:100%;
	height:91px;
	background: #fff url(../images/banniere.jpg) no-repeat top left;
}
.banniereAnim {
	width:100%;
	height:91px;
	background: #fff url(../images/banniere_anim.jpg) no-repeat top left;
}
.banniereAtouts { width:100%; height:90px; background: #fff url(../images/banniereAtouts.jpg) no-repeat top left; }
/* ---------FIN BANNIERE ---------------------*/

#content {
	background: #fff;
}
#contentHome { background: transparent;}

/* ----- TITRES PAGES --------*/
.titre_qui, .titre_partage, .titre_deja {
	width:100%;
	height:40px;
	background: #fff url(../images/titre_qui.jpg) no-repeat top left;
}
.titre_partage { background: #fff url(../images/titre_partage.jpg) no-repeat top left; }
.titre_deja { background: #fff url(../images/titre_deja.jpg) no-repeat top left; }
/* END */


/* -------- HOME PAGE -------------------------*/
#content_box {
	display:none;
}
#content_box .gauche { width: 636px; float:left; background:blue; }
#content_box .mains{ float: left; width:636px; height:293px; background:#fff url(../images/home_mains.jpg) no-repeat top left;}
#content_box a .partage{ float: left; width:636px; height:139px; background:#fff url(../images/home_partage.jpg) no-repeat top left; }
#content_box a .dernieres{ float: left; width:636px; height:102px; background:#fff url(../images/home_dernieres.jpg) no-repeat top left; }

#content_box .droite { float:left; background: red; }
#content_box a .qui { width:314px; height:134px; background:#fff url(../images/home_qui.jpg) no-repeat top left; }
#content_box a .deja { width:314px; height:132px; background:#fff url(../images/home_deja.jpg) no-repeat top left; }
#content_box a .atout { width:314px; height:131px; background:#fff url(../images/home_atout.jpg) no-repeat top left; }
#content_box a .partenaire { width:314px; height:137px; background:#fff url(../images/home_partenaire.jpg) no-repeat top left; }

#content_box a:hover .partage, #content_box a:hover .dernieres, #content_box a:hover .qui, #content_box a:hover .deja, #content_box a:hover .atout, #content_box a:hover .partenaire { background-position:bottom; }
.troisCouv { width:230px; height:100%; margin:8px 0 0 30px; }
.photosCouv {
	width:58px;
	height:78px;
	margin:0 0 0 10px;
	border:1px solid #333;
}
#content p {
	margin:15px 30px 0 95px;
}
img.image_qui {
	margin-bottom:50px;
}
#content ul {
	margin:15px 0 0 95px;
	padding:0;
	list-style-type:none;
}
#content ul li {
	margin:0 0 0 30px;
}
#anim { width:915px; height:274px; background: transparent; margin-top:60px; margin-left:20px; margin-bottom:100px; }

/* END */

/* ------ PAGE PARTAGE ------------------------- */
.part_content_gauche { width:630px; height:100%; float:left; }
.part_top_gauche { margin:0; padding:0; height:28px; width:630px; background: #fff url(../images/top_gauche.jpg) top left no-repeat; }
.part_gauche { margin:0; padding:0; height:568px; width:630px; background: #fff url(../images/milieu_gauche.jpg) top left repeat-y;}
.part_bottom_gauche { margin:0; padding:0; height:35px; width:630px; background: #fff url(../images/bottom_gauche.jpg) top left no-repeat;}

.part_content_droite { width:320px; height:100%; float:left; }
.part_top_droite { margin:0; padding:0; height:28px; width:320px; background: #fff url(../images/top_droite.jpg) top left no-repeat; }
.part_droite { margin:0; padding:0; height:384px; width:320px; text-align:justify; background: #fff url(../images/milieu_droite.jpg) top left repeat-y; }
.part_bottom_droite { margin:0; padding:0; height:219px; width:320px; background: #fff url(../images/bottom_droite.jpg) top left no-repeat; }

#content .part_content_droite h2, #content .part_content_gauche h2 { color:#d23e42; font-size:1em; margin-left:30px;}
#content .part_content_droite p, #content .part_content_gauche p { color:#000; font-size:1em; margin-left: 30px; padding:0;}
#content .part_content_gauche p.gris { margin-top:3px; display:inline;}
#content .part_content_gauche p.gris a { color: #737f80; text-decoration:none; display:inline;}

#content .part_content_gauche form { margin:10px 0 0 30px; }
#content .part_content_gauche form label, #content .part_content_gauche form input { margin-top:5px; margin-bottom:5px;}
#content .part_content_gauche form textarea { width:550px; height:200px; clear:both;}
/* END */

/* ------ PAGE DEJA PARU ----------*/
#bookDetails { width:100%; height:280px;}
#bookDetails .imgCouv { float:left; width:120px; height: 170px; background:white; margin: 25px 0 0 25px; padding:0; }
#bookDetails .bookInfo { float:left; width:720px; height: 260px; background:white; margin: 20px 25px 0 20px; padding:0; }
#bookDetails p { margin:0; padding:0; }
#bookDetails p.auteurs { color:#555; font-size:1.2em; margin-bottom:15px;}
#bookDetails h2 { color:#67271a; }
#bookDetails p.gris a { margin-bottom:10px; color:#b16260; }
#bookDetails #link_ouvrage { color:#D4944C; margin-left:30px; }
/* END */

/* ------- PAGE PARTENAIRES -------- */
#content .partenaire { width:950px; height:556px; background: #fff url(../images/bg_partenaires.jpg) no-repeat top left;}
#content .partenaire p { color:#223739; font-size:0.9em; }
#content .partenaire p a { color:white; text-decoration:none;}
#content .partenaire .matfer, .partenaire .mora, .partenaire .meilleur, .partenaire .lanore { width:187px; height:206px; background: none;}
#content .matfer p, #content .partenaire .mora p, #content .partenaire .meilleur p, #content .partenaire .lanore p { margin:0; padding:0;}

#content .Pgauche { float:left; width:187px; height:400px; margin-left:83px; padding-top:125px; background:none;}
#content .matfer { padding:0}
#content .mora { padding-top:90px;}

#content .Pdroite {float:left; width:187px; height:400px; margin-left:40px; padding-top:125px; background:none;}
#content .meilleur { float:left; }
#content .lanore {float:left; padding-top:90px;}

#content .listeAuteur { padding-top:90px;}
#content .auteurScroll { float:left; width:369px; height:420px; margin-left:110px;}
#content .listeAuteur .auteurScroll p { color:#737f80; margin:0; padding:0; width:230px;}
/* END */
/* ------ PAGE ATOUTS --------------*/
#content .atouts { width:100%; height:556px; background: transparent url(../images/bg_atouts.jpg) no-repeat top left; padding:70px 0 0 40px; }
#content .atouts p.bigp { font-size:1.1em;}
#content .atouts p { font-size:1em; text-align:center; margin:0; padding:0;}
#content .atouts p br { margin:10px 0 0 0;}
#content .atouts p a { color: black; text-decoration: none; }
#content .atouts p a:hover { color: white;}
#content .atouts #texte1, #content .atouts #texte2, #content .atouts #texte3, #content .atouts #texte4, #content .atouts #texte5, #content .atouts #texte6, #content .atouts #texte7 {
	width:170px; height:210px; float:left; margin-right:62px;
}
/* END */
/* ------ PAGE MENTIONS ------------*/
#content .mentions { width:100%; height:534px; background: #fff url(../images/bg_mentions.jpg) no-repeat top left; }
#content .mentions h1 { color:#69261d; font-size:1.1em; padding-left:70px; padding-top:8px; margin-top:0; }
#content .mentions p { margin-top:5px; margin-bottom:6px; color:#8e8483; }
#content .mentions span.boldColor { color:#69261d; font-weight:bold; }
/* END */
/* ------ CLASSES GENERIQUES -------*/
span.gris, p.gris { color: #737f80; }
.errorBox { margin-left:45px; width:500px; height:20px; background: yellow; color:red; font-weight:bold; padding:3px 0 0 10px; }
.messBox { margin-left:45px; width:500px; height:20px; background: #80feb8; color:black; font-weight:bold; padding:3px 0 0 10px;}
/* ------ FOOTER -----------*/
#footer {
	clear:both;
	text-align:center;
}
#footer p, #footer p a {
	color:#dadada;
}
#footer a:hover {
	color:white;
}