/* <style> <= balise pour coloration syntaxique dans phpedit */


/*------------structure générale du site------------------------------------------------*/
/* ALL*/
*{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
body {
	background: #383A34 url(/medias/Fond2.jpg) no-repeat 300px 0;
    background-attachment: fixed;
	margin: 0;
	padding: 0;
	left: 300px;
	height: 100%;
	width: 100%;
	font-size: 11px;
}
a {
	color: #FFFFFF;
}
img {
	border: 0;
}
embed, object {
	margin: 0;
	padding: 0;
}
h1 {
	margin: 0 0 0 0;
	padding: 5px 10px 5px 15px;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}
h2 {
	margin: 0 0 0 0;
	padding: 0px 10px 5px 15px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

p {
	margin: 0;
	padding: 5px 15px 5px 15px;
/*	color: #000000;*/
	text-align: justify;
}


.clear{
	clear:both;
}

#conteneur{
	margin: 0 auto;
	width: 960px;
	background-image: url(/foto-globales/conteneur.jpg);
	background-repeat: repeat-y;
	padding-left: 10px;

	position:relative; /* par defaut en relative, mais il faut le mettre explicitement pour utiliser des div absolute à l'interieur */
}
/*________ header _________*/

body.pageAccueil{
	background: #FFFFFF url(/medias/Fond2.jpg) no-repeat 400px 0;
	margin: 0;
	padding: 0;
	left: 300px;
	height: 100%;
	width: 100%;
}

#droite {
	position: absolute;
	width: 100%;
	height: 100%;
	float: right;
	top: 0;
	margin: 0;
	text-align: left;
}
#gauche {
	position: absolute;
	background: #EEC200;
	width: 300px;
	height: 100%;
	z-index: 10;
}
#mentions {
	position: absolute;
	bottom: 10px;
	left: 40px;
	z-index: 11;
}
#mentions a {
	color: #FFFFFF;
	text-decoration: underline;
}
#gauche-accueil {
	position: absolute;
	background: #FFFFFF;
	width: 400px;
	height: 100%;
	float: left;
	z-index: 10;
}
#bande_blanche {
	background: transparent url(/medias/Fond_Blanc.png) repeat;
	height: 351px;
	width: 100%;
	margin: 0;
	float: left;
}
#bande_grise {
	background: transparent url(/medias/Fond_Gris.png) repeat;
	height: 386px;
	width: 100%;
	margin: 150px 0 0 0;
	float: left;
	z-index: 20;
}
#animation {
	position: absolute;
	background: transparent;
	margin: 0 0 0 300px;
	width: 538px;
	height: 351px;
	float: left;
	z-index: 20;
}
#footer {
	background: transparent;
	width: 100%;
	height: 100px;
	margin: 15px;
	float: right;
	text-align: right;
}
#menu-html{
	position:absolute;
	top:0;
	left:0;
	margin:50px 0 0 0;
	z-index:11;
	width:250px;
}
#menu-html ul{
	padding: 0 0 0 30px;
	margin: 0;
}
#menu-html ul li.asousrub{
	/*list-style-type:none;*/
}
#menu-html ul li a{
	color:#666666;
	text-decoration:none;
}
#menu-html ul li a:hover{
	color:#666666;
	text-decoration:underline;
}
#menu {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
}
#fondMenu {
	position: absolute;
	overflow: hidden;
	margin: 0;
	padding: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 105;
}

/* Bloc gauche */
#livre {
	position: absolute;
	background: transparent;
	margin: 340px 0 0 45px;
	z-index: 100;
}

/*_______________ Footer ______________*/

#footer{
	width: 900px;
	margin-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	border-top: 1px solid #AA024C;
	position:relative;
	z-index:10;
}
.liensIntelliance{
	font-size: 10px;
	color: #AA024C;
	text-decoration: none;
}
.liensIntelliance:hover{
	color: #fff;
}







/*----------------------------------*/
/* Styles communs screen et print : */

.exempleDeStylePouvantEtreSurcharge{
			text-decoration:underline;
	}
