@charset "utf-8";
/* CSS Document */
#iframe1{margin-left:10%; width:75%; margin-top:100px; }
#menu {
	text-align:left;
      position: fixed;
      left: 25px;
      top: 20px;
    }
	
#menu a {  padding-left:10px; padding-right:10px; 
font: 16px "Myriad Pro", "Myriad Pro Cond", Tahoma, Arial; color:#FFF; text-decoration:none;}
#menu a:hover {color:#ff9400;}
#menu a:checked {color:#ff9400;}
#menuEl{
		 padding-top:7px;
	  text-shadow:
		#050a2e 1px 1px 1px,
		#050a2e -1px 1px 1px,
		#050a2e -1px -1px 1px,
		#050a2e 1px -1px 1px;
	}
#menuElement{ border-bottom:#999 1px solid; padding:10px; } 


#logo { position:fixed; top:5px; right:0px; width:494px; height:107px; z-index: -100;}

#aff{
	width:90%;
	float: right;
	}
	
/* page
----------------------- */

.responsive-half {float:left; width:90%; }

@media screen and (min-width: 1024px) {
	.responsive-half {float:left; width:40%; margin-right:20px;}

  } 
#page{ margin:0px auto; padding:0px 0; }

#page-top-left{  vertical-align:bottom; background:url('images/elements/tab/top-left.png') bottom no-repeat; }
#page-top{ background:url('images/elements/tab/top.png') repeat-x bottom;  height:75px;   vertical-align:top; }
#page-top-right{vertical-align:bottom; text-align:right;}

#page-left{background:url('images/elements/tab/left.png') repeat-y;}
#page-center{background:url('images/elements/tab/center_bg.png') bottom right no-repeat; background-color:#050a2e; filter:alpha(opacity=90); opacity : 0.9; margin: 0px auto; }
#page-right{background:url('images/elements/tab/right.png') repeat-y;}

#page-bottom-left{ background:url('images/elements/tab/bottom-left.png') no-repeat;  height:13px;  }
#page-bottom{ background:url('images/elements/tab/bottom.png') repeat-x;  }
#page-bottom-right{  background:url('images/elements/tab/bottom-right.png') no-repeat; }

