
* {
	margin: 0;
	padding: 0;
}
img{border:none;}

body{background-image:url(images/AP.jpg);}

#rubriqueVerticaleHaut{background:#362103;
width:100%;
height:25px;
}
#navigationSite{margin:0 auto;
width:981px;
}
#navigationSite li{display:inline;
float:right;
margin:0 5px;
}
#logo{position:absolute;
top:-2px;
left:20px;}
#logo img{display:block;}
#logo #secretaire{position:absolute;
left:-30px;
width:218px;
color:#990000;
height:99px;
padding:15px 25px 10px 10px;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:18px;
text-align:center;
}

#navigationSite li a{padding-left:5px;
text-decoration:none;
color:#FFFFFF;}
#navigationSite a:hover{text-decoration:underline;
color:#FFFFFF;}
.navigationSiteactive{text-decoration:underline;
padding-left:5px;
color:#FFFFFF;
display:inline;
float:right;
margin:0 5px;}



#site{margin:0 auto;
width:981px;}
#entete{margin-left:250px;
margin-top:15px;}

#navigationCatalogue{width:720px;
height:112px;}
#navigationCatalogue li{text-decoration:none;
list-style:none;
height:72px;
display:inline;
float:left;}


#navigationCatalogue li.navCatalogue a{display:block;
color:#5c7095;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:18px;
background:url(images/banCouliNavCatalogue2.jpg) left top no-repeat;
text-align:center;
text-decoration:none;
height:112px;
width:120px;
margin:0px;
}	

#navigationCatalogue li.navCatalogue  a:hover{
	background:url(images/banCouliNavCatalogue2.jpg) left bottom no-repeat ;
	color:#955c75;
	}



	
#navigationCatalogue li.navEcard a{display:block;
color:#5c7095;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:18px;
background:url(images/banCouliNavECard.jpg) left top no-repeat;
text-align:center;
text-decoration:none;
height:112px;
width:120px;}	

#navigationCatalogue li.navEcard  a:hover{
	background:url(images/banCouliNavECard.jpg) left bottom no-repeat ;
	color:#955c75;
	}

#navigationCatalogue li.navAccrocheCoeur a{display:block;
color:#5c7095;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:18px;
background:url(images/banCouliNavAccrocheCoeur.jpg) left top no-repeat;
text-align:center;
text-decoration:none;
height:112px;
width:120px;}	

#navigationCatalogue li.navAccrocheCoeur a:hover{
	background:url(images/banCouliNavAccrocheCoeur.jpg) left bottom no-repeat ;
	color:#955c75;
	}
	
#navigationCatalogue li.navCalendrier a{display:block;
color:#5c7095;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:18px;
background:url(images/banCouliNavCalendriers.jpg) left top no-repeat;
text-align:center;
text-decoration:none;
height:112px;
width:120px;}	

#navigationCatalogue li.navCalendrier a:hover{
	background:url(images/banCouliNavCalendriers.jpg) left bottom no-repeat ;
	color:#955c75;
	}
	
#navigationCatalogue li.navLimitee a{display:block;
color:#5c7095;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:18px;
background:url(images/banCouliNavEditionSpeciale.jpg) left top no-repeat;
text-align:center;
text-decoration:none;
height:112px;
width:120px;}	

#navigationCatalogue li.navLimitee a:hover{
	background:url(images/banCouliNavEditionSpeciale.jpg) left bottom no-repeat ;
	color:#955c75;
	}
	
#navigationCatalogue li.navOptimage a{display:block;
color:#5c7095;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:18px;
background:url(images/banCouliNavOptImage.jpg) left top no-repeat;
text-align:center;
text-decoration:none;
height:112px;
width:120px;}	

#navigationCatalogue li.navOptimage a:hover{
	background:url(images/banCouliNavOptImage.jpg) left bottom no-repeat ;
	color:#955c75;
	}

#navigationCatalogue li.navCatalogueactive{background:url(images/banCouliNavCatalogue2.jpg) left bottom no-repeat ;
color:#955c75;
text-align:center;
text-decoration:none;
height:112px;
width:120px;
font-size:18px;}