/*===========================================================================*/

.pngbackground{
/* png transparents pour ie6 (jquery) */
}


/*******************************************************************************
**		ACCUEIL
*******************************************************************************/

/*------------------------------------------------------------------------------
ARTICLE : CORPS de PAGE
-------------------------------------*/

.titreRubrique,
.titreArticle {
	color: #FFFFFF;
	margin:7px 0 10px 30px;
	font-size: 17px;
/*	float: left;*/
	font-weight: bold;
	padding: 0 0 0 0;
}

#listeArticles {
	background: transparent url(/medias/Fond_Article.png) repeat-y;
	width: 670px;
	height: auto;
	float: left;
	margin: 0 0 0 0;
	padding: 2px 0 7px 300px;
}

.article{
	position: relative;
	background: transparent url(/medias/coin_Article.png) no-repeat 100% 100%;
	width: 650px;
	margin: 0 0 3px 15px;
	padding: 0 0 0px 0;
	height: auto;
	/*float: left;*/
}

.contenuRub{
	margin:0;
	padding:0;
}

.article_titre{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight:bolder;
	color: #740135;
	text-align:left;
	margin-left: 75px;
	margin-top: 25px;
	margin-bottom: 20px;
}
.article_accroche{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #740135;
	text-align:left;
	margin-left: 10px;
}
#article_illustre{
	background-image:url(/foto-globales/center_contenu_cartouche_haut_img.jpg);
	background-repeat: no-repeat;
	width: 728px;
	height: 112px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.article_chapo{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	letter-spacing: 1px;
	color:#003366;
	text-align:left;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	margin-bottom:0px;
}
.article_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-align:left;
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 10px;
}


.article ul{
	padding:0 0 0 0px;
	list-style-type:none;
}
.article ul li{
	list-style-type:none;
	background-image:url(/general-foto/puce_article.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding-left:14px;
	padding-top:1px;
}
.article .titre_article{
			margin: 0 0 0 0;
		padding: 5px 10px 5px 15px;
		font-size: 15px;
		font-weight: bold;
		color: #000000;
	}

.article .caleTitre{
	margin-top:40px;
}

.article .titre_label{
	margin: 0 0 0 0;
	padding: 5px 10px 5px 0px;
	font-size: 18px;
	line-height:17px;
	font-weight: bold;
	color: #000000;
}

.article .description a{
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}

.article .description a:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

.article .description .chapeau{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	text-align:left;
	margin:7px 0 5px 0px;
}

.article .description .chapeau p a,
.article .description .chapeau p a:link  {
	text-decoration:underline;
}
.article .description .chapeau p a:visited {

}
.article .description .chapeau p a:hover {
	color: #000000;
	text-decoration:underline;
}
.article .description .chapeau p a:active {

}
.article .description .chapeau p a:focus {

}

.article .description{
	margin-top:0;
	padding:0 0 20px 0;
	font-size:11px;
	color:#333333;
}

.article .description p *{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;

}

.article .description p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	margin-left: 0px;
	margin-right: 10px;
	padding-right: 10px;
}

.article .description table p{
	margin:0;
	padding:0;
	color:none;
}


.article .description p a, .article .description p a:link {

	text-decoration:underline;
}
.article .description p a:visited {

}
.article .description p a:hover {
	color: #000000;
}
.article .description p a:active {

}
.article .description p a:focus {

}
.article .description img{
	margin:0px;
	padding:0px;
}

.article .description .chapeau{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	text-align:left;
	margin:7px 0 0px 0px;
}

.article .description .chapeau p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	text-align:left;
}

.article .description .chapeau p a,
.article .description .chapeau p a:link  {
	text-decoration:underline;
}
.article .description .chapeau p a:visited {

}
.article .description .chapeau p a:hover {
	color: #000000;
	text-decoration:underline;
}
.article .description .chapeau p a:active {

}
.article .description .chapeau p a:focus {

}


