body
{
	background-color: #EFEFEF;
	background-repeat: no-repeat;
    background-attachment: fixed;
	
	margin: 0; padding: 0;
}
body, input, select, textarea
{
	font-family:  verdana, arial;
	font-size: 11px;
}
a:visited
{
	color: blue;
}

p
{
	text-indent : 30px;
}

table.generalTable
{
	border: 0;
	width: 100%;
	margin-left: 5px;
	margin-right: 5px;
}

/*td.header
{
	height: 140px;
}*/




div.header
{
	/*max-width:1140px;*/
	
	width: 270px;
	margin:auto;
	/*background-image: url('images/logo_banniere.png');
	background-repeat: no-repeat;
    background-position: left top;*/
	
	z-index: 700;
	
	color: white;
	
	float: left;
}
div.headerText
{
	width: 250px;
	color: white;
	
	text-align: right;
	float: left;
	margin-left: 150px;
}
div.headerText a
{
	color: white;
}
div.header img
{
	position: absolute;
	display: inline;
	z-index: 700;
}
table.banniere
{
	margin: auto;
	/*width: 100%*/
}
td.banniere-logo
{
}
td.banniere-logo div.banniere_contact
{
	width: 160px;
	margin-left: 180px;
	margin-top: 90px;
}
td.banniere-logo div.banniere_contact div.adresse
{
	font-weight: bold;
	color; #444444;
}
td.banniere-logo div.banniere_contact div.mail
{
	padding-top: 8px;
}
td.banniere-logo img 
{
	margin-left:40px;
	margin-bottom:0px;
}
td.banniere-slides 
{
}
div.sliderList
{
	/*width: 700px;*/
	margin:auto;
}
/* Spécifique carousel */
ul.slider 
{
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
ul.slider li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
ul.slider li:first-child {
	position: relative;
	display: block;
	float: left;
}
ul.slider img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
} 