#navigationCatalogue li.navAccrocheCoeuractive{background:url(images/banCouliNavAccrocheCoeur.jpg) left bottom no-repeat ;
color:#955c75;
text-align:center;
text-decoration:none;
height:112px;
width:120px;
font-size:18px;}


#navigationCatalogue li.navEcardactive{background:url(images/banCouliNavECard.jpg) left bottom no-repeat ;
color:#955c75;
text-align:center;
text-decoration:none;
height:112px;
width:120px;
font-size:18px;}

#navigationCatalogue li.navCalendrieractive{background:url(images/banCouliNavCalendriers.jpg) left bottom no-repeat ;
color:#955c75;
text-align:center;
text-decoration:none;
height:112px;
width:120px;
font-size:18px;}

#navigationCatalogue li.navLimiteeactive{background:url(images/banCouliNavEditionSpeciale.jpg) left bottom no-repeat ;
color:#955c75;
text-align:center;
text-decoration:none;
height:112px;
width:120px;
font-size:18px;}


#navigationCatalogue li.navOptimageactive{background:url(images/banCouliNavOptImage.jpg) left bottom no-repeat ;
color:#955c75;
text-align:center;
text-decoration:none;
height:112px;
width:120px;
font-size:18px;}

#InfoPage{width:731px;
margin-bottom:10px;}
#info{width:303px;
height:118px;
padding:5px 5px 5px 35px;
float:left;
background-image:url(images/cadreInfo.jpg);
background-repeat:no-repeat;
margin-top:40px;


}



#info p{font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:18px;
width:200px;
padding:5px 0px 0px 45px; }
#toutCompris{width:370px;
float:left;
background-image:url(images/TamponsCar2.jpg);
background-repeat:no-repeat;
margin-top:5px;
height:129px;
}
#toutCompris ul.expliToutcompris{padding-top:10px;
}

#toutCompris .expliToutcompris li{
list-style:none;
text-align:right;
padding-right:220px;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:22px;}


#toutCompris .page li{display:inline;
float:right;
margin:20px 1px;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:17px;
padding-left:0px;}

#toutCompris .page li a{
display:block;
background-image:url(images/fondrubrique.png);
background-repeat:no-repeat;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:14px;
padding:0 0 0 5px;
width:21px;
height:24px;
text-decoration:none;}

#toutCompris .page li a:hover{
background-image:url(images/fondrubriqueHover.png);
background-repeat:no-repeat;
width:21px;
height:24px;
text-decoration:none;}

#infoCalendriers{width:303px;
height:118px;
padding:5px 5px 5px 35px;
float:left;
background-image:url(images/infoCalendriers.jpg);
background-repeat:no-repeat;
margin-top:40px;
}
#infoCalendriers li{list-style:none;}
#infoCalendriers a{text-decoration:none;
color:#FFFFFF;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:18px;}
#infoCalendriers a:hover{color:blue;}

#infoCalendriers .calendrierActive{background-color:#FFFFFF;
color:#333333;
width:200px;}





#toutComprisCalendriers{width:316px;
height:177px;
float:left;
background-image:url(images/FondTOUTcomprisCalendriers.jpg);
background-repeat:no-repeat;
margin-top:5px;
padding:30px 10px 10px 60px;
}

#toutComprisCalendriers ul.expliToutcomprisCalendriers{padding-top:10px;
}

#toutComprisCalendriers .expliToutcomprisCalendriers li{
list-style:none;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:22px;}





#centreDuSite{
clear:both;
background-image:url(images/fontCentre2.jpg);
padding:10px;


}

.cartesuivante{margin:0px auto;
padding:10px 20px;
width:500px;}


#titrePersonnalisation h1{width:800px;
margin:0px auto;
padding:0;}

h2{margin:190px 0;}

#centreDuSite p{font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:20px;
margin:10px 200px;
color:#333333;
}

#centreDuSite img{display:block;
margin-top:20px;}

#centreDuSiteGauche{width:220px;
margin:10px;

}

#centreDuSiteGauche a{color:#5c7095;
text-decoration:none;}
#centreDuSiteGauche a:hover{color:#955c75;}


#centreDuSiteGauche p{font-size:16px;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
margin:10px 0px;
}

#centreDuSiteDroit{width:650px;
float:right;
margin-top:20px;
}