.article .description .divArticleImgGauche{
	float:left;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
}
.article .description .divArticleImgDroite{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	margin-right:0px;
}
.article .description .divArticleImgHaut{
	text-align:center;
	margin-bottom:10px;
}
.article .description .divArticleImgBas{
	text-align:center;
	margin-top:10px;
}
.article .description .divArticleImgGauche .imagelegende{
	color:#000000;
	font-size:10px;
	padding-left:10px;
}
.article .description .divArticleImgDroite .imagelegende{
	color:#000000;
	font-size:10px;
}
.article .description .divArticleImgHaut .imagelegende{
	color:#000000;
	font-size:10px;
}
.article .description .divArticleImgBas .imagelegende{
	color:#000000;
	font-size:10px;
}


.article .galerie{
	margin:10px 80px 0px 15px;
	padding:0;
	float:right;
}

.article .galerie li{
	list-style-type:none;
	float:left;
	margin:0 2px;
	padding:0;
}

.article .galerie li a{
	display:block;
}


.article .fichierlie{
	margin:5px 0 5px 10px;
}

.article .fichierlie li{
	margin: 3px 0px 3px 3px;
	padding: 1px 0 3px 22px;
	background: url('/medias/puce-pdf.jpg') 3px 0px no-repeat transparent;
}

.article .fichierlie li a,
.article .fichierlie li a:link,
.article .fichierlie li a:active,
.article .fichierlie li a:focus,
.article .fichierlie li a:visited {
	color:#333333;
	text-decoration:none;
	font-weight:normal;
}
.article .fichierlie li a:hover {
	text-decoration:underline;
}

.breves p {
	padding: 0;
}
.btn_download{
	vertical-align:-50%;
}

/*
.article .fichierlie a {
	font-family:Arial,Helvetica;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;

	padding-left:2px;
	padding-right:2px;
	margin-left:1px;
	margin-right:1px;
}
*/
.article .reponse{
	margin:5px 0 0 0;
}

.breves .fichierlie li {
	margin: 5px 0px 5px 3px;
	padding: 0 0 0 25px;
	background-image: url('/medias/puce-pdf.jpg');
	background-position: 3px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
}


/*******************************************************************************
ACTUALITES
*******************************************************************************/
.bloc {
	padding: 0;
	float: left;
	height: auto;
	margin: 10px 0 0px 0;
}
.scroll-pane {
	background: transparent;
	float: left;
	padding: 0;
}
#listeActualites {
	position: absolute;
	height: 360px;
	padding: 0;
	float: left;
	display: block;
	margin-top: 19px;
	_overflow: hidden;
}
.jScrollPaneContainer {
	position: absolute;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	cursor: pointer;
	left: 0;
	width: 100%;
	background: transparent;
}
.jScrollPaneTrack2 {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
	background: transparent;
}
.jScrollIntervalTrack {
	position: absolute;
}
.jScrollPaneDrag {
	position: absolute;
	/*background: transparent url("/medias/curseur.png") repeat;*/
	width: 113px;
	cursor: pointer;
	overflow: hidden;
}
#contenuActualite {
	position: absolute;
	width: auto;
	float: left;
	top: 128px;
	left: 315px;
}
.titreActualite {
	position: absolute;
	color: #FFFFFF;
	margin: 6px 0 4px 330px;
	font-size: 17px;
	font-weight: bold;
	padding: 0 0 0 0;
	z-index: 100;
}
.titreArchives {
	position: absolute;
	margin: 6px 0 0 0;
	left: 50%;
	z-index: 5;
}
.titreArchives a {
	color: #CCCCCC;
	font-size: 10px;
	cursor: pointer;
	text-decoration: none;
}

.cadreActualite {
	position: relative;
	background: transparent url(/medias/coin_Article.png) no-repeat 100% 100%;
	width: 497px;
	margin: 0 3px 0 0;
	padding:0 0 0px 0;
	height: auto;
	float: left;
	overflow:hidden;
}

