/* CSS Document */
html{background:#71bbdc; padding:0; font-size:1em;}
body{background:url(../images/design/nuage.jpg)  no-repeat; margin:0; padding:0; margin-top:-20px; border:1px solid #71bbdc; color:#666666; font-family:"Times New Roman", Times, serif;}

a{color:#5f820a;}
a img{border:none;}
#conteneur, h1 {width:900px;}
#conteneur{ margin:0 auto;  }
.contenu{margin-top:-15px; background:url(../images/design/ContenantRepeatY.png) repeat-y; padding:10px 30px 50px 30px; position:relative; z-index:2;}
#msg{ color:#5f820a; font-size:1.4em; text-align:center; padding-top:20px;}
/*===============================================================================================*/
/*========================================= GENERAL =============================================*/
/*===============================================================================================*/
#eoliennes{background:url(../images/design/eoliennes.png) no-repeat; height:320px; width:205px; position:absolute; margin-left:727px; margin-top:-60px; z-index:1;}
#logo-3d{display:block; background:url(../images/design/En-tete.png) no-repeat; margin: 120px 0 0 0px; height:210px; z-index:2; position:relative;}
#logo-3d object{display:block; position:absolute; top:-80px; margin-left:10px; }

/*
h1{display:block; background:url(../images/design/En-tete.png) no-repeat; margin: 120px 0 0 0px; height:210px;}
h1 a{display:block; position:absolute; top:60px; margin-left:20px;z-index:100; }
*/
#ariane{position:relative;top:-20px; margin-left:0; padding-left:0; font-size:0.9em; z-index:200;}
#ariane li{display:inline; list-style:none; padding-left:0; position:relative;  z-index:220;}

h2{border-top:1px solid #909c72; color:#5f820a; padding:5px 5px 1px 5px; background:#d8f09c url(../images/design/backgroundH2.jpg) right no-repeat;}

.remonter{text-align:right;font-size:0.8em;}

#contenu-principal{text-align:justify; z-index:2;}

.obligatoire{color:#FF0000;}
.vert{color:#009900;}
/*=========================================== menu ==============================================*/
#menu-principal, #menu-principal2, #menu-principal2-en, #menu-secondaire,#menu-secondaire2, #menu-utilitaire{text-align:center;z-index:2; }
#menu-principal li, #menu-principal2 li,#menu-principal2-en li, #menu-secondaire li,#menu-secondaire2 li, #menu-utilitaire li, #menu-principal-en li{list-style:none; display:inline; }
#menu-principal-en li a, #menu-principal li a, #menu-principal2 li a, #menu-secondaire li a, #menu-secondaire2 li a,  #menu-principal2-en li a, #menu-utilitaire a{font-size:bold; text-decoration:none; }

/*====================================== menu-principal =========================================*/


#menu-principal, #menu-principal2, #menu-principal-en, #menu-principal2-en{ background:url(../images/design/menuPrincipal.png) no-repeat; width:900px; height:40px; margin:-90px 0 0 0; padding:10px 2px;  position:relative; z-index:2; padding-left:80px;}

#menu-principal a, #menu-principal2 a, #menu-principal2-en a, #menu-principal-en a{color:#5f820a; font-size:1.2em;  display:block; float:left; margin-top:-10px; width:200px; text-align:center; padding:5px 0px; margin-right:1px;}
#menu-principal a{ height:30px;}
#menu-principal-en a:hover,#menu-principal-en .selectionner a,#menu-principal-en .selectionner a:hover, #menu-principal a:hover, #menu-principal2-en a:hover, #menu-principal2 a:hover, #menu-principal .selectionner a, #menu-principal .selectionner a:hover, #menu-principal-en .selectionner a:hover{color:#FFFFFF; background:#79a50d;}

#menu-principal-en, #menu-principal2-en{ height:30px;}
#menu-principal-en a, #menu-principal2-en a{font-size:1.3em; width:200px;  padding:3px 0px;  }
.menu-principal-en a, #menu-principal2-en a{font-size:1.3em; width:200px !important;  padding:3px 0px;   }

#menu-foire-commerciale-en a, #menu-foire-commerciale-en2 a{width:270px;}
/*====================================== menu-secondaire =========================================*/
#menu-secondaire, #menu-secondaire2{ background:url(../images/design/sousMenuPrincipal.png) no-repeat; width:900px; height:15px; margin-top:-20px; padding:10px 8px; position:relative; z-index:3;}
#menu-secondaire a, #menu-secondaire2 a{color:#6e7757; text-decoration:none; margin-right:30px; }
#menu-secondaire a:hover,  #menu-secondaire2 a:hover{ text-decoration:underline;   }
#menu-secondaire2{top:-22px;  }
/*====================================== menu-utilitaire =========================================*/
#menu-utilitaire{ background:url(../images/design/menuUtilitaire.png) no-repeat;  width:900px; height:50px; position:absolute; top:130px; margin-left:0px; padding:5px 0 10px 200px; text-align:left; }
#menu-utilitaire li, #lien-bas li{margin-right:30px; }
#menu-utilitaire a, #lien-bas a{color:#0599db; font-size:1.3em;}
#menu-utilitaire a:hover, #lien-bas a:hover{ text-decoration:underline;}

/*========================================= pied-page ===========================================*/
#pied-page{background: url(../images/design/PiedDePage.png) 0 0px no-repeat; padding-top:10px; margin-top:-80px; height:150px; padding-top:0px; text-align:center; padding-bottom:150px;}
#pied-page li{display:inline;}
#pied-page #logo-phenix-creation{margin-top:60px; }
#menu-principal2, #menu-secondaire2, #menu-principal2-en{margin-left:-31px;}
#menu-secondaire2{margin-top:100px;}
#menu-principal2, #menu-principal2-en{margin-top:-43px; z-index:5;}
#pied-page #lien-bas{position:relative; z-index:4;}
 #menu-principal2-en{margin-bottom:20px;}

.vcard{list-style:none;}
/*===============================================================================================*/
/*========================================= ACCUEIL =============================================*/
/*===============================================================================================*/


#accueil h3{font-size:0.9em;}
#accueil .presentation-activite{margin-bottom:50px;}
#accueil .presentation-activite a{border:none; display:block; color:#FFFFFF;}
/*#accueil .presentation-activite .lien {position:relative; top:-160px; width:220px; padding-left:20px; list-style:none;  font-size:1.5em; }
#accueil .presentation-activite .lien li{margin-bottom:20px;}
#accueil .presentation-activite .description{margin-top:-100px; color:#005288;}*/
#accueil #presentation-tournoi-eole .lien {position:absolute; top:240px; width:300px; margin-left:540px; padding-top:10px; padding-left:20px; list-style:none;  font-size:1.2em; background:url(../images/design/cadreLienCouvertureTournoi.png) no-repeat;height:80px; }
#accueil #presentation-foire-commercial .lien {position:absolute; top:500px; width:420px; margin-left:30px; padding-left:20px; padding-top:10px; list-style:none;  font-size:1.2em; background:url(../images/design/cadreLienCouverture.png) no-repeat;height:80px; }
#accueil .presentation-activite .lien li{margin-left: -10px; margin-right:40px; float:left; }
#accueil .presentation-activite .description{margin-top:-100px; color:#005288;}
/*===============================================================================================*/
/*===================================== QUI-SOMMES-NOUS =========================================*/
/*===============================================================================================*/
#qui-sommes-nous p{margin-bottom:60px;}
#qui-sommes-nous #contenu-principal{width:500px; margin-left:310px;}
#qui-sommes-nous #menu-section{list-style:none; position:absolute; width:480px; margin-left:-230px; text-align:right; font-size:1.1em;}
#qui-sommes-nous #menu-section li{margin-bottom:10px;}


/*===============================================================================================*/
/*====================================== DOCUMENTATIONS =========================================*/
/*===============================================================================================*/
#documentations #menu-section, #presse #menu-section, #galerie #menu-section, #partenaires #menu-section,  #liens #menu-section, .vcard{width:300px; float:left;}
#documentations #menu-section ul, #presse #menu-section ul, #liens #menu-section ul, .vcard, #hebergement  #menu-section ul{padding-left:0px; list-style:none;}
#documentations #menu-section .date, #presse #menu-section .date{font-size:0.8em;}
#documentations #contenu-principal, #presse #contenu-principal, #partenaires #contenu-principal, #galerie #contenu-principal, #liens #contenu-principal, #joindre #form-inscription{margin-left:310px;}
#documentations #illustration, #presse #illustration{margin:20px;}
#documentations #illustration, #foire-commerciale-eole #affiche, #presse #illustration , #repertoire #illustration{float:right; border:1px solid #d8f09c; }
#presse #autre-communique, #documentations #autre-communique{margin-top:100px; }
/*===============================================================================================*/
/*======================================= PROGRAMMTION ==========================================*/
/*===============================================================================================*/
#programmation table, #programmation table tr, #programmation table td{border:1px solid #ccc; text-align:left;}
#programmation table td{padding:5px; }
#programmation table strong{display:block; width:150px; }
/*===============================================================================================*/
/*======================================== ACTIVITE =============================================*/
/*===============================================================================================*/

#foire-commerciale-eole #contenu-principal{width:390px;}
/*===============================================================================================*/
/*======================================== INSCRIPTION =========================================*/
/*===============================================================================================*/

#inscription #contenu-principal{width:380px; float:left; margin-right:20px;}
#inscription form #listeErreur{margin-left:430px;}
#inscription form #listeErreur li {list-style:circle; margin-left:50px;}
#inscription form #listeErreur li a{color:red;}

#inscription  form label, #joindre form label{display:block; float:left; width:150px; text-align:right; margin-right:10px;}

#inscription fieldset, #joindre fieldset{margin-bottom:60px; border:1px solid #5f820a; background:#d8f09c; }
#inscription legend, #joindre legend {font-size:1.2em; font-weight:bold; background:#FFF; border:1px solid #5f820a;}
#inscription legend{padding:5px;}
#inscription ul{list-style:none; padding:5px;}



#inscription .cout{border:1px solid #5f820a; }
#inscription .cout li{clear:both; list-style:none; border-top:1px solid #5f820a; padding:5px 0px; min-height:40px;}


#inscription .cout .item1, #inscription .cout .item2, #inscription .cout .prix{display:block; float:left; width:300px; margin-right:20px;  }
#inscription .cout .prix{width:60px;}
#inscription .item3{display:block; float:left; width:680px; margin-right:20px;  }
#inscription #sous-total{text-align:right; margin-right:10px; width:250px; margin-left:auto; clear:both;}

#inscription #sous-total li{border-bottom:1px solid #5f820a; padding:5px 0px;}
#inscription #sous-total span{margin-left:50px; text-align:left;}

#inscription #personne_responsable{ }
#inscription .autreParticipant{ width:300px; float:left; margin-top:20px; }
#inscription .autreParticipant label{display:block; float:left; text-align:right; width:100px; margin-right:5px;}
#inscription .note{ font-weight:bold; clear:both;}
#inscription #informations_professionnelles{ }
#inscription #informations_professionnelles, #inscription #personne_responsable, #inscription #professionals_informations, #inscription #person_in_charge{width:390px; margin-left:auto;}
#inscription #informations_professionnelles label, #inscription #professionals_informations label{width:170px}
#inscription #p-adresse_-informations_professionnelles, #inscription #p-address_-professionals_informations{ margin-top:20px;}
#inscription .commandites td{border-bottom:1px solid #5f820a; padding-bottom:7px;padding-top:7px;}
#inscription .commandites tr, #inscription .rep{ cursor:pointer;}
#inscription  .code{margin-right:10px; width:80px;}
#inscription  .nombre_offert, #inscription .cout-tx-incl, #inscription .prenant,{text-align:center;}
#inscription #jumelerAvec{ margin:-40px 0 -20px 550px;}
#inscription #jumelerAvec input{ width:220px;}
#inscription #cout_total{width:500px; margin-left:auto;}
#inscription #logo-facture-eole{position:relative; top:-200px; left:40px; margin-bottom:-120px;}
#inscription #p-valider-cout_total, #inscription #p-valider-total_cost,
#inscription #p-validate-cout_total, #inscription #p-validate-total_cost{text-align:right;}
#inscription #p-valider-cout_total input, #inscription #p-valider-total_cost input, 
#inscription #p-validate-cout_total input, #inscription #p-validate-total_cost input
{width:100px; padding:5px; margin-right:20px; margin-top:-20px;}
#inscription #choixHorraire{margin-top:60px; clear:both; visibility:hidden;}
#inscription #menu-principal2, #inscription #menu-principal2-en{margin-left:-30px;top:5px; margin-bottom:10px; padding: 10px 0 0 100px;}
#inscription #menu-principal2-en{margin-bottom:20px;}
#inscription .prestation_offerte{padding:5px; padding-left:15px;}
#inscription .detail{width:350px;}

#inscription #message-inscription-bienvenu{ margin-top:-35px;}

/*===============================================================================================*/
/*============================================ GALERIE ==========================================*/
/*===============================================================================================*/
#galerie #liste-photo li, #partenaires #liste li{ list-style:none; display:inline; padding:10px; margin:5px;}
#galerie #liste-photo li{ list-style:none; display:inline; padding:0px; margin:0px;}

/*===============================================================================================*/
/*============================================= LIENS ===========================================*/
/*===============================================================================================*/
#liens #contenu-principal ul{list-style:circle;}


/*===============================================================================================*/
/*============================================ PARTENAIRES ======================================*/
/*===============================================================================================*/
#partenaires #liste li img{}
#partenaires #liste li {padding-left:0; margin-left:-50px; display:block;margin-bottom:20px;  width:500px; border-bottom:1px dashed #ccc; height:200px; }
#partenaires .logo{display:block; float:left; height:150px; margin-right:10px; width:200px;}
/*===============================================================================================*/
/*=========================================== TOURNOI EOLE ======================================*/
/*===============================================================================================*/
#Graham-Batty{display:block; text-align:center; margin-bottom:10px; width:133px; margin:10px auto;border:1px solid #71bbdc;}

#foire-commerciale-eole #affiche{padding:0px; border:none;}
#foire-commerciale-eole #affiche img{border:1px solid #909c72;}
#foire-commerciale-eole #affiche img, #foire-commerciale-eole #affiche ul{margin-bottom:0px; padding:0px;}
#foire-commerciale-eole #affiche ul li{list-style:none;}

#foire-commerciale-eole #affiche ul, #comment-payer2{border:1px solid #909c72; text-align:center;  background:#d8f09c;  padding:5px; margin-top:0px; padding-bottom:10px; margin-bottom:20px; width:400px}
/*===============================================================================================*/
/*=========================================== HEBERGEMENT ======================================*/
/*===============================================================================================*/
#hebergement #liste{ list-style:none;}
#hebergement #menu-section{width:200px; position:absolute;}
#hebergement table, #comment-payer{width:600px; margin-left:220px; padding:5px;}
#hebergement table, #hebergement tr, #hebergement td, #hebergement th{border:1px solid #ccc; padding:2px;}
#hebergement .nbr_chambre{width:50px; text-align:center;}
#hebergement .description{ font-style:oblique;}
#hebergement .liste-hotel{padding-right:10px;}

/*===============================================================================================*/
/*=========================================== REPERTOIRE ======================================*/
/*===============================================================================================*/
#repertoire #illustration {border:none; margin:5px;}








#videoAccueil{position:absolute; margin-left:370px; color:#03F !important; border:solid; font-weight:bold; font-size:1.0em; border:1px solid #03F !important; padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:url(../images/design/icone-video-spo.png) 10px 0 no-repeat; padding-left:50px;}

#video-foire-tournoi{ display:block;  text-align:center; padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:solid;}



.image-partenaire{ max-width:200px;}



#comment-payer{border:1px solid #909c72; text-align:center;  background:#d8f09c; width:590px; margin-top:20px;}