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

body{background-color:#ebeced; margin: 0 auto; padding: 0px; font-family:Arial, Helvetica, sans-serif;}

#global{position:relative;width:1000px; min-height:3000px; margin: 0 auto;padding-bottom:20px;
background-image:url(images/fond-blanc-60.png);background-repeat:repeat-x repeat-y;background-position:top left; margin-top:40px;}

img {border: none;}
p, h1, h2, h3, h4, h5, h6 {margin: 0px;}

#bande{position:absolute; top:0; left:0; height:40px; width:100%; background-color:#50BDC9; margin:0px; padding:0px; border:none; margin-bottom:100px;}

#reseaux-sociaux{position:absolute; top:-40px; right:-5px;}

#etoile{position:relative; float:left; margin-left:370px; margin-top:120px; width:1000px;}

#fil-actualite-facebook{position:relative; width:900px; margin: 0 auto; margin-top:30px;}


#bandeau{height: 167px; background-image:url(images/BANDEAU.png); background-repeat: no-repeat; background-position: left top; background-color:#FFFFFF;}

#menu{float:left; position:absolute; top:160px; width:1000px; background-repeat:no-repeat; background-position:top left; font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF;}

ul#bas{position:relative; float:left; margin: 0 auto; width:1000px; height:25px; list-style-type:none; padding:0; margin:0; margin-left:40px; margin-top:70px; margin-bottom:50px;}
#bas li{list-style-type:none; display:inline; float:left; }
#bas a{display:block; text-decoration:none; line-height:25px; text-align:center; width:150px; height:25px; font-size: 12px; color:#008A8D; font-family:Arial, Helvetica, sans-serif;}
#bas a:hover{color:#008A8D; font-weight:bold;}



/* Page avec photos*/
#titre{padding-top: 35px;padding-right: 5px;padding-left: 5px;width:250px;height:140px;float: left;}
#titre a,#titre p{font-size:14px;color:#484173;text-align:center;text-decoration:none;}
#titre a:hover{color:#008A8D;text-decoration:none;	text-decoration:none;text-align:center;}

#titrelivre {padding-top: 35px; padding-right: 5px; padding-left: 5px; width:250px; height:65px; background-color: #F8F2E8; float: left;}
#titrelivre h1{font-size: 22px; font-weight: normal;}
#titre h1{font-size: 22px; font-weight: normal;}
#titre h2{font-size: 16px; font-weight: normal; text-align: center;}
#titre h3{text-align: center; font-weight: normal; color:#582A4D;}
#titre h5{text-align: center; font-weight: normal; color:#582A4D; font-size: 10px;}

#blocphotos{position:relative; float:left; margin-top:100px; margin-left:103px; width:792px; height:180px; background-color:#FFFFFF;}
#zone-slider{position:relative; float:left; margin-left:80px; margin-top:42px; width:850px; height:250px; background-color:#FFFFFF;}
#zone-slider-accueil{position:relative; float:left; margin-left:80px; margin-top:60px; width:850px; height:370px;}


#zone-slider-temoignages{position:relative; float:left; margin-left:80px; margin-top:42px; width:850px; }	
	
