/* CSS Document */
html,body {
	font-family : Optima, sans-serif;
	color : #ffffff;
	font-size : 12px;
	text-align: center;
	text-decoration : none;
	background-color: #000000;
}
body {
	background-attachment : fixed;
	background-repeat : no-repeat;
	background-position : left top;
	margin: 0;
	padding: 0;
	text-align: center; 
}
body img {
	border : none;
}

/********************************************************************************************/
/******************************* definition du home *****************************************/
/********************************************************************************************/

.home {
	height:533px;
	width:850px;
	position:absolute;
        top: 75px;
        left:50%;
        margin-left:-424px; 
	text-align: center; 
	float: left;
	visibility: visible;
	z-index: 1;
	border: none;
	background-color: #000000;
}

.home .menu {
}

.home .news {
	height:273px;
	width:358px;
	position:absolute;
	left: 53px;
	top:108px;
	float: left;
	visibility: visible;
	z-index: 1;
	border: none;
}
.home .news .titre {
	color:#8C0353;
	font-size:15px;
	font-weight:bold;
}
.home .news .breve {
	text-indent: 0px;
	font-weight: bold;
	text-align: justify;
}

.home .mention {
	height:17px;
	width: 513px;
	position:absolute;
	left: 280px;
	top: 420px;
	float: left;
	visibility: visible;
	z-index: 1;
	border: none;
	color:#000000;
        font-size:10px;
	font-weight:bold;
	text-align: right;
}

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


/********************************************************************************************/
/******************************* definition des
galeries ************************************/
/********************************************************************************************/
.galerie {
        height:472px;
        width:800px;
        position:absolute;
        top: 75px;
        left:50%;
        margin-left:-400px; 
	text-align: center; 
        float: left;
        visibility: visible;
        z-index: 1;
        border: none;
	background-color: #000000;
}

.galerie .menu {
        height:325px;
        width:169px;
        position:absolute;
        left:-60px;
        top:15px;
        float: left;
        visibility: visible;
        z-index: 1;
        border: none;   
}

.galerie .menu ul {
        list-style-type:none;
        align=right;
}

.galerie .menu li {
        height:2.5em; 
        text-align: right;
}

.galerie .menu a {
        border: none;
}

.galerie .menu img {
        border: none;
}

.galerie .panel {
        height:200px;
        width:318px;
        position:absolute;
        left:190px;
        top:20px;
        text-align: left;
        float: left;
        visibility: visible;
        z-index: 1;
        border: none;
}

.galerie .panel table {
        border: none;
}

.galerie .panel td {
        padding:4px;
        vertical-align:bottom;
}

.galerie .panel img {
        border: 0px solid;
}

.galerie .panel .new {
        color:#8C0353;
        font-size:11px;
        font-weight:bold;
}

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


/********************************************************************************************/
/******************************* definition des diapos **************************************/
/********************************************************************************************/
.diapo {

}

.diapo .image {
	position:absolute;
	left:0px;
	top:0px;
	float: center;
	visibility: visible;
	z-index: 1;
	border: none;
	text-align=center;
}

.diapo #description {
	position:absolute;
	left:50%;
	top:100%;
	margin-left:-125px;
	margin-top:-100px;
	float: left;
	visibility: hidden;
	z-index: 1;
	border: none;	
} 

.diapo .prec {
	position:absolute;
	left:0px;
	bottom:0px;
	float: left;
	visibility: visible;
	z-index: 3;
	border: none;
}

.diapo .suiv {
	position:absolute;
	right:0px;
	bottom:0px;
	float: left;
	visibility: visible;
	z-index: 4;
	border: none;
}


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


/********************************************************************************************/
/******************************* definition du info *****************************************/
/********************************************************************************************/

.info {
	height:472px;
	width:800px;
	position:absolute;
	top: 75px;
        left:50%;
        margin-left:-400px; 
	text-align: center; 
	float: left;
	visibility: visible;
	z-index: 1;
	border: none;
	background-color: #000000;
}

.info .menu {
}

.info .mailanglais {
	height:25px;
	width:137px;
	position:absolute;
	left: 380px;
	top:410px;
	float: left;
	visibility: hidden;
	z-index: 2;
	border: none;
}

.info .mailfrancais {
	height: 27px;
	width: 143px;
	position: absolute;
	left: 699px;
	top: 420px;
	float: left;
	visibility: visible;
	z-index: 2;
	border: none;
}