.cadreActualite .description h2.titre_article,
.cadreActualite .description h2.titre_article .titre_label{
	padding:10px 0 10px 0px;
	margin:0;
	font-size:15px;
	line-height:17px;
}


.cadreActualite .description .chapeau {
	font-weight:bold;
}

.cadreActualite .description p {
	padding:0 10px 5px 10px;
}


.cadreActualite .description .divArticleImgGauche{
	float:left;
	margin:0 10px 0px 0px;
	position:relative;
	height:335px;
	//height:320px;
	overflow:hidden;
}
.cadreActualite .description .divArticleImgGauche img{
	position:relative;
}

.cadreActualite .description .divArticleImgGauche .imagelegende{
	position:absolute;
	/*bottom:1px;*/
	left:0px;
	padding: 2px 5px;
	color:#FFFFFF;
}

.cadreActualite .description .divArticleImgDroite{
	float:right;
	margin:0 0px 0px 10px;
	position:relative;
	height:335px;
	//height:320px;
	overflow:hidden;
}

.cadreActualite .description .divArticleImgDroite img{
	position:relative;
}

.cadreActualite .description .divArticleImgDroite .imagelegende{
	position:absolute;
	bottom:1px;
	left:0px;
	padding:0 5px;
	color:#FFFFFF;
}



.cadreActualite .galerie{
/*	padding:0;
	position:absolute;
	bottom:0px;
	right:85px;*/
	padding:0;
	margin:0 0 15px 0;
}


.cadreActualite .galerie li{
	float:left;
	list-style-type:none;
	margin:0 1px;
	padding:0;
}


.cadreActualite .galerie li a{
	display:block;
}


.cadreActualite .fichierlie{
	float: left;
	/*margin:5px 0 5px 10px;*/
}

.cadreActualite .fichierlie li{
	margin: 5px 0 0 0;
	padding: 0 0 0 25px;
	background: url('/medias/puce-pdf.jpg') 3px 0px no-repeat transparent;
}

.cadreActualite .fichierlie li a,
.cadreActualite .fichierlie li a:link,
.cadreActualite .fichierlie li a:active,
.cadreActualite .fichierlie li a:focus,
.cadreActualite .fichierlie li a:visited {
	color:#333333;
	text-decoration:none;
	font-weight:normal;
}
.cadreActualite .fichierlie li a:hover {
	text-decoration:underline;
}



.img-gauche {
	float: left;
	/*margin: 0 10px 0 15px;*/
}
.img-droite {
	float: right;
	/*margin: 0 10px 0 15px;*/
}
.img-bas {
	width: 497px;
}

.boutonActualiteDroite {
	position: absolute;
	bottom: 8px;
	right: 10px;
}

.boutonActualiteGauche {
	position: absolute;
	bottom: 8px;
	left: 5px;
}

.boutonsBasArt{
	clear:both;
	margin-top:10px;
	position:absolute;
	bottom:8px;
	right:5px;
}


#texteBloc-accueil{
	background: transparent url(/medias/Fond_Noir.png) repeat;
	margin: 0;
	width: 100%;
	height: auto;
	float: left;
}
#texteBloc{
	background: transparent url(/medias/Fond_Noir.png) repeat;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	float: left;
}
#texteDroite-accueil {
	margin: 0 0 0 300px;
}
#texteDroite {
	margin: 0 0 0 300px;
}
#texteDroite .breves {
	margin: 10px 10px 10px 105px;
	padding: 0 110px 0 8px;
	text-align: justify;
	border-left: 1px solid #FF9900;
}
#texteDroite .breves-presse {
	margin: 10px 10px 10px 160px;
	padding: 0 110px 0 8px;
	text-align: justify;
	border-left: 1px solid #FF9900;
}
#texteDroite .breves .titrebreve, #texteDroite .breves-presse .titrebreve {
	color: #FF9900;
	padding-left: 5px;
	font-weight:bold;
	font-size:12px;
}
#texteDroite .breves p, #texteDroite .breves-presse p {
	color: #FF9900;
	padding-left: 5px;
}
.titre-presse {
	width: 130px;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	margin: -1px 5px 5px 30px;
	text-align: left;
	float: left;
	line-height: 17px;
}
.breves-presse {
	margin: 0 0 0 150px;
}
#texteDroite-accueil .breves {
	margin: 10px 10px 10px 105px;
	padding: 0 110px 0 8px;
	text-align: justify;
	border-left: 1px solid #ffffff;
}
#texteDroite-accueil .breves .titrebreve{
	color: #ffffff;
	padding-left: 5px;
	font-weight:bold;
	font-size:12px;
}
#texteDroite-accueil .breves p {
	color: #ffffff;
	padding-left: 5px;
}
.titre {
	width: 100px;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	margin: -1px 5px 5px -5px;
	text-align: right;
	float: left;
}