.blocphotoslivre {position:absolute; top:240px; left:190px; width:792px; /*height:180px;*/ background-image:url(images/fondbloc.png); background-repeat:repeat-x repeat-y; border:solid #CCC 1px;}

#commande{position:relative; float: left; margin-left:540px; margin-top:-130px; width: 255px;}
#commande p{color:#201a43;}
#commande a{font-size:14px; color:#484173; text-align:center; text-decoration:underline;}
#commande a:hover{color:#008A8D; text-decoration:none; text-decoration:none;}
#bloctexte,#bloctexteplan{position:relative; float:left; margin-left:60px; margin-top:20px; width:850px; min-height:550px; padding:20px;}
	
.bloclivre{position:absolute; top:360px; left:190px; width:752px; height:600px; padding:20px; background-image:url(images/fondbloc.png); 	background-repeat:repeat-x repeat-y; border:solid #CCC 1px;}
	
	
#bloctexte a,#bloctexteplan a{color:#484173; text-decoration:underline;}
#bloctexte a:hover, #bloctexteplan a:hover{color:#008A8D; text-decoration:none;}

h1{font-family: Arial, Helvetica, sans-serif; color:#4A3F76; font-size:20px; padding: 0px; padding-bottom:10px;}
h2{font-family: Arial, Helvetica, sans-serif; color:#65264D; font-size:16px; padding: 0px; margin-bottom:10px;}
h3{font-family: Arial, Helvetica, sans-serif; color:#008A8D; font-size:16px; font-weight:normal; padding: 0px;}
h4{font-family: Arial, Helvetica, sans-serif; font-size:12px; padding: 0px; font-weight:normal; color:#201a43;}
p{font-size:14px; text-align:justify;}

#bloctexte p{font-family: Arial, Helvetica, sans-serif; color:#201a43; font-size:14px; text-align:justify; line-height:1.5em;}
#bloctexte h1{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-weight:normal; font-variant:small-caps;} 
#bloctexte h2{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-weight:normal; }

#bloctexte li{list-style-image:url(images/bulletpoint.jpg); padding-left:20px; font-size:14px; text-align:justify; margin-bottom:2px; line-height:1.45em;color:#201a43;}
#bloctexteplan li{list-style-image:none; padding-left:20px; font-size:12px; text-align:justify; margin-bottom:2px;}
#blocgauche {position:absolute; left:20px; border:1px solid #CCC; width:350px; height:580px; top:20px; padding:10px;}
#blocgauche img, #blocdroite img{position:absolute; left: 80px;}
#blocdroite {position:absolute; right:20px; border:1px solid #CCC; width:350px; height:580px; top:20px; padding:10px;}
#blocbas {position:absolute; left:20px; width:330px; /*height:300px;*/ top:300px; padding:10px;	 margin-bottom:20px;}
	
#formulaire{width:540px; height:300px; background-image:url(images/fond-contact.jpg); background-position:top left; background-repeat:no-repeat; 	position: absolute;	border: thin solid #32888b;}
#formulairenom{text-align:right; height:25px; width:90px; float:left; color:#32888b; font-weight:bold;}
#formulairechamp{float: right; height: 25px; width: 360px; border: thin dotted #FFFFFF;}
#formulairetexte{position:absolute; left:100px; top:50px;}
input{background:#F8F6F2; color:#484173;}
form{border:none; padding:20px;}
#formulaire textarea{width:360px; float:right; background:#F8F6F2; color:#484173;}
.envoi{font-weight:bold; position:absolute; bottom:10px; right:10px;}

#cadregauche{width:470px; height:250px; position:absolute; top:70px; left:20px;}
#cadredroit{width:280px; height:250px; position:absolute; top:70px; left:490px;}

.galerie{width:220px; position: absolute; top:30px; left:0px; margin:20px; padding:5px;}
.galerie .vignette img {border:1px solid #ccc; padding:0; margin:1px;}
.galerie .vignette img:hover {border:2px solid #fff;}
.galerie .vignette span{background-color:#FFF; position:absolute; visibility: hidden; text-align:center;}
.galerie .vignette:hover span{visibility: visible; top: 0px; left: 285px; z-index: 50;}
.galerie .vignette span img, .galerie .vignette span img:hover{border:none;}
.galerie .vignette span p{color:#000; font-weight:bold; font-size:14px; margin:0; padding:5px;}

#certification{width:370px; height:50px; left:50px; margin-bottom:5px;}
#certification2{position:absolute; border:1px solid #CCC; width:370px; height:83px; right:20px;	margin-bottom:5px; top:20px;}
#certificationbas{border:1px solid #CCC; width:350px; height:45px; right:0px; margin-bottom:5px; padding:10px;}
#certificationimage{position:absolute; left:21px;}
#certificationtexte{position:absolute; left:135px; padding-top:15px;}
#certificationtexte p, certificationtexte a{font-size:12px;}
#certificationtexte2 p, certificationtexte2 a{font-size:12px;}
#certificationbas p{font-size:12px;}
#certificationtexte2{position:relative; float:right; margin-right:10px;}
#certificationtexte2 p{text-align:right;}

#certificationtemoignage{position:absolute;	right:20px;	border:1px solid #CCC; width:350px;	height:510px; padding:10px;	top: 20px;}
#certificationtemoignage p{font-size:11px; font-style:italic;}

#fleche{position:absolute; width:65px; height:35px; right:20px; bottom:0px;}
#fleche1{position:absolute; width:65px; height:170px; right:20px; bottom:0px;}
#fleche2{position:absolute; width:65px; height:120px; right:20px; bottom:0px;}
#flechegauche{position:absolute; width:65px; height:35px; left:20px; bottom:0px;}

#partenaire{position:absolute; width:140px; height:520px; left:20px; background-color:#FFFFFF;}
#partenaire li{list-style-type:none; list-style-image:none; padding-left:10px; font-size:12px;}	
#partenaire ul{padding-left:0px;}	
	
#partenairepays{position:absolute; right:10px; top:10px;}
#partenairedroite{right:20px; height:500px; width:650px; top:60px; padding:10px; position: absolute;}
#partenairedroite p, #partenairedroite li{font-size:12px;}

#zonerecherche{position:absolute; top:0px; right:0px; z-index:1;}

.form fieldset{margin:0; padding:0; border:none;}
.form input{border:1px #582A4D solid; width:138px; height:18px; padding:0; background-color:#F8F6F2;}
.form input:focus{outline:none; background:#4A3F76 opacity:0,5;}
.form button{border:none; width:20px; height:20px; background:url(images/boutonrecherche.jpg) 0 0 no-repeat; font-weight:bold; text-indent:-9999px;
cursor:pointer;}
.form button:hover{background:url(images/boutonrecherchehover.jpg) 0 0 no-repeat;}
.form button:active{background:url(images/boutonrechercheactive.jpg) 0 0 no-repeat;}

.mots{font-size:12px; color:#582A4D;}

#logopartenaires{position:absolute; left: 10px;	width: 203px; height: 61px;}

#formulaire2{width:760px; height:460px; background-image:url(images/fond-contact-2.jpg); background-position:top left; background-repeat:no-repeat;
position: absolute; border: thin solid #32888b; top: 80px; right: 10px;}

#formulairechamp2{height: 25px; width: 800px; border: thin dotted #FFFFFF;}

#formulaire2 textarea{width:700px; background:#F8F6F2; color:#484173;}

#temoignez li{font-size:12px;}

#copyright{position:absolute; right:10px; bottom:5px;}
#copyright p{font-size:12px; font-weight:bold; color:#FFF;}

.avecmeatus {color:#484173; font-weight:normal; font-style:normal; font-size:12px;}

#essaicontact2{position:absolute; bottom:5px; right:5px;}

#texte-livre-droite-1{position:absolute; right:20px; top:20px; width:620px; height:70px; background-color:#F8F6F2; padding:10px;}
#photo-livre-gauche-1{position:absolute; left:20px; top:20px;}
#photo-livre-gauche-1 a:hover, #photo-livre-gauche-2 a:hover, #photo-livre-gauche-3 a:hover, #photo-livre-gauche-4 a:hover, #photo-livre-gauche-5 a:hover{
	opacity:0.8;
}

#texte-livre-droite-2{position : absolute; right:20px; width: 620px; top:130px; height:70px; background-color:#F8F6F2; padding:10px;}
#photo-livre-gauche-2{position:absolute; left:20px; top:130px;}
#texte-livre-droite-3{position : absolute; right:20px; width: 620px; top:240px; height:70px; background-color:#F8F6F2; padding:10px;}
#photo-livre-gauche-3{position:absolute; left:20px;	top:240px;}
#texte-livre-droite-4{position : absolute; right:20px; width: 620px; top:350px; height:70px; background-color:#F8F6F2; padding:10px;}
#photo-livre-gauche-4{position:absolute; left:20px; top:350px;}
#photo-livre-gauche-5{position:absolute; left:20px; top:460px;}

#texte-livre-droite-5{position : absolute; right:20px; width: 620px; top:460px; height:70px; background-color:#F8F6F2; padding:10px;}
#texte-livre-droite-1 h1,#texte-livre-droite-2 h1,#texte-livre-droite-3 h1, #texte-livre-droite-4 h1, #texte-livre-droite-5 h1{text-align:left;
font-size:16px;}

.livresaccueil{font-size:10px; color:#000; margin-bottom:2px;}


.alignementgauche{text-align:left;}

.texte10px{font-size:9px;}

.citations {font-family: 'Marck Script', cursive; font-size:24px; color:#50BDC9;}
.livre-japonais{color:#4A3F76; font-size:16px;}
.italique-petit{font-style:italic; font-size:11px !important;}

#gauche{position:relative; float:left; width:410px; border:solid 2px #ebeced; margin-bottom:40px;}
#droite{position:relative; float:right; width:410px; margin-left:10px; border:solid 2px #ebeced;margin-bottom:40px;}
#centre{position:relative; float:right; width:846px; margin-left:10px; border:solid 2px #ebeced;margin-bottom:40px;}