.info .mention {
	height:17px;
	width: 513px;
	position:absolute;
	left: 280px;
	top: 420px;
	float: left;
	visibility: visible;
	z-index: 1;
	border: none;
        color:#000000;
        font-size:10px;
        font-weight:bold;
	text-align: right;
}

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


/********************************************************************************************/
/******************************* definition des liens ***************************************/
/********************************************************************************************/
.lien {
	height:472px;
	width:800px;
	position:absolute;
	top: 148px;
        left:50%;
        margin-left:-400px; 
	text-align: center; 
	float: left;
	visibility: visible;
	z-index: 1;
	border: none;
	background-color: #000000;
}

.lien .menu {
	height:325px;
	width:169px;
	position:absolute;
	left:-40px;
	top:75px;
	float: left;
	visibility: visible;
	z-index: 1;
	border: none;	
}

.lien .menu ul {
	list-style-type:none;
	align=right;
}

.lien .menu li {
	height:3.5em; 
	text-align: right;
}

.lien .menu a {
	border: none;
}

.lien .menu img {
	border: none;
}

.lien .panel {
	height:200px;
	width:630px;
	position:absolute;
	left:200px;
	top:10px;
	text-align: left;
	float: left;
	visibility: visible;
	z-index: 1;
	border: none;

}

.lien .panel table {
	border: none;
}

.lien .panel td {
	padding:4px;
}

.lien .panel img {
	border: 0px solid;
}

.lien .panel a {
	font-family: "Arial", Times, serif;
	color : #ffffff;
	font-size : 12px;
	text-align: center;
	text-decoration : none;
}


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

/********************************************************************************************/
/******************************* definition des livres **************************************/
/********************************************************************************************/
.librairie {
	height:472px;
	width:850px;
	position:absolute;
	top: 75px;
	left:50%;
    margin-left:-424px;
	text-align: center; 
	float: left;
	visibility: visible;
	z-index: 1;
	border: none;
	background-color: #8D8D8D;
}

.librairie .menu {
	height:472px;
	width:285px;
	position:absolute;
	left:0px;
	top:0px;
	float: left;
	visibility: visible;
	z-index: 2;
	border: none;	
	color:#8D8D8D;
	font-size:15px;
	font-weight:bold;
	background-color: #000000;
}

.librairie .menu a {
	border: none;
}

.librairie .menu img {
	border: none;
}

.librairie .menu table td {
	vertical-align:top;
	text-align:center;
	padding:3px
}

.librairie .menu .jeunesse {
	height:325px;
	width:169px;
	position:absolute;
	left:5px;
	top:20px;
	float: left;
	visibility: visible;
	z-index: 4;
	border: none;
	text-indent: 0px;	
}

.librairie .menu .bd {
	height:325px;
	width:169px;
	position:absolute;
	left:5px;
	top:350px;
	float: left;
	visibility: visible;
	z-index: 4;
	border: none;	
}

.librairie .presentation {
	height:390px;
	width:520px;
	position:absolute;
	left:285px;
	top:28px;
	text-align: left;
	float: left;
	visibility: visible;
	z-index: 3;
	border: none;
	background-color: #8D8D8D;
}

.librairie .presentation p {
	margin:5px;
}

.librairie .presentation .titre {
	position:absolute;
	color:#ffffff;
	font-size:17px;
	font-weight:bold;
	left:22px;
	top:9px;
	height:17px;
	width:450px;
	text-align:left;
}