/*******************************************************************************
ACTUALITES
*******************************************************************************/
#listeRevuesPresse {
	position: absolute;
	height: 360px;
	padding: 0;
	float: left;
	display: block;
	margin-top: 19px;
	_overflow: hidden;
}
#contenuRevuePresse {
	position: absolute;
	width: auto;
	height: auto;
	float: left;
	top: 128px;
	left: 315px;
}
#contenuRevuePresse .description{
	padding: 0 0 30px 0;
}
.titreRevuePresse {
	position: absolute;
	color: #FFFFFF;
	margin: 6px 0 4px 330px;
	font-size: 17px;
	font-weight: bold;
	padding: 0 0 0 0;
	z-index: 100;
}
.cadreRevuePresse {
	position: relative;
	/*background: #FFFFFF url(/medias/coin_Article.png) no-repeat 100% 100%;*/
	width: 150px;
	margin: 0 3px 0 0;
	padding: 0;
	height: auto;
	float: left;
}
.cadreRevuePresse .chapeau p {
	font-weight: bold;
	text-align: left;
}
.img-gauche {
	float: left;
	/*margin: 0 10px 0 15px;*/
}
.img-droite {
	float: right;
	/*margin: 0 10px 0 15px;*/
}
.img-bas {
	width: 497px;
}
.boutonRevuePresse {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0  0 10px 10px;
}

/*******************************************************************************
PLAN d'ACCES
*******************************************************************************/

#map{
	margin:8px;
}

#zoominit{
	width:120px;
	font-family:Times,"Times New Roman", serif;
	font-size:14px;
	margin:10px 10px 10px 0px;
	padding:1px 5px 2px 18px;
	background-image:url('/general-foto/puce_telechar2.gif');
	background-position:5px 1px;
	background-repeat: no-repeat;
	background-color:#CAB980;
	color:#333333;
}
#zoominit a{
	font-family:Times,"Times New Roman", serif;
	font-size:13px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}


/* ---------------------------- formulaire contact ------------------------- */


/* Contact */

#contact{
	position: relative;
	background: #FFFFFF url(/medias/coin_Article.png) no-repeat 100% 100%;
	width: 650px;
	margin: 0 0 3px 15px;
	padding: 0 0 10px 0;
	height: auto;
}

#contact table{
	margin:15px 0 0 39px;
}

#contact table td{
	padding:6px 0;
	vertical-align:top;
}

#contact .lblContact{
	width:150px;
	text-align:right;
	vertical-align:top;
	font-size:12px;
	padding-right:5px;
	border-right:1px solid #000000;
	font-weight:bold;
}

#contact .lblContact label{
	cursor:pointer;
}

#contact .pair{
	background-color:#E2E2E2;
}

#contact input {
	width: 380px;
	height: 17px;
	margin: 0px 0 0px 6px;
	border: 1px solid black;
}

#contact textarea {
	width: 380px;
	height: 90px;
	margin: 0px 0 0px 6px;
	border: 1px solid black;
}
#contact button {
	background: transparent;
	border: 0px;
	padding: 0;
	margin: 10px 0 0 10px;
	cursor: pointer;
}