.contentBlock {clear:left; width:90%; color:#ddd; text-align:center; padding:20px; margin-bottom:10px;
	background-color:#050a2e; filter:alpha(opacity=90); opacity : 0.9;}
.titreBlock{ height:30px; font-size:15px; color:#050a2e; padding-left:30px; padding-right:30px; background-color:#ff9400; filter:alpha(opacity=90); opacity : 0.9;}
.titreInfoBlock{ height:18px; font-size:11px; color:#878787; text-align:right; padding-right:30px;  background-color:#050a2e; filter:alpha(opacity=90); opacity : 0.9;}
.txtBlock{ font-size:14px; color:#D0D0D0; padding-left:55px; padding-right:50px; padding-top:15px; padding-bottom:25px; background-color:#050a2e; filter:alpha(opacity=93); opacity : 0.93;}




/*accueil*/
#accueil-logo{width:100%; text-align:center; padding-top:25px; padding-bottom:8.5%;}

#accueil-txt{ font-size:14px; color:#CCC; padding-top:8%;  font-family:"Myriad Pro",Arial, "Myriad Pro Cond", Tahoma ;}
#accueil-image{}
#accueil-btn{ background:url(images/elements/accueilBtn.png) left no-repeat; padding-left:55px;  margin-top:90px;  width:150px;} 
#accueil-btn a{color:#FFF; font-size:16px; font-weight:bold; font-family:"Myriad Pro",Arial, "Myriad Pro Cond", Tahoma ;}
#accueil-btn a:hover{color:#ff9400;}
#accueil-copyright{ position:fixed; bottom:0px; right:0px; color:#666; font-size:12px; text-align:center;  margin-right:6%; font-family:"Myriad Pro",Arial, "Myriad Pro Cond", Tahoma ;}
#accueil-copyright a{color:#fff;}
#accueil-copyright a:hover{color:#ff9400;}


#accueil-left{float:left; text-align:center; width:50%;  }
#accueil-right{float:left; text-align:center; width:47%;  padding-top:10%; }


#accueil-presentation{ text-align:center; padding-left:25px;}
#presentation-titre{color:#ff9400; text-transform:uppercase; font-size:14px; padding-bottom:10px;   font-family:"Myriad Pro",Arial, "Myriad Pro Cond", Tahoma ; text-align:left;}
#presentation-elements{color:#FFF; font-size:14px; border-bottom:#999 2px solid; padding:15px;    font-family:"Myriad Pro",Arial, "Myriad Pro Cond", Tahoma ; text-align:left;} 


/* prestation */
#prestationTable{margin-left:20px; margin-right:20px;}
#titre_prestation{font-size:14px; color:#ff9400; padding-bottom:5px; padding-top:10px; padding-left:45px; font-family:"Myriad Pro",Arial, "Myriad Pro Cond", Tahoma ;}
#txt_prestation{height:50px; color:#fff; font-size:14px; border-bottom:#CCC solid 1px; padding-left:45px; padding-right:45px; padding-bottom:10px; font-family:"Myriad Pro",Arial, "Myriad Pro Cond", Tahoma ;}


/* partenaires */
#pagePartenaires{ margin:0px auto; padding:0px 0; padding-left:40px; }
#partenaires{margin-left:25px; margin-right:25px;}
#partenairesTable{margin-left:7px; margin-right:7px;}
#partenairesa{ height:60px; color:#fff;  font-size:15px; border-bottom:#CCC solid 1px; padding-left:30px; padding-right:30px; font-family:"Myriad Pro",Arial, "Myriad Pro Cond", Tahoma ;}
#partenairesb{ height:60px; color:#ff9400; font-size:15px; border-bottom:#CCC solid 1px; padding-left:30px; padding-right:30px; font-family:"Myriad Pro",Arial, "Myriad Pro Cond", Tahoma ;}

#partenairesa a{color:#fff; text-decoration:none; font-weight:normal;  font-size:13px;}
#partenairesb a{color:#ff9400; text-decoration:none; font-weight:normal;  font-size:13px;}
#partenairesa a:hover{text-decoration:underline; }
#partenairesb a:hover{text-decoration:underline; }
#partenairePhrase{ height:40px; float:left; padding-top:7px; text-align:center;  margin-top:5px; margin-right:70px; padding-left:25px; font-family:"Myriad Pro",Arial, "Myriad Pro Cond", Tahoma ;
text-shadow:
		#000 1px 1px 1px,
		#000 -1px 1px 1px,
		#000 -1px -1px 1px,
		#000 1px -1px 1px;
		color:#fff;}

/*livre dor*/
#livredor_btnMess{width: 165px; height:40px; float:left; padding-top:10px; text-align:center; background: transparent url(images/elements/bgBtnMess.png) no-repeat left top; margin-right:80px; margin-left:50px; margin-top:5px; font-size:14px;}
#livredor_btnMess a{ color:#fff;}
#livredor_btnMess a:hover{ color:#ff9400;}
#titreMess{ height:30px; font-size:15px; color:#050a2e; padding-left:30px; padding-right:30px; background-color:#ff9400; filter:alpha(opacity=90); opacity : 0.9;}
#dateMess{ height:18px; font-size:11px; color:#878787; text-align:right; padding-right:30px;  background-color:#050a2e; filter:alpha(opacity=90); opacity : 0.9;}
#dateMess a{  font-size:11px;  color:#ff9400; padding-right:20px; text-decoration:none; font-style:italic;}
#txtMess{ font-size:12pt; color:#D0D0D0; padding-left:55px; padding-right:50px; padding-top:15px; padding-bottom:25px; background-color:#050a2e; filter:alpha(opacity=90); opacity : 0.9;}
#mess{ width:100%;}
#label_form_livredor{float:right; color:#DDD; padding-top:4px; font-size:14px; }
#form_livredor{padding-left:20px; padding-right:20px;}
.input_form_livredor{float:left;  width:222px; background-color:#444; color:#CCC; }
.submit_form_livredor{float:left; height:32px; width:200px; border:1px solid #999; font-size:12px; font-stretch:semi-condensed; font-weight:bold; color:#FFF; background-color:#16120b; cursor:pointer; }
.area_form_livredor{float:left; height:200px; width:500px; border:none; font-size:14px; background-color:#444; color:#CCC; font-family:"Myriad Pro", "Myriad Pro Cond", Tahoma, Arial; }


#nav-top{float:right; font-size:14px; padding-top:10px;
 text-shadow:
		#000 1px 1px 1px,
		#000 -1px 1px 1px,
		#000 -1px -1px 1px,
		#000 1px -1px 1px;
		color:#fff;}
#nav-top img{padding-top:5px;}

#nav-bottom{text-align:center;}
#nav-page{padding-top:15px; padding-right:20px; color:#fff;}
#nav-page a{
 text-shadow:
		#000 1px 1px 1px,
		#000 -1px 1px 1px,
		#000 -1px -1px 1px,
		#000 1px -1px 1px;
		color:#fff;}
#nav-page a:hover{ color:#ff9400;}
a#num_page {font-size:12px; text-decoration:none;}
a:hover#num_page {text-decoration:underline;}
.number_page_active {font-size:18px;}

/* contact */
#adresse_contact{text-align:center; font-size:16px; color:#ddd; font-family:"Myriad Pro",Arial, "Myriad Pro Cond", Tahoma ;}
#nom_contact{  text-align:center;}
.nom_contact{ font-size:24px; color:#ff9400; }
.tel_contact{ color:#ff9400;  font-size:22px; }
.tel_contact a{ color:#ff9400; }
.siret_contact{ color:#fff; padding-top:12px;  font-size:16px; }
.siret_contact a{ color:#fff; }

.mail_contact{  }
.mail_contact a{ color:#bbb; text-decoration:underline; font-size:16px;}
.mail_contact a:hover{ color:#ff9400;}

#mailOk{ background-color:#0C3; color:#FFF;}
#mailError{ background-color:#F00; color:#FFF;}


.webmaster_contact{  font-size:14px;}
.webmaster_contact a{ color:#bbb; text-decoration:underline;}
.webmaster_contact a:hover{ color:#ff9400;}

#titre_form_contact{}
#form_contact{ float:left; width:500px; padding-left:30px; }
#label_form_contact{float:right; color:#DDD; padding-top:4px; font-size:14px; }
.info_form_contact{color:#CC0000;}
input{border:none; font-size:14px; background-color:#FFF; height:22px;}



.input_form_contact{float:left;  width:222px; }
.input_form_contact_cp{float:left;  width:60px;  }
.input_form_contact_ville{float:left;  width:100px; }
.area_form_contact{float:left; height:90px; width:270px; border:none; font-size:14px; background-color:#FFF; font-family:"Myriad Pro", "Myriad Pro Cond", Tahoma, Arial; }
.submit_form_contact{float:left; height:32px; width:200px; border:1px solid #999; font-size:12px; font-stretch:semi-condensed; font-weight:bold; color:#FFF; background-color:#060b36; cursor:pointer; }
.select_form_contact{float:left; height:22px; width:224px; border:none; font-size:14px; background-color:#FFF;}
.select_option{padding-top:5px; }


#audioLecteur{position: fixed; bottom:50px; left: -1px; width: 170px; height: 66px; background:url(images/elements/bg-player.png); overflow: hidden;}
.audiojs {  width: 100px; margin-top: 25px; margin-left:60px; font-family: sans-serif;  color: #ff9400; font-size:12px; 
text-shadow:	#050a2e 2px 2px 2px,#050a2e -1px 2px 2px,	#050a2e -1px -1px 2px,	#050a2e 2px -1px 2px; font-weight:bold; color:#ff9400;}








/*#contact{ padding-right:100px; padding-left:20px;  }*/
#titrePage{  width: 100%; height:42px; float:left; }