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


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

body{ background-color:#000; margin:0 auto; font-family:Arial, Helvetica, sans-serif; color:#fff;}
a{ text-decoration:none;}
h1{ background:url(../images/logo.png) no-repeat; text-indent:-10000px; width:380px; height:108px; float:left;}
h2{ background:url(../images/presentation.png) no-repeat; width:310px; height:57px; float:right; text-indent:-10000px; margin-top:20px;}

#maincontent{margin:0 auto;}
#logo{width:815px; margin:0 auto; height:108px; padding-top:20px;}

.keyword{ color:#d7b45a; font-weight:bold; padding:0px; margin:0px; text-align:left;}

#footer{clear:both;margin:0 auto;width:815px;height:25px; padding-top:15px;font-size:11px; color:#fff;margin-bottom:25px;text-align:center;}
#footer a{ clear:both; font-size:11px; color:#c89616;margin:0 auto; text-align:center;}
#footer a:hover{ color:#fff;}


/* MAIN NAV.................................................. */

#nav{ background:url(../images/fond_barre_nav.png) repeat-x; clear:both; height:137px;}

#nav #mainnav{ list-style-type:none; padding-top:47px;width:815px; margin:0 auto;}
#nav #mainnav ul{ text-align:center;}
#nav #mainnav li{float:left;font-size:18px; padding:0px 0px 0px 0px;}

#nav #mainnav li a{line-height:20px;height:28px;width:110px;display:block;text-align:center;color:#fff;cursor:pointer;margin:0px 12px 0px 13px;}
#nav #mainnav li a:hover{background:url(../images/fond_actif_nav.png) no-repeat;line-height:20px;height:28px;width:110px;display:block;text-align:center;color:#fff;cursor:pointer;margin:0px 12px 0px 13px;}

#nav #mainnav li a.n0actif{background:url(../images/fond_hover_nav.png) no-repeat; width:110px; height:28px;color:#000;}
#nav #mainnav li a.n1actif{background:url(../images/fond_hover_nav.png) no-repeat; width:110px; height:28px;color:#000;}
#nav #mainnav li a.n2actif{background:url(../images/fond_hover_nav.png) no-repeat; width:110px; height:28px;color:#000;}
#nav #mainnav li a.n3actif{background:url(../images/fond_hover_nav.png) no-repeat; width:110px; height:28px;color:#000;}
#nav #mainnav li a.n4actif{background:url(../images/fond_hover_nav.png) no-repeat; width:110px; height:28px;color:#000;}
#nav #mainnav li a.n5actif{background:url(../images/fond_hover_nav.png) no-repeat; width:110px; height:28px;color:#000;}

/* RELATED NAV.................................................. */

#nav #relatednav{ clear:both;list-style-type:none;width:815px;height:28px; margin:0 auto;}
#nav #relatednav li{float:left;font-size:14px; padding:5px 0px 0px 0px; font-family:"Times New Roman", Times, serif; font-style:italic;}

#nav #relatednav li a{line-height:18px;height:25px;width:145px;display:block;text-align:center;color:#fff;cursor:pointer;}
#nav #relatednav li a#n0{ visibility:hidden;width:10px;}
#nav #relatednav li a#n1{ visibility:hidden; padding-left:127px;width:110px;}
#nav #relatednav li a#n2{ visibility:hidden;width:120px;padding-left:14px;}
#nav #relatednav li a#n3{ visibility:hidden; padding-left:8px;}
#nav #relatednav li a#n4{ visibility:hidden;width:105px;padding-left:11px;}
#nav #relatednav li a#n5{ visibility:hidden; padding-left:18px;}

/* CONTENT.................................................. */

#content{width:815px; height:360px;margin:0 auto;}
#jdrawer{ width:187px; height:470px; float:left;}

.home{ background:url(../images/fond_home.png) no-repeat; width:815px; height:458px;margin-bottom:10px; margin:0 auto;}
#bigimg{ margin-bottom:30px;}

/* PAGE ACTE I.................................................. */
.contact .object{position:absolute; align:top left; top:-330px;}

#first{ position:relative;width:255px; height:360px; float:left; background:url(../images/acte1_bg.png) no-repeat; margin-bottom:30px;}
#first .contact{position:absolute; align:top left; top:330px; left:0px;background:url(../images/contact_bg.png) no-repeat; width:255px; height:23px; text-align:left; padding:0px; margin:0px;}
#first .contact a{ font-size:16px; font-weight:bold; color:#000; padding-left:40px; font-style:italic;}

#two{position:relative; width:255px; height:360px; float:left; background:url(../images/acte2_bg.png) no-repeat; margin-bottom:30px;}
#two .contact{ position:absolute; align:top left; top:330px; left:0px;background:url(../images/contact_bg.png) no-repeat; width:255px; height:23px; text-align:left;}
#two .contact a{ font-size:16px; font-weight:bold; color:#000; padding-left:40px; font-style:italic;}

#three{ position:relative;width:255px; height:360px; float:left; background:url(../images/acte3_bg.png) no-repeat; margin-bottom:30px;}
#three .contact{ position:absolute; align:top left; top:330px; left:0px;background:url(../images/contact_bg.png) no-repeat; width:255px; height:23px; text-align:left;}
#three .contact a{ font-size:16px; font-weight:bold; color:#000; padding-left:40px; font-style:italic;}


#four{ position:relative;width:255px; height:360px; float:left; background:url(../images/acte4_bg.png) no-repeat; margin-bottom:30px;}
#four .contact{ position:absolute; align:top left; top:330px; left:0px;background:url(../images/contact_bg.png) no-repeat; width:255px; height:23px; text-align:left;}
#four .contact a{ font-size:16px; font-weight:bold; color:#000; padding-left:40px; font-style:italic;}


#five{ position:relative;width:255px; height:360px; float:left; background:url(../images/acte5_bg.png) no-repeat; margin-bottom:30px;}
#five .contact{ position:absolute; align:top left; top:330px; left:0px;background:url(../images/contact_bg.png) no-repeat; width:255px; height:23px; text-align:left;}
#five .contact a{ font-size:16px; font-weight:bold; color:#000; padding-left:40px; font-style:italic;}


#second{ width:530px; height:360px;float:right;margin-bottom:30px;}
.hslides{ width:530px; clear:both;margin-bottom:50px;}



/* PAGE CONTACT.................................................. */

#formulaire{ width:500px; height:330px;text-align:left; font-size:14px; color:#d7b358; float:left;margin-bottom:30px;}
.coordonnees{width:350px; height:330px; float:left;background:#333333;  }
#formulaire h3{ font-size:16px; padding:10px 0px 0px 20px; ;background:#333333; letter-spacing:1px; color:#fff;}

.allasterix{ width:150px; height:330px; float:right; background:#333333;margin-bottom:30px;}

.allasterix em{ display:block; margin:15px 0px 15px 0px;}
.allasterix #nom_erreur{ margin-top:55px;}
.allasterix #tel_erreur{ margin-top:42px;}

.imgcontact{ background:url(../images/acte5.5_bg.png) no-repeat; width:255px; height:360px; float:right;margin-bottom:30px;}

.coordonnees label{float:left;}
.coordonnees input{float:right;width:180px;}

.coordonnees textarea{float:right;width:180px;}

.coordonnees p{ clear:both; margin:20px; padding:5px 0px 5px 0px;}

.soumettre .envoyer{ margin-left:32px; cursor:pointer;background:#c89616; font-weight:bold; margin-top:0px; width:75px;}

.soumettre .effacer{cursor:pointer;background:#fff; color:#c89616;font-weight:bold;margin-top:0px;width:75px;}