#choix-spontanee {
	float: left;
}
#choix-spontanee input {
	width: 10px;
}
#choix-spontanee label, #num-offre label {
	width: 250px;
}
#num-offre {
	float: left;
}
#num-offre input {
	width: 80px;
	height: 15px;
}
#choix-contact {
	float: left;
	width: 550px;
	margin: 20px 0 10px 50px;
}
#choix-contact .entete{
	width:100%;
	font-family:arial,helvetica;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
/*
#label-contact {
	background: transparent;
	margin: 0 0 0 50px;
	padding: 10px 0 0 0;
	text-align: right;
	width: 160px;
	border-right: 1px solid #000000;
	float: left;
}
#label-contact .label_Gris {
	background: #E2E2E2;
}*/
/*
#champ-contact {
	width: 420px;
	text-align: left;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	float: left;
}
*/
#contact .logo-rss {
	clear:left;
	float: left;
	width: 150px;
	margin: 0 0 0 55px;
	padding: 10px 5px 20px 0;
	text-align: right;
	border-right: 1px solid #000000;
}
#contact .btn-envoyer {
	float: left;
	width: 400px;
	font-weight: bold;
}
#contact .btn-envoyer a {
	color: #000000;
}
#contact .infos-contact {
	color: #797979;
	float: left;
	width: 550px;
	margin: 20px 0 0 35px;
}
#contact .radio {
	border: 0;
	vertical-align:-5px;
	//vertical-align:-2px;
}

/*** old : **/


.etoileform{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	vertical-align:-0.1em;
}
.texteoblig{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	/*background-color:#5e5c57;*/
	height:25px;

	padding-bottom:10px;

}


.libelleform{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	border-bottom:1px solid #666666;
	line-height:16px;
}

.inputradio{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}

/*******************************************************************************
* copyright
***/

a.copyright{
	float:right;
}

/*******************************************************************************
* mentions
***/
a.mentions{

	font-family: Arial, Helvetica, sans-serif;

	color: #fff;
	text-decoration:none;
}
a.mentions:hover{
	text-decoration:underline;
}

a.mentions1{
	width:160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	text-decoration:none;
}
a.mentions1:hover{
	text-decoration:none;
}

a.mentions2{
	width:160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	text-decoration:underline;
}
a.mentions2:hover{
	text-decoration:none;
}


/* --------------------------------------------------------------------------*/
/* page login : */
.textAuth{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.inputAuth{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:2px;
}

.boutonAuth{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:4px;
	margin-left:11px;
}

.messageAuth{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#FB0000;
	text-align:center;
}


.titreUserAM{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:#000000;
}
/* ------------- */





.formAuth{
	width:300px;
	border:1px solid #CCCCCC;
	padding:20px;
}

.tabAuth{

}

#outputCssDebug{
	color:red;
	font-weight:bold;
}

/*******************************************************************************
*******************************************************************************/

.texte404{
	margin:20px 20px 20px 20px;
	/*padding-left:100px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	line-height:18px;
}


/*******************************************************************************
**			ARTICLE ANNONCE (redéfinition ARTICLE)
*******************************************************************************/
.divTeteRecrute{
	height:73px;
	overflow:hidden;
	margin:10px 16px 15px 60px;
}
.divTeteRecrute .teteRecrute{
	color:#FFFFFF;
	font-weight:bold;
	padding:10px 0;
}

h1.nom_club{
	font-size:28px;
	color:#740135;
	margin:30px 0 10px 0;
}

.annonce{
	margin-bottom:10px;
}
.annonce .titre_article{
	margin:25px 0 10px 20px;
}
.annonce .titre_label{
	font-size:20px;
}

.annonce .lien_candidature{
	color:#740135;
	margin:5px 0 5px 10px;
	background:url('/foto-globales/fleche.gif') left 3px no-repeat;
	padding-left:20px;
}

.annonce a,
.annonce a:hover,
.annonce a:active,
.annonce a:visited,{
	color:#740135;
	font-weight:bold;
}

.separation_annonce{
	border:0;
	border-top:1px solid #DDDDDD;
	margin:20px 50px 5px 0;
}

/*******************************************************************************
**			DIV EMPLOI (liste pour tous les club)
*******************************************************************************/
#divEmploi{
	margin:30px 0 0 20px;
}