div.banniere-info-titre
{
	position: absolute;
	top: 80px;
	left: 500px;
	padding: 5px;
	
	background-color: #3c507c;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

div.banniere-info-texte
{
	position: absolute;
	top: 106px;
	left: 500px;
	padding: 3px;
	
	background-color: #efefef;
	color: #000000;
	font-size: 11px;
}
div.banniere-info-texte a
{
	color: black;
}




td.infoLeft
{
	width: 230px;
	padding-top: 20px;
	vertical-align: top;
}
td.main
{
	vertical-align: top;
	padding-top: 20px;
}
td.infoRight
{
	width: 230px;
	padding-top: 20px;
	padding-left: 20px;
	vertical-align: top;
}
td.footer
{
	height: 10px;
	text-align: right;
}



/* ============================================================================================= Bordures */
table.borderMotif
{
	width: 100%;
	border-collapse: collapse;
}
table.borderMotif td
{
}
table.borderMotif td.topLeft
{
	height: 0px;
}
table.borderMotif td.top
{
	height: 0px;
	display: none;
}
table.borderMotif td.topRight
{
	height: 0px;
}
table.borderMotif td.centerLeft
{
	width: 0px;
}
table.borderMotif td.center
{
	padding-bottom: 10px;
	padding-left: 15px;
	padding: 0px;
}
table.borderMotif td.centerRight
{
	width: 0px;
}
table.borderMotif td.bottomLeft
{
	height: 0px;
}
table.borderMotif td.bottom
{
	height: 0px;
}
table.borderMotif td.bottomRight
{
	height: 0px;
}




/* ============================================================================================= Header */
table.header
{
	width: 100%;
	border-collapse: collapse;
}
table.header td.banniere
{
	width: 700px;
	height: 148px;
	background-image: url('images/banniere.png');
}
table.header td.contact
{
	text-align: center;
	vertical-align: top;
	height: 120px;
	background-image: url('images/banniereContact.png');
}
table.header td.banniereRight
{
	width: 5px;
	background-image: url('images/banniereRight.png');
}



/* ============================================================================================= Menu */
div.menu
{
	width: 209px;
}
div.menuInside
{
}
div.menuPart
{
	margin-bottom: 20px;
	border-bottom : 1px solid #777777;
}
div.menuTitle
{
	margin: 0px;
	margin-bottom: 7px;
	padding: 0px;
	height: 13px;
}
span.menuTitle
{
	margin-left: 10px;
	color: #000000;
}
ul.menuList
{
	margin-top: 0px;
	padding-bottom: 5px;
	color: #555555;
	margin-bottom: 20px;
}

ul.menuList a
{
	color: #555555;
	text-decoration: none;
}

ul.menuList a:hover
{
	color: #444444;
	text-decoration: underline;
}

table.menuBorder
{
	border-collapse: collapse;
	width: 100%;
}
table.menuBorder td.topLeft
{
}
table.menuBorder td.top
{
}
table.menuBorder td.topRight
{
}
table.menuBorder td.centerLeft
{
}
table.menuBorder td.center
{
}
table.menuBorder td.centerRight
{
}
table.menuBorder td.bottomLeft
{
}
table.menuBorder td.bottom
{
}
table.menuBorder td.bottomRight
{
}

div.menuPart p.connexion
{
	text-indent: 30px;
}


table.labelListInfo
{
	margin: 0px;
	margin-left: 20px;
}
table.labelListInfo th
{
	height: 30px;
	vertical-align: top;
}


/* ============================================================================================= Corp */
div.corp
{
	padding-right: 30px;
}

div.event
{
	width: 100%;
}
div.news
{
	width: 100%;
	margin-top: 15px;
}

a.InscriptionButton
{
	position: relative;
	top: -80px;
	left : 870px;
	z-index: 100;
	
	font-size : 20px;
	color: white;
	background-color : #3C507C;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
}


/* ============================================================================================= Info right */
div.competitionInfo
{
	width: 100%;
	margin-bottom: 20px;
}
div.connexionInfo
{
	width: 100%;
	margin-top: 15px;
}


/* ============================================================================================= News */
div.newsTitre, div.newsTitre a
{
  font-size: 14px;
  font-weight: bold;
  color: #3C507C;
  text-decoration: none;
  
  margin-top: 10px;
}
div.newsTitreAffichage
{
	padding-left: 200px;
	padding-top: 30px;
}
div.newsDate
{
  font-size: 11px;
  font-weight: bold;
  padding-left: 15px;
  color:black;
}
div.newsParagraphe
{
    margin: 0px;
    padding: 0px;
    text-indent: 20px;
	
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom : 0px;
	
	font-size: 12px;
}
div.newsParagraphe p
{
	margin: 0px;
}
div.newsReadMore
{
    margin: 0px;
    padding: 0px;
    text-indent: 20px;
	
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom : 15px;
}
div.newsReadMore a
{
    margin: 0px;
	font-size: 14px;
	color: #000000;
}
div.photo
{
	text-align: center;
}
table.photo
{
	margin: auto;
}
table.photo th, table.photo td
{
	vertical-align: middle;
	text-align: center;
}

hr.newSeparator
{
	width: 90%;
	height: 1px;
	
	background-color: blue;
}

table.infoNews
{
	margin-bottom: 15px;
}

table.infoNews td.dateNews
{
	font-weight: bold;
	padding: 0px;
	padding-top: 10px;
	text-align: center;
}
table.infoNews td.libelleNews
{
	padding: 0px;
	padding-left: 8px;
}
table.infoNews a
{
	color: #777777;
}
table.infoNews td.libelleNews a
{
	color: #555555;
}

td.firstFooterLink
{
	padding-top: 20px;
}

div.newsArchiveLink
{
	width: 75%;
	height: 40px;
	margin: auto;
	
	text-align: center;
	padding-top: 7px;
	background-color: #DDDDDD;
	border: 1px solid black;
}

div.newsArchiveLink a
{
	color: #444444;
	font-size: 15px;
	text-decoration: none;
}
div.newsArchiveLink a:hover
{
	color: #444444;
	font-size: 15px;
	text-decoration: underline;
}
table.newsArchiveLinkTable
{
	margin:auto;
}


/* ============================================================================================= commentaire */
div.commentaireList
{
	width: 50%;
	margin: auto;
}
div.commentaire
{
	background-color: gray;
	padding: 3px;
}
div.commentaire textarea
{
	width: 100%;
}


/* ============================================================================================= Navigation dans les saisons */
table.navigation
{
	width: 500px;
	margin: auto;
	margin-bottom : 20px;
}
table.navigation td.navigationPrevious
{
	width: 160px;
}
table.navigation td.separation
{
	width: 180px;
	
	text-align: center;
	font-weight: bold;
}
table.navigation a
{
	font-weight: bold;
}



/* ============================================================================================= Menu des liens */
table.menuLink
{
	border-collapse: collapse;
	padding-top: 0px;
	width: 100%;
}
table.menuLink td
{
	background-image: url( 'images/Border/menuLinkTop.png' );
	vertical-align: center;
	
	padding-left: 5px;
}
table.menuLink td.linkMenuBorder
{
	background-image: url( 'images/Border/menuLinkBorder.png' );
	width: 0px;
}
table.menuLink td.topRight
{
	background-image: url( 'images/Border/menuLinkTopRight.png' );
	width: 15px;
	height: 20px;
}
table.menuLink img
{
	margin-right: 5px;
}
table.menuLink a
{
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
table.menuLink a:hover
{
	color: #000000;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}



/* ============================================================================================= presse */
div.press
{
	width: 280px;
	float: left;
	
	margin: 10px;
	padding: 5px;
	
	display: block;
}

div.pressTitre
{
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
	
	font-weight: bold;
	font-size: 13px;
	border-bottom: 1px solid black;
}
div.pressPhoto 
{
	float: left;
	width: 120px;
	text-align: center;
}
div.pressPhoto img
{
	max-width: 100px;
	max-height: 200px;
}



/* ============================================================================================= Résultats / Competitions */
/* Résultats Compétition
Liste des mois de la saison
*/
div.menuMois
{
	width: 90%;
	margin: auto;
	margin-top: 30px;
}
div.menuMoisMonthList
{
	width: 180px;
	float: left;
}
div.menuMoisMonthList div.menuMoisMonthLabel
{
	border-bottom: 1px solid #000000;
	padding-left: 15px;
}
div.menuMoisMonthList div.menuMoisMonthLabel a
{
	color: black;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
div.menuMoisMonthList div.menuMoisMonthLabel a:hover
{
	color: black;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}
div.menuMoisMonthList div.menuMoisCompetitionList
{
	width: 100%;
	height: 100%;
	color: black;
}
div.menuMoisMonthList div.menuMoisCompetitionList a
{
	color: #555555;
	text-decoration: none;
}
div.menuMoisMonthList div.menuMoisCompetitionList a:hover
{
	color: black;
	text-decoration: underline;
}


/* Résultats
Tableau des résultats
*/
table.resultatsDispo
{
	margin: auto;
	border-collapse: collapse;
}
table.resultatsDispo tr.topLine th, table.resultatsDispo tr.topLine td
{
    border-top: 2px solid black;
}
table.resultatsDispo tr.topLine td.moisVide
{
	border-top: none;
}
table.resultatsDispo a
{
	color: blue;
}

/* Compétition
Titre du mois
*/
div.titreMois
{
}
div.lienSaison a
{
	float: right; 
	width: 15px;
	color: yellow;
	text-decoration: none;
}

/* Compétition
Compétition du mois
*/
div.calendarCompetition
{
	margin: auto;
	padding: 3px;
	width: 518px;
	
	height:auto;
	min-height:55px;
	color: #EFEFEF;
}
div.competitionDate
{
	width: 65px;
	height: 48px;
	float: left;
	color: #000000;
}
div.dynamicCalendar
{
	width: 48px;
	height: 48px;
	background-image: url( 'images/calendar_dynamic.png' );
	background-repeat: no-repeat;
}
div.dynamicCalendar div.year
{
	height: 12px;
	text-align: center;
	padding-top: 0px;
	
	font-size: 10px;
	color: white;
}
div.dynamicCalendar div.day
{
	height: 16px;
	text-align: center;
	padding-top: 3px;
	
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
div.dynamicCalendar div.month
{
	text-align: center;
	
	font-size: 8px;
	font-weight: bold;
}

div.competitionLabel
{
	width: 450px;
	float: left;
	color: #000000;
}

div.competitionLabel a
{
	text-decoration: none;
}
div.competitionLabel a:hover
{
	text-decoration: underline;
}
a.nomCompetitionLink
{
	font-weight: bold;
	color: black;
}
div.competitionLabel ul.categorieList
{
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
}
div.competitionLabel ul.resultatClassementResult
{
	list-style-type:none;
	text-align: right;
}
div.competitionLabel ul.resultatClassement li,
div.competitionLabel ul.resultatClassement a,
div.competitionLabel ul.resultatClassementResult li,
div.competitionLabel ul.resultatClassementResult a
{
	font-size: 10px;
	color: #888888;
	text-decoration: none;
}
div.competitionLabel ul.resultatClassement a:hover,
div.competitionLabel ul.resultatClassementResult a:hover
{
	font-size: 10px;
	color: #333333;
	text-decoration: underline;
}

span.calendar_appel
{
	font-size: 10px;
	color: #888888;
}
/*table.competMois tr.aujourdhui td
{
	border-top : 3px solid blue;
}*/


/* Compétition
Détails compétition
*/
table.affichageCompetition
{
margin: auto;
margin-left: 40px;
margin-bottom: 40px;
width: 100%;
}
table.affichageCompetition th.titre
{
	text-align: left;
	padding-top: 15px;
}
table.affichageCompetition td
{
	padding-left: 30px;
	padding-top: 15px;
}

table.affichageCompetition table.horaireCompet
{
    border-collapse: collapse;
	margin-bottom: 15px;
}
table.affichageCompetition table.horaireCompet td, table.affichageCompetition table.horaireCompet th
{
    border: 1px solid black;
    padding: 0px;
    padding-right: 5px;
    padding-left: 5px;  
}
table.affichageCompetition table.horaireCompet td.date
{
    border: none;
    border-bottom: 1px solid black;
    
    font-size: 12px;
    font-weight: bold;
}
table.affichageCompetition td.resultat, table.affichageCompetition td.resultat ul
{
	padding-top: 0px;
	margin-top: 0px;
}

table.infoCompetition th.libelleCompetition
{
	padding-top: 10px;
}
table.infoCompetition a
{
	color: #777777;
}
table.infoCompetition td.titreCompet a
{
	color: #555555;
}


/* ============================================================================================= Palmares */


div.palmares_champions
{
	width: 100%;
	overflow: hidden;
	text-align: center;
}

div.palmares_champion
{
	width: 344px;
	float: left;
	display: inline-block;
	
	margin: auto;
}
div.palmares_champion img
{
}
td.legende
{
	text-align: left;
}


/* ============================================================================================= Titre */
table.title
{
	border-collapse: collapse;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 90%;
	
	border-bottom: 1px solid black
}

table.title td.leftTitle
{
	width: 20px;
	height: 27px;
}

table.title td.middleTitle
{
	font-size: 14px;
	vertical-align: bottom;
	color: #000000;
	font-weight: bold;
	text-align: left;
}

table.title td.rightTitle
{
	width: 19px;
	height: 27px;
}


/* ============================================================================================= Gestion */
table.gestion
{
	margin: auto;
}

table.gestion th
{
	background-color: #4d7fe2;
}
table.gestion th,table.gestion td 
{
  padding-right: 5px;
  padding-left: 5px;
}
table.gestion tr.pair
{
  background-color: #7499e1;
}
table.gestion tr.impair
{
  background-color: #94aee2;  
}
table.gestion td.discretLink a
{
	color: black;
	text-decoration: none;
}
table.gestion td.discretLink a:hover
{
	color: black;
	text-decoration: underline;
}

table.formulaire
{
	margin: auto;
	width: 800px;
	border-collapse: collapse;
}
table.formulaire td
{
	padding-left: 5px;
	padding-right: 5px;
}
table.formulaire td.titre
{
	font-weight: bold;
	padding-top: 30px;
	border-bottom: 1px solid #3333cc;
}
table.formulaire td.question
{
	padding-top: 20px;
}
table.formulaire td.separation
{
	width: 10px;
	height: 10px;
}
table.formulaire td.separationVerticale
{
	height: 10px;
}
table.formulaire td.submit
{
    text-align: center;
    padding-top: 10px;
}

table.formulaire tr.top th, table.formulaire tr.top td
{
    border-top: 1px solid black;
}
table.formulaire font.necessaire
{
    color: red;
}
table.formulaire tr.nbrParticipant td
{
	padding-top: 5px;
	border-top: 3px solid blue;
}

div.formConnect
{
	margin: auto;
}

p.titre
{
	font-weight: bold;
	padding-top: 30px;
	border-bottom: 1px solid #3333cc;
}

div.info
{
	margin: auto;
	width: 200px;
	border: 2px solid #3333cc;
	padding : 5px;
	text-align: center;
	font-weight: bold;
}

div.infoLarge
{
	margin: auto;
	width: 500px;
	border: 2px solid #3333cc;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	font-weight: bold;
}




/* ============================================================================================= Se Préparer */
ul.menu li
{
	padding-top: 10px;
}
ul.menu li a
{
	color: black;
	font-weight: bold;
}
ul.menu li ul li
{
	border: 1px solid red;
}
ul.sousmenu li
{
	padding-top: 0px;
}
ul.sousmenu li a
{
	color: black;
	font-weight: normal;
}


/* ============================================================================================= Divers */
div.texte table.presentationArme
{
    margin: auto;
    width: 500px;
    
    border-collapse: collapse;
}
div.texte table.presentationArme td, div.texte table.presentationArme th
{
    padding-left: 5px;
    padding-right: 5px;
    
    border: 1px solid black;
}

table.photoBorder
{
	border-collapse: collapse;
	margin: auto;
}
table.photoBorder td.photo, table.photoBorder img
{
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}
table.photoBorder td.topRight
{
	width: 4px;
	height: 4px;
	background-image: url('images/Border/photoBorderTopRight.png');
}
table.photoBorder td.middleRight
{
	background-image: url('images/Border/photoBorderMiddleRight.png');
}
table.photoBorder td.bottomLeft
{
	width: 2px;
	height: 6px;
	background-image: url('images/Border/photoBorderBottomLeft.png');
}
table.photoBorder td.bottomMiddle
{
	background-image: url('images/Border/photoBorderBottomMiddle.png');
}
table.photoBorder td.bottomRight
{
	background-image: url('images/Border/photoBorderBottomRight.png');
}


/* =================================================================================================== Horaires*/
table.horaires
{
    border-collapse: collapse;
    margin: auto;
    margin-bottom: 20px;
}
table.horaires th, table.horaires td
{
	padding-left: 5px;
	padding-right: 5px;
}
table.horaires td.vide
{
	border : none;
}
table.horaires td.separation
{
	border: none;
	width: 50px;
}
table.horaires th.jour
{
    padding-top: 20px;
	font-size: 14px;
}
table.horaires th.mission
{
    padding-top: 50px;
	font-size: 20px;
	border-top: none;
}
table.horaires td.link
{
	font-size: 16px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}
table.horaires tr.bottom th.titreGroupe
{
	width : 70px;
}
table.horaires th.date
{
	width: 180px;
}
table.horaires td, table.horaires th
{
    border-top   : 1px solid black;
    border-bottom: 1px solid black;
}
table.horaires tr.bottom td, table.horaires tr.bottom th
{
    border-bottom: 4px solid blue;
}
table.horaires td.important
{
	background-color : #BEC9E1;
}



/* ============================================================================================= Photo */
div.album
{
	margin: 5px;
	float: left;
	width: 240px;
	height: 200px;
	display:block;
}
div.albumInside
{
	padding: 5px;
	text-decoration : none;
}
div.albumInside:hover
{
	padding: 5px;
	text-decoration : underline;
}
div.alb_photo
{
	text-align: center;
}
div.alb_titre
{
	text-align: center;
}
div.alb_titre a
{
	color: black;
	text-decoration: none;
}



/* ============================================================================================= Liens utils */
div.link
{
	width: 175px;
	height: 140px;
	float: left;
	
	margin-left: 10px;
	margin-bottom : 10px;
	border: 1px solid black;
	text-align: center;
}
div.innerLink
{
	width : 100%;
	height: 100px;
	
	text-align: center;
}

div.link img
{
	margin: auto;
}



/* ============================================================================================= Maîtres d'armes / bureau */
div.maitreArmesPresentation
{
	padding-left: 40px;
	width: 400px;
	margin-bottom: 60px;
}
div.maitreArmesPresentation_titre
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}
div.maitreArmesPresentation_photo
{
	margin: auto;
	text-align: center
}
div.maitreArmesPresentation_texte
{
	padding-top: 5px;
}


div.bureau_photo
{
	text-align: center;
	width: 100%;
}
div.bureau_photo img
{
	width: 600px;
}


/* ============================================================================================= Inscription */
table.tabInscription
{
	border-collapse : collapse;
	margin: auto;
	margin-top: 30px;
	
	width: 800px;
}
table.tabInscriptionInside
{
	border-collapse : collapse;
	margin: auto;
	
	width: 650px;
}
table.tabInscription th, table.tabInscription td
{
	border: 1px solid black;
	
	text-align: left;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	
	vertical-align: middle;
}
table.tabInscription td.tabInscriptionInside
{
	padding: 0px;
}
table.tabInscription tr.Titre th
{
	border-bottom: 3px solid black;
	
	text-align: center;
	padding: 0px;
}
table.tabInscription  th.leftColumn
{
	border-bottom: 3px solid black;
	
	text-align: center;
	padding: 0px;
	width: 162px;
}
table.tabInscription th.rightColumn
{
	border-bottom: 3px solid black;
	
	text-align: center;
	padding: 0px;
	width: 488px;
}

table.invisible
{
	border-collapse: collapse;
	border: none;
}
table.invisible td, table.invisible th
{
	border: none;
	padding: 0px;
	padding-left:  7px;
	padding-right: 7px;
}
table.invisible td.center
{
	border-right: 1px solid black;
	border-left: 1px solid black;
	padding-left:  7px;
	padding-right: 7px;
}

table.telechargement
{
	margin: auto;
}
table.telechargement td
{
	padding: 0px;
	border: none;
}

table.telechargement td.logo
{
	text-align: center;
}




/* ============================================================================================= Glossaire */
table.glossaire th
{
	text-align: left;
}
div.glossaireFirstLetter
{
	font-size: 20px;
	margin-top: 15px;
}


/* ============================================================================================= Les blasons */
div.blasonsExplication p
{
	font-size: 16px;
}
div.blasonsExplication ul
{
	font-size: 16px;
	margin-left: 60px;
}
div.blasonsExplication img
{
	margin-bottom: 40px;
}




/* ============================================================================================= New design */
div.menu
{
	width: 100%;
	height: 60px;
	background-color: #3C507C;
}
div.menuInside
{
	width: 1064px;
	height: 50px;
	margin: auto;
	position: relative ;
	bottom: 0px;
	padding-top: 8px;
}
div.connectedInfo
{
	height: 20px;
	text-align: right;
	color: white;
}


#menu, #menu ul /* Liste */	
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	line-height : 21px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	background : #3C507C; /* couleur de fond */	
	color : #FFFFFF; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 100px; /* largeur */
}

#menu li /* Elements des listes */	
{
	display: inline-block;
	width: 100px;
	background-color: #3C507C;
	color: #FFFFFF;
	text-align: center;
	/* pour ie qui ne reconnait pas "transparent" */
	border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
	
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 100px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
}


#menu li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li		
{
	border-top : 1px solid transparent; /* on met une bordure transparante en haut de chaque élément */
}

#menu li ul ul 
{
	margin		: -22px 0 0 144px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-left	: 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */	
}

/* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul		
{
	border-left	: 1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */
}

#menu a:hover, #menu li ul a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #005aae; /* On passe le texte en noir ... */
	background: #b1d9ff; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
	z-index:700;
}

div.mainPanel
{
	width: 1064px;
	background-color: #FFFFFF;
	margin: auto;
	overflow: hidden;
}
div.mainPanelInside
{
	background-color: #FFFFFF;
	margin: auto;
	overflow: hidden;
	
	padding: 15px;
}

table.newsTable
{
	width: 1064px;
	margin: auto;
}
table.newsTable td.newsRubrique
{
	width: 50%;
	vertical-align: top;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	background-color: #FFFFFF;
}

div.showMore
{
	width: 100%;
	height: 25px;
	text-align: center;
}

div.panelTitle, div.panelTitle a
{
	font-size: 18px;
	padding-left: 30px;
	color: blue;
	text-decoration: none;
}
div.panelTitle p
{
	margin: 0px;
	margin-top: 10px;
}
div.rubriqueTitle p
{
	font-size: 20px;
	padding-left: 30px;
	color: blue;
	text-decoration: none;
	text-indent: 0px;
}
hr.panelTitleSeparation
{
	width: 80%;
}

div.infoPanel
{
	width: 1064px;
	height: 300px;
	margin: auto;
	background-color: #FFFFFF;
	
	margin-top: 30px;
}
div.infoSubPanel
{
	width: 532px;
	float: left;
}
div.infoSubPanelInside
{
	width: 500px;
	margin: auto;
}

div.cycle-slideshow
{
	/*width: 1064px;
	margin: auto;*/
	
	
    clear: both;
	width: 100%;
	background: none repeat scroll 0% 0% #EEE;

	display: block;
	position: relative;
	overflow: hidden;
	height: 400px;
}

div.cycle-slideshow
{
	width: 1064px;
	margin: auto;
}
div.cycle-slideshow img
{
    position: absolute;
	top: -184px;
	left: 0px;
	max-width: 100%;
	max-height: none;
	display: block;
}
div.cycle-overlay 
{
    font-family: tahoma,arial;
    position: absolute;
    bottom: 10px;
    width: 350px;
	height: 120px;
    z-index: 600;
    background: none repeat scroll 0% 0% #000;
    color: #FFF;
    padding: 15px;
    opacity: 0.5;
}
div.cycle-overlay-title
{
	font-weight: bold;
	font-size : 13px;
}
div.cycle-overlay a, div.cycle-overlay-desc a
{
	color: #FFF;
	text-decoration: none;
}

div.footer
{
	width:1064px;
	height: 30px;
	background-color: #3C507C;
	margin: auto;
}
div.footerPart
{
	width: 100px;
	height: 30px;
	color: white;
	vertical-align: bottom;
	float: right;
}
div.footerPart span
{
	display:inline-block;
	line-height:30px;
	vertical-align: bottom;
	text-align: center;
}

div.partnerLogoList
{
	width:680px; 
	height: 130px;
	margin: auto;
}
div.partnerLogo
{
	width:120px; 
	float:left;
	padding-left: 30px;
}
div.partnerLogo img
{
	width: 120px;
}

table.partner
{
	border-spacing: 10px;
}
td.partnerLogo
{
	text-align: center;
}
td.partnerLogo img
{
	width: 120px;
}


/*********************** TEST sprite */
.box {
    clear: both;
	width: 100%;
	/*margin: 10px 0px;*/
	background: none repeat scroll 0% 0% #EEE;
	
    /*width: 1064px;*/
	display: block;
	position: relative;
	overflow: hidden;
	height: 400px;
}
.sprite {
    position: absolute;
	top: -184px;
	left: 0px;
	max-width: 100%;
	max-height: none;
	display: block;
}







#wrapper
{
 text-align:center;
 margin:0 auto;
 padding:0px;
 width:995px;
}
#drop-area
{
 text-align:left;
 margin-top:20px;
 margin-left:220px;
 width:550px;
 height:200px;
 background-color:white;
 border:3px dashed grey;
}
.drop-text
{
 width: 100%;
 text-align: center;
 margin-top:70px;
 color:grey;
 font-size:25px;
 font-weight:bold;
}
#drop-area img
{
 max-width:100px;
 max-height:100px;
}
div.newsPhotoFrontOffice
{
	width : 100%;
	text-align: center;
}
div.newsPhotoFrontOffice img
{
	max-width:300px;
	max-height:300px;
	margin-right: 5px;
}
div.newsPhotoFrontOfficeCustomWidth
{
	width : 100%;
	text-align: center;
}
div.newsPhotoFrontOfficeCustomWidth img
{
	margin-right: 5px;
}
div.maintenanceMode
{
	text-align:center;
	margin-top: 200px;
	
	font-size : 21px;
}

table.newsSumury
{
}
table.newsSumury td
{
}
table.newsSumury td.newsSumuryTitle, table.newsSumury td.newsSumuryTitle a
{
	font-size: 16px;
	font-weight: bold;
	color: #2E74B5;
	text-decoration: none;
}
table.newsSumury td.newsSumuryPicture
{
	width: 100px;
}
table.newsSumury td.newsSumuryPicture img
{
	width: 100px;
	margin: auto;
}
table.newsSumury td.newsSumurySeparation hr
{
	width: 80%;
}




table.ITTable { width: 95%; margin: auto; }
table.ITTable td { width: 50%; padding-left: 10px; padding-right: 10px; vertical-align: top; }
table.ITTable td.flag{ text-align: center;}
table.ITTable td.left { padding-right: 20px; }
table.ITTable td.right { padding-left: 20px; }

div.ITPartenaires { width: 100%; text-align: center; margin-top: 30px; }
div.ITPartenaires img { width: 100px; }

div.ITHotel{ margin-bottom: 15px;}
span.ITHotelName{ font-size: 16px; font_weight: bold;}
span.ITHotelDescr{}