.librairie .presentation .auteur {
	border: none;
	height:25px;
	width:150px;
	position:absolute;
	left:22px;
	top:35px;
	text-align:center;
	color:#8C0353;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}

.librairie .presentation .infos {
	border: none;
	height:15px;
	width:155px;
	position:absolute;
	left:22px;
	top:65px;
	color:#8C0353;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}

.librairie .presentation .resume {
	border: none;
	height:134px;
	width:155px;
	position:absolute;
	left:22px;
	top:85px;
	color:#ffffff;
	font-size:10.5px;
	font-weight:normal;
	text-align:justify;
}

.librairie .presentation .commande {
	border: none;
	height:65px;
	width:150px;
	position:absolute;
	left:22px;
	top:296px;
	color:#8C0353;
	font-size:14px;
	font-weight:bold;
	text-align:justify;
}

.librairie .presentation .commande .lienfnac{
	border: none;
	height:65px;
	width:150px;
	position:absolute;
	left:0px;
	top:18px;
}

.librairie .presentation .commande .lienamazon{
	border: none;
	height:65px;
	width:150px;
	position:absolute;
	left:53px;
	top:28px;
}

.librairie .presentation .commande .liendecitre{
	border: none;
	height:65px;
	width:150px;
	position:absolute;
	left:116px;
	top:22px;
}

.librairie .presentation .edition {
	position:absolute;
	left:360px;
	top:9px;
	color:#ffffff;
	font-size:14px;
	height:17px;
	width:175px;
	font-weight:bold;
	text-align:right;
	z-index: 1;
}

.librairie .presentation .livre {
	border: none;
	height:300px;
	width:500px;
	position:absolute;
	left:0px;
	top:0px;
	color:#ffffff;
	font-size:10.5px;
	font-weight:normal;
	text-align:justify;
	z-index: 0;
}

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


/********************************************************************************************/ 
/******************************* definition du magasin **************************************/ 
/********************************************************************************************/ 
.shop { 
        height:472px; 
        width:800px; 
        position:absolute; 
	//left: 0px;
	top: 75px;
	left:50%;
        margin-left:-424px;
	text-align: center; 
        float: left; 
        visibility: visible; 
        z-index: 1; 
        border: none; 
        background-color: #000000; 
        background-repeat : no-repeat; 
        background-position : 0px 0px; 
} 

.shop .menucartes { 
        position:absolute; 
        left:0px; 
        top:30px;
	width:172px; 
	height:30px;
        float: left; 
        visibility: visible; 
        z-index: 1; 
        border: 0px;
	text-align:right;          
        padding : 0px; 
} 

.shop .menucarnets { 
        position:absolute; 
        left:0px; 
        top:70px; 
	width:172px; 
	height:30px;
        float: left; 
        visibility: visible; 
        z-index: 1; 
        border: none;   
	text-align:right;        
        padding : 0px; 
} 

.shop .presentationProduit { 
        position:absolute; 
        left:172px; 
        top:73px; 
	width:400px; 
	height:262px;
        float: left; 
        visibility: visible; 
        z-index: 1; 
        border: none;         
        background-color: #000000; 
        padding : 5px; 
}

.shop .presentationProduit .imageproduit { 
        position:absolute; 
        left:5px; 
        top:5px; 
        float: left; 
        visibility: visible; 
        z-index: 1; 
        border: none;         
}

.shop .presentationProduit .titreproduit { 
        position:absolute; 
        left:230px; 
        top:20px; 
	width:155px;
        float: left; 
        visibility: visible; 
        z-index: 1; 
        border: none;  
	color:#ffffff;
	font-size:17px;
	font-weight:bold;
	text-align:left;       
}

.shop .presentationProduit .infosproduit { 
        position:absolute; 
        left:230px; 
        top:70px; 
	width:155px;
        float: left; 
        visibility: visible; 
        z-index: 1; 
        border: none;  
	color:#8C0353;
	font-size:11px;
	font-weight:bold;
	text-align:left;       
}

.shop .presentationProduit .resumeproduit { 
        position:absolute; 
        left:230px; 
        top:100px; 
	width:155px;
        float: left; 
        visibility: visible; 
        z-index: 1; 
        border: none; 
	color:#ffffff;
	font-size:10.5px;
	font-weight:normal;
	text-align:justify;        
}

.shop .presentationProduit .commandeproduit { 
        position:absolute; 
        left:230px; 
        top:200px; 
	width:200px;
        float: left; 
        visibility: visible; 
        z-index: 1; 
        border: none; 
	color:#8C0353;
	font-size:11px;
	font-weight:bold;
	text-align:justify;        
}

.shop .presentationProduit .legendeproduit { 
        position:absolute; 
        left:10px; 
        top:230px; 
        float: left; 
        visibility: visible; 
        z-index: 1; 
        border: none;         
}


/********************************************************************************************/ 
.presse {
        height:472px;
        width:800px;
        position:absolute;
        top: 148px;
        left:50%;
        margin-left:-400px; 
	text-align: center; 
        float: left;
        visibility: visible;
        z-index: 1;
        border: none;
	background-color: #000000;
        background-image : url(../images/fonds/presse_f.jpg);
        background-repeat : no-repeat;
        background-position : 0px 0px;
}

/********************************************************************************************/ 
.expo {
	height: 472px;
	width: 800px;
	position: absolute;
        //left: 200px;
	top: 75px;
	left: 50%;
	margin-left: -424px;
	text-align: center;
	float: left;
	visibility: visible;
	z-index: 1;
	border: none;
	background-color: #000000;
	background-repeat : no-repeat;
	background-position : left top;
}