#centreDuSiteDroit p{font-size:20px;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
width:600px;
padding:0px;
margin:10px 0 20px 10px;
}

#centreDuSiteDroit p.ref{margin:0 auto;
width: 150px;
font-size:16px;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
color:black;}




#centreDuSiteGaucheOPTIMAGE{width:220px;
margin:10px;
float:left;

}

#centreDuSiteGaucheOPTIMAGE a{color:#5c7095;
text-decoration:none;}
#centreDuSiteGaucheOPTIMAGE a:hover{color:#955c75;}


#centreDuSiteGaucheOPTIMAGE p{font-size:16px;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
margin:10px 0px;
}

#centreDuSiteDroitOPTIMAGE{width:650px;

margin-top:20px;
}

#centreDuSiteDroitOPTIMAGE p{font-size:20px;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
width:600px;
padding:0px;
margin:10px 0 20px 10px;
}



#tableaugauche, #tableaudroite{
display:inline;}
#tableaudroite{
margin-left:50px;
}
#tableaugauche{margin-left:30px;}
.gris{background-color:#CCCCCC;}
.centrer{text-align:center;}
.commander{width:85px;
text-align:center;}

th{
font-weight:normal;
background-color:#FF99FF;}




#rubriquePageBas{margin-right:35px;}
#rubriquePageBas #page li{display:inline;
float:right;
margin:20px 1px;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:17px;
padding-left:0px;}

#rubriquePageBas #page li a{
display:block;
background-image:url(images/fondrubrique.png);
background-repeat:no-repeat;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:14px;
padding:0 0 0 5px;
width:21px;
height:24px;
text-decoration:none;}

#rubriquePageBas #page li a:hover{
background-image:url(images/fondrubriqueHover.png);
background-repeat:no-repeat;
width:21px;
height:24px;
text-decoration:none;}

#basDePage{clear:both;
margin-top:20px;}
#basDePage a{color:#5c7095;
text-decoration:none;}
#basDePage a:hover{color:#955c75;}


#colgauche{float:left;
width:320px;}
#colgauche ul{
width:311px;
height:392px;
background-image:url(images/BgColGauche.jpg);
background-repeat:no-repeat;
padding-top:20px;}

#colgauche li{list-style:none;
padding:5px 10px 0 20px;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:20px;
width:280px;}

#colgauche li.gras{padding-bottom:20px;
text-align:center;
font-size:24px;
color:#0033FF;
font-weight:bolder;}
.fluo1{
background-image:url(images/fluo.png);
background-repeat:no-repeat;
width:77px;
height:18px;}
.fluo2{background-image:url(images/fluo.png);
background-repeat:no-repeat;
width:77px;
height:18px;}

#colgauche img{margin-left:50px;}

#colcentre{float:left;
width:320px;
}
#exclusif{width:320px;
}
.imagette{float:left;
margin-left:20px;}
.text{float:right;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:22px;}
.text li{list-style:none;
width:250px;}
.rouge{font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:22px;
color:#ac261e;}

#commande{clear:both;
width:320px;
padding-top:60px;}
#commande p{width:220px;}

#coldroite{
width:320px;
float:left;}
#question{width:320px;
padding-top:20px;
padding-left:10px;
}
#question p{width:230px;}

#Vintg{margin-left:80px;
clear:both;

}

#temps{width:320px;
margin-top:20px;}
#temps p{width:230px;
}


#bas{background-color:#301d06;
clear:both;}
#contenuBas{
width:981px;
margin:0 auto;}

#LiensBas{float:left;
width:300px;
margin-left:100px;
margin-top:20px;}

#LiensBas li{list-style:none;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:24px;
}
#LiensBas a {text-decoration:none;
color:#FFFFFF;}
#LiensBas a:hover{color:#FFFFFF;}
.grasBlanc{font-weight:bolder;
color:#FFFFFF;}


#texteOptimage{float:right;
width:300px;
list-style:none;
font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:24px;
color:#FFFFFF;
margin-right:100px;
margin-top:50px;
font-weight:bolder;
}


#partieBasse{clear:both;}
#partieBasse p{font:"Raspoutine Medium" , Geneva, Arial, Helvetica, sans-serif ;
font-size:20px;
color:#FFFFFF;
text-align:center;
margin-top:20px;}