/** Bloc de bas de page pour les liens vers les rubriques du site **/
#liensRubs{
	padding:6px 0px 6px 0px;
	color:#AA024C;
	font-size:10px;
	text-align:center;
}

#liensRubs a{
	color:#AA024C;
	text-decoration:underline;
}
#liensRubs a:hover{
	color:#FFFFFF;
	text-decoration:none;
}


/*******************************************************************************
**		PAGINATION
*******************************************************************************/

#pagination{
	background:url('/medias/Fond_Blanc.png') repeat;
	display:block;
	margin:0 auto;
	/*width:150px;*/
	font-size:11px;
}

#contenu_pagination{
	float:left;
	position:relative;
}

.btn_next a, .btn_prev a{
	margin-top:5px;
	display:block;
	float:left;
	outline:0;
	border:0;
	position:relative;
	background:none;
	z-index:100;
}

.titre_pagination{
	margin-top:5px;
	color:white;
	padding:0 5px;
	display:block;
	float:left;
	position:relative;
	font-size:11px;
}

.npage, .btn_prev, .btn_next{
	display:block;
	float:left;
	position:relative;
	background:none;
}

.btn_prev, .btn_next{
	width:24px;
	height:20px;
	position:relative;
	background:none;
}

.npage a{
	background:#666666 none repeat scroll 0%;
	color:#000000;
	font-weight:bold;
	margin:2px 1px;
	padding:3px 5px;
	text-decoration:none;
	display:block;
	outline:0;
	position:relative;
	z-index:100;
	font-size:11px;
}

.pcourante a{
	background:#FFFFFF none repeat scroll 0%;
	position:relative;
	z-index:100;
}


/*-----------------*/
/* Pour impression */

@page {}
@media print{

	.pasPrint{
		display:none;
	}

	.pasScreen{
		/*normal*/
	}

	#bande_grise{
		margin:0;
		padding:0;
	}

	#contenuActualite {
		float:left;
		left:0;
		position:relative;
		top:0;
		width:auto;
	}

	.cadreActualite{
		width:500px;
	}

	p{
		text-align:left;
	}

} /* fin media print */



/*---------------------------*/
/* Affichage normal (ecran) */
@media screen{

	.pasScreen{
		display:none;
	}
/*
	.pasPrint{
		display:none;
	}


	#bande_grise{
		margin:0;
		padding:0;
	}

	#contenuActualite {
		float:left;
		left:0;
		position:relative;
		top:0;
		width:auto;
	}

	.cadreActualite{
		width:500px;
	}
	*/

}/* fin media screen */

/* Google Maps */
.map {
	width:520px;
	height:300px;
	clear:both;
	border:1px solid #AAAAAA;
}
.mashup {
	margin: 5px 5px 5px 15px;
}
.mashup img {
	vertical-align:-3px;
	float: left;
	margin: 0 5px 0 0;
}
.mashup .btn_mashup  a{
	display: block;
	margin: 0 0 5px 0;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
}

/* FIN RESTAURANT LES FLOTS */

#logo-restaurant {
	background: transparent;
	margin: 0 0 0 300px;
	width: 300px;
	height: 180px;
	z-index: 20;
}
#adresse-restaurant {
	position: absolute;
	top: 540px;
	left: 37px;
	z-index: 11;
	color: #FFFFFF;
	font-size: 12px;
}
#adresse-restaurant .titreAdresse {
	font-weight: bold;
	font-size: 13px;
}

/*******************************************************************************
	Menu
*******************************************************************************/
#fondCentPrcent{
	background: transparent url(/medias/Fond_Gris.png) repeat;
	display:block;
	width:100%;
}

#conteneur_fonctionnalite{
	padding:0 0 0 314px;
	width:650px;
}


#detail_carte{
	width:437px;
	float:left;
	position:relative;
	overflow:hidden;
	margin:8px 0px 8px 0px;
}

#conteneur_menus{
	width:1500px;
}

#barre_laterale{
	float:left;
	width:200px;
	margin:8px 0px 8px 10px;
}


.nomPlat{
	font-weight:bold;
	display:block;
}

.detailPlat *{
	padding:0;
	margin:0;
}

.listePlats_menu .detailPlat *{
	text-align:center;
}

.listePlats_menu,
.listePlats_carte{
	width:100%;
	border-collapse:collapse;
}

.listePlats_menu tr,
.listePlats_carte tr{
	background:#FFFFFF;
}

.listePlats_carte td{
	padding:8px 10px 8px 10px;
}

.listePlats_menu td{
	padding:8px 10px 8px 10px;
	text-align:center;
}

.listePlats_carte td.prixPlat{
	border-left:1px solid #CCCCCC;
	width:27px;
	text-align:right;
}

.listePlats_menu td.menu_liaison{
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#D67E1C;
	padding:0;
}

.listePlats_menu td.menu_separation{
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#D67E1C;
}

.listePlats_carte tr.pair,
.listePlats_menu tr.pair{
	background:#F3F3F3;
}


h3.nomCateg{
	color:#FFFFFF;
	background:url(/medias/puce_titre_carte.gif) no-repeat 38px center #000000;
	padding:7px 30px 7px 58px;
	margin:0;
	font-size:12px;
}

h2.titre_menu{
	color:#FFFFFF;
	font-size:16px;
}

h2.titre_menu .titre_nom_menu{
	float:left;
	width:355px;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bolder;
}
h2.titre_menu .titre_prix_menu{
	float:right;
	width:50px;
	text-align:right;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
}

#liste_menus{
	margin:0;
	padding:28px 0;
	background:#D67E1C;
	position:relative;
}

#liste_menus ul{
	margin:0;
	padding:0;
	list-style-type:none;
	background:#D67E1C;
	position:relative;
}

#liste_menus ul li{
	list-style-type:none;
	background:#D67E1C;
	position:relative;
}
#liste_menus ul li.pair{
	background:#DEAA70;
}

#liste_menus ul li a{
	display:block;
	outline:0;
	text-decoration:none;
	padding:5px;
	position:relative;
}


#liste_menus ul li a .nomMenu{
	text-decoration:none;
	font-weight:bold;
	text-decoration:underline;
	float:left;
	padding:0;
	width:155px;
	position:relative;
	cursor:pointer;
}

#liste_menus ul li a .prixMenu{
	text-decoration:none;
	font-weight:bold;
	float:right;
	margin:0 0 0 0px;
	padding:0;
	color:#CCCCCC;
	position:relative;
	cursor:pointer;
}
#liste_menus ul li a .detailMenu{
	clear:both;
}
#liste_menus ul li a .detailMenu *{
	padding:0;
	line-height:12px;
	margin:0;
}

#blocBreves{
	background:url(/medias/Fond_Noir.png) repeat;
	color:#CCCCCC;
	margin:15px 0 0 0;
	padding:15px 0 0 0;
	width:200px;
	/*position:relative;*/
}

#blocBreves .breve{
	margin:0 0 7px 0;
	position:relative;
}

#blocBreves .breve *{
	position:relative;
}

#blocBreves .breve .fichierlie{
	padding:0 0 5px 15px;
}
#blocBreves .breve .fichierlie li a{
	background:url(/medias/puce-pdf.jpg) no-repeat 0px 1px;
	padding:0 0 0 20px;
	display:block;
	text-decoration:none;
	font-weight:bold;
}

#carte{
	display:block;
}

.menu{
	float:left;
	width:435px;
	position:relative;
/*	border:1px solid #FF0000;*/
}

.menu .btn_retour{
	float:right;
	font-weight:bold;
	padding:4px 0 0 0;
}

.menu .detail_menu{
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	width:340px;
}
/*******************************************************************************
*******************************************************************************/