/*
 * ------------ templates/defaut/themes/1/css/style_layout.css ---------- 
 *
 */

@charset "utf-8";

/*
 * Style layout
 * Mise en page du template et positionnement des éléments
 * Customisation des éléments de la page
 */
 
/*
 * FONTS ----------------------------------------------------------
 */
@font-face {
    font-family:'InterdimensionalRegular';
    src:url('../fonts/interdim-webfont.eot');
    src:url('../fonts/interdim-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/interdim-webfont.woff') format('woff'), url('../fonts/interdim-webfont.ttf') format('truetype'), 				url('../fonts/interdim-webfont.svg#InterdimensionalRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*
 * CUSTOMISATION DES TAGS PRINCIPAUX ------------------------------
 */

html, body, input, select, textarea, button { font-size:13px; }

html, body {
	margin:0;
	padding:0;
	color: #717171;
	/*height:100%;*/
	
}

html { height: 100%; }

body { background: url(../img/bg_body.jpg) repeat; font-family: 'ABeeZee', sans-serif; height: 100%; position: relative; line-height: 1.8em;}


p, table, tr, th, td, ul, li { margin:0; padding:0; }

a,
a:active,
a:visited,
a:link		{ color:#323131; text-decoration:none; outline:none; cursor:pointer; }
a:hover		{ color:#71c7bd; text-decoration:none; }

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

h1			{ color: #717171; font-size: 30px; margin-bottom: 25px; }
h2			{ color: #1a88a1; font-size: 22px; }
a.likeh2	{ }
h3			{ font-size: 22px; color: #2f2f2f; margin-bottom: 15px; }
h4			{ font-size: 14px; color: #717171;}
h5			{ font-size: 14px; color: #4675b1;}
h6			{ }

a.likeh2	{ border-bottom:1px #AE1420 solid; }
a.selected,
a.last		{ border-bottom:0; }

.none		{ display:none; }
.upp		{ text-transform:uppercase; }
.strong		{ color: #1a88a1;}
.center		{ text-align:center; }

br.ie		{ display:none; *display:block; }
p			{ font-size: 14px;}
/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */

/* conteneur de la page */
div#footer							{ background: #555555; height: 52px; width: 100%; position:absolute; bottom: 0;}
div#footer-content					{ width: 980px; margin:0 auto; height: 12px; padding: 20px 0;background: #555555; position: relative;}
#menu-bas							{ list-style-type: none; size: 14px;}
#menu-bas li						{ float: left; padding: 0 21px 0 21px; color: #323131;}
#menu-bas li:first-child			{ float: left; padding: 0 21px 0 0;}
#menu-bas li:last-child				{ float: left; padding: 0 0 0 21px;}
#menu-bas li a  					{ color: #323131; -webkit-transition: color .5s ease-in-out;
									  -moz-transition: color .7s ease-in-out;
									  -o-transition: color .7s ease-in-out;
									  transition: color .7s ease-in-out;}
#menu-bas li a strong				{ color: #FFF;  }
#menu-bas li a:hover				{ color: #71c7bd;  }

div#contenu							{ margin:0 auto; width:980px; }


/* header */
div#header						{ background-color: white; height: 170px; width: 100%; /*position: absolute; left: 0; top: 0;*/ }
div#header a					{ text-decoration:none; color:#FFFFFF; }
div#header a img.logo			{ }
div#header span.slogan			{ display:block; text-align:center; font-family:'InterdimensionalRegular'; font-size:10px; color:#FFFFFF; margin:15px 0 0 0; height:27px; }
div#header-content				{ position: relative; width: 980px; margin: 0 auto; height: 143px; 
	/* background:url(../img/bg_vague.png) right no-repeat white; */ }
#bandeau-gris					{ width: 100%; height: 27px; background-color: #555555; color: #d2d0d2; font-size: 14px; text-transform: uppercase; line-height: 27px; }
#bandeau-gris-content			{ width: 980px; text-align: center; margin: 0 auto; background-color: #555555;}
@media screen and (max-width: 1470px) {
  #img-header						{ display: none; }
}
div#header div#coordonnees		{ float:left; margin:25px 0 0 10px; border-left:1px #E1CFA3 solid; padding-left:10px; width:200px; color:#FFFFFF; }
div#header a.logo				{ float:left; width: 192px; height: 143px;}
div#header .logo2				{ position: absolute; left: 160px; bottom: 17px;}
#home							{ background:url(../img/logo-crr-hover.png) no-repeat top center; left: -10px; *left: -200px; width: 211px; height: 143px; position:relative; display: none;}
/*div#header ul.lang				{ float:right; margin:25px 10px 0 0; border-right:1px #E1CFA3 solid; padding-right:10px; }
div#header ul.lang li			{ list-style:none; text-align:right; }
div#header ul.lang li.first		{ }
div#header ul.lang li a			{ }
div#header ul.lang li a:hover	{ color:#E1CFA3; }
div#header ul.lang li a.current	{ color:#E1CFA3; font-weight:bold; }
div#header ul.lang li a img		{ }*/
.lang							{ list-style-type: none; width: 100px; height: 20px; }
.lang li						{ float: left; margin-right: 5px; width: 21px;}

div.color						{ background: url(../img/bg_body.jpg) repeat; min-height:100%; height:auto!important; position:relative; }

div#container					{ padding-bottom: 52px; /*padding-top: 200px;*/ }
div#content						{ }
div#quotidien					{ position:absolute; width:195px; margin:-200px 0 0 710px; color:#5F5652; padding:0 15px 0 30px; font-size:11px; }

div#quotidien ul				{ margin:0; padding:22px 0 0 45px; height:210px; }
div#quotidien ul li				{ margin:0 0 5px 0; padding:0; list-style:none; }
div#quotidien ul li a			{ color:#5F5652; display:block; /*height:25px;*/ line-height:25px; text-align:right; padding:0 30px 0 10px; }
div#quotidien ul li a:hover,
div#quotidien ul li a.active	{ background:url("../img/bg-quotidien-li.png") left top no-repeat; text-decoration:none; }

div#quotidiencontenu			{ height:96px; margin:0 0 65px 0; padding:10px 15px 10px 0; color:#FFFFFF; display:table; width:180px; }
div#quotidiencontenu div		{ display:table-cell; vertical-align:middle; font-style:italic; text-align:center; }
div#quotidiencontenu div p		{ margin:5px 0; }

div#quotidien a.newsl			{ color:#5F5652; background:url("../img/fleche-newsletter.png") left top no-repeat; padding:0 0 0 25px; text-decoration:none; display:block; width:120px; margin:0 0 30px 35px; }
div#quotidien a.newsl:hover		{ background-position:left bottom; }

div.actualites a				{ display:block; color:#595959; font-weight:normal; text-decoration:none; }
span.titre-actu					{ display:block; text-transform:uppercase; }
span.texte-actu					{ display:block; text-align:justify; }

div.box-actualites								{ width:400px; margin-top:30px; float:left; background-color:#ECEDEE; }
div.box-actualites h2 a							{ color:#FFFFFF; }
div.box-actualites h2 a:hover					{ text-decoration:none; } 
div.box-actualites ul							{ margin:10px; }
div.box-actualites ul li						{ list-style:none; margin:0; }
div.box-actualites ul li a						{ color:#555555; }
div.box-actualites ul li a img					{ float:left; border:1px #FFFFFF solid; width:98px; }
div.box-actualites ul li a div.texte			{ float:left; width:270px; margin-left:10px; font-weight:normal; }
div.box-actualites ul li a:hover div.texte		{ color:#0287CC; }
div.box-actualites ul li a div.texte span.titre	{ color:#555555; font-weight:bold; display:block; margin-bottom:2px; }

span.title { color:#F49819; font-size:14px; }

/* contenu de la page */
.article-block						{ width: 310px; float: left; margin-right: 10px; margin-bottom: 10px;}
.article-contenu					{ background: url(../img/bg_article.png) repeat-y; padding: 20px; min-height: 375px;}
.article-contenu2					{ background: url(../img/bg_article.png) repeat-y; padding: 20px; min-height: 420px;}
.article-contenu img, .article-contenu2 img	{ position: relative; left: -16px; margin-bottom: 20px; }
.haut-article						{ background: url(../img/bg_haut_article.png) no-repeat center center; height: 6px;}
.haut-article2						{ background: url(../img/bg_haut2_article.png) no-repeat center center; height: 6px;}
.bas-article						{ background: url(../img/bg_bas_article.png) repeat-y; height: 11px;}
#texte								{ display: none; }
.btn-voir							{ margin-top: 10px; background: url(../img/bg_bouton_telecharger.png); color: white!important; padding: 6px 0 0 13px; display: inline-block; width: 140px; height: 28px; float: right;}
.buttoncr							{ position: relative; }
.btn-test							{ margin-top: 10px; background: url(../img/bg_bouton_ciel.png); color: white!important; padding: 6px 0 0 13px; display: inline-block; width: 93px; height: 28px; left: 0; position: absolute; top: 0; margin-top: 10px;}
.woop								{ position: absolute; top: 0; right: 0;}
.voir-photos						{ display: inline-block; background: url(../img/bg_bouton_bleu.png); color: white; height: 28px; width: 115px; padding: 6px 0 0 13px; right: 0; position: relative; top: 0; margin-top: 10px;}
.voir-photos:hover					{ color: #323131; }
.btn-voir:hover						{ color: #323131!important;}
div#display,
div.textepage						{ padding:0; /*width:980px; color: 1;*/ font-size: 14px; position: relative; padding: 55px 0; z-index: 1;}
div.textepage strong				{color: #1A88A1; font-weight: normal;}
div.textepage img.cadre				{ border:5px #FFFFFF solid; }
div.textepage span.diap				{ display:block; text-align:right; margin:3px 0 0 0; }
div.textepage-droite				{ position: absolute; right: 0; margin-top: 55px; }

div.textepage ul					{ margin:0 0 0 15px; padding:0; list-style:url(../img/puce.png);}
div.textepage ul li					{ margin:0; padding:0; }

div.textepage p.carte				{ margin:0 10px 10px 10px; /*font-weight:bold;*/ }
div.textepage p.last				{ margin-bottom:0; }
div.notop							{ padding: 0;}
div.littletop						{ padding-top:10px; }
div.carte							{ padding-bottom:10px; }
div.cut								{ width:355px; float:left; }

table.carte							{ }
table.carte tr						{ }
table.carte tr td					{ padding:0 0 10px 0; vertical-align:top; }
table.carte tr td.last				{ padding-bottom:0; }
table.carte tr td.prix				{ padding-left:10px; width:73px; }


table.table_appart					{ padding-left:10px; }
table.table_appart tr				{ padding-top:10px; }



a.tlchgr							{ position:absolute; font-size:28px; color:#FFFFFF; line-height:60px; padding-left:45px; }
a.docx								{ background:url("../img/ico-docx.png") left center no-repeat; margin-left:477px; }
a.pdf								{ background:url("../img/ico-pdf.png") left center no-repeat; margin-left:363px; }

a.tlchgrsmll						{ position:absolute; font-size:22px; color:#AE1420; line-height:40px; padding-left:33px; margin-left:617px; }

a.tlchgrsmll[href$=".doc"],
a.tlchgrsmll[href$=".DOC"],
a.tlchgrsmll[href$=".docx"],
a.tlchgrsmll[href$=".DOCX"],
a.tlchgrsmll[href$=".rtf"],
a.tlchgrsmll[href$=".RTF"]			{ background:url("../img/ico-docx-smll.png") left center no-repeat; }
a.tlchgrsmll[href$=".pdf"],
a.tlchgrsmll[href$=".PDF"]			{ background:url("../img/ico-pdf-smll.png") left center no-repeat; }

/*a.tlchgrsmll[href$=".doc"]:hover,
a.tlchgrsmll[href$=".DOC"]:hover,
a.tlchgrsmll[href$=".docx"]:hover,
a.tlchgrsmll[href$=".DOCX"]:hover,
a.tlchgrsmll[href$=".rtf"]:hover,
a.tlchgrsmll[href$=".RTF"]:hover	{ color:#004CB8; }
a.tlchgrsmll[href$=".pdf"]:hover,
a.tlchgrsmll[href$=".PDF"]:hover	{ color:#D82125; }*/

ul#portfolio						{ }
ul#portfolio li						{ list-style:none; }

ul.fil_ariane						{ margin:3px 0 15px 0; height:24px; line-height:24px; display:block; }
ul.fil_ariane li					{ list-style:none; display:inline; }
ul.fil_ariane li h1					{ font-size:12px; line-height:24px; display:inline; }
ul.fil_ariane li a,
ul.fil_ariane li h1 a				{ color:#000000; padding:3px 0; }
ul.fil_ariane li a.last,
ul.fil_ariane li h1 a.last			{ color:#FFFFFF; padding:3px 5px; }
ul.fil_ariane li a.last:hover,
ul.fil_ariane li h1 a.last:hover	{ color:#FFFFFF; }
ul.fil_ariane li a:hover,
ul.fil_ariane li h1 a:hover 		{ color:#FFFFFF; text-decoration:none; }

ul.fil-erreur li					{ color:#FFFFFF; background-color:#4A382C; padding:3px 5px; }

.plan								{ margin-top: 20px; }
.plan ul							{ margin:0 0 0 20px; padding:0; list-style-type: none; }
.plan li							{ margin:0; padding:0 0 0 0; list-style:none; }
.plan li a							{ text-decoration:none;  font-size:16px; line-height: 1.6em;
									  -webkit-transition: color .5s ease-in-out;
									  -moz-transition: color .5s ease-in-out;
									  -o-transition: color .5s ease-in-out;
									  transition: color .5s ease-in-out; }
.plan li a:hover					{ color:#000; }
.plan li.last						{ margin:0; }
.plan li ul							{ margin:0 0 0 10px; }


p.smal								{ font-style:italic; font-weight:bold; font-size:11px; margin-top:2px; }

p.map								{ text-align:right; margin-top:7px; }

p.links span						{ font-weight:bold; color:#E1CFA3; }
p.links a							{ font-weight:normal; color:#FFFFFF; }
p.links a:hover						{ color:#E1CFA3; }
div.livre							{ margin-top:15px; }

a.salon								{ display:block; font-size:12px; background-color:#333333; color:#FFFFFF; margin:0; padding:3px 6px; border-top:1px #FFFFFF solid; }
a.salon + div						{ margin:7px 0; overflow:hidden; }
a.salon + div img					{ width:150px; float:left; margin:0 7px 0 0; }

div.equipe							{ width:695px; height:177px; background:url("../img/l-equipe.jpg") left top no-repeat; padding-top:285px; }
div.equipe:hover					{ }
div.equipe table					{ display:none; background:#300F07 url("../img/bg-header.jpg") center top no-repeat; width:440px; margin:0 auto; border-collapse:collapse; }
div.equipe table tr					{ }
div.equipe table tr td				{ width:110px; vertical-align:top; padding:8px 5px; text-align:center; font-size:10px; border:1px #FFFFFF solid; }
div.equipe table tr td strong		{ margin-bottom:5px; display:block; color:#E1CFA3; }
div.equipe:hover table				{ display:block; }

/* turn.min.js (box_livre_or.php) */
#magazine							{ width:690px; height:400px; margin:10px 0 0 0; font-size:12px; }
#magazine h2						{ color:#FFFFFF; font-weight:bold; text-align:right; font-style:italic; font-size:12px; }
#magazine .turn-page				{ /*width:345px; height:400px; background-color:#ccc; background-size:100% 100%;*/ }
#magazine div.page					{ background-color:#300F07; }
#magazine div.page div				{ padding:15px; }

/* pageflip.js (box_livre_or.php) */
#book {
	background:url("../img/book.png") no-repeat;
	position:absolute;
	width:690px;
	height:260px;
}

#pages section {
	background:url("../img/paper.png") no-repeat;
	display:block;
	width:330px;
	height:250px;
	position:absolute;
	left:345px;
	top:5px;
	overflow:hidden;
}

#pages section>div {
	display:block;
	width:300px;
	height:230px;
	font-size:11px;
	color:#000000;
	padding:10px 15px;
}

#pages section>div br {
	line-height:0.5em;
}

#pages section p {

}

#pages section h2 {
	border-bottom:1px #333333 solid;
}

#pageflip-canvas {
	position:absolute;
	z-index:100;
}

/*
 * MENUS ----------------------------------------------------------
 */

/* menu */
ul#menu						{ position: absolute; display:block; text-align:center; margin: 15px; width:560px; bottom: 0; right: 0;}
ul#menu li 					{ list-style:none; display:block; text-align:center; padding:0; float:left;}
ul#menu li:hover,
ul#menu li.current			{ }
ul#menu li.last				{ }
ul#menu li a				{ color:#717171; display:block; font-size:18px; text-decoration:none; padding: 8px 18px;}
ul#menu li.current a,
ul#menu li.current a:hover	{ color: white; background-color: #1a88a1; box-shadow: -1px 2px 10px 1px rgba(0, 0, 0, 0.3) inset;}
ul#menu li:hover a,
ul#menu li a:hover			{ color: #1a88a1;}


ul#menu li ul				{ display:none; position: absolute; margin: 0; width: 730px; left: 0;}
ul#menu li:hover ul			{ display:block; }
ul#menu li ul li			{ display:block; text-align:left; margin:0; padding:0; }
ul#menu li ul li:hover,
ul#menu li ul li.current	{ background:none; }
ul#menu li ul li.current	{ }
ul#menu li ul li.last		{ }
ul#menu li ul li a,
ul#menu li:hover ul li a,
ul#menu li.current ul li a	{ color: #233e7b; font-size: 12px; background: none; 
										-webkit-transition: color .3s ease-in;
										-moz-transition: color .3s ease-in;
										-o-transition: color .3s ease-in;
										transition: color .3s ease-in;}
ul#menu li:hover ul li:first-child .section,
ul#menu li.current ul li:first-child .section { padding: 5px 10px 5px 30px; }
ul#menu li:hover ul li:first-child .vie,
ul#menu li.current ul li:first-child .vie { padding: 5px 10px 5px 140px; }
ul#menu li:hover ul li:first-child .media,
ul#menu li.current ul li:first-child .media { padding: 5px 10px 5px 390px; }
ul#menu li ul li.current a,
ul#menu li ul li a:hover	{ color:#4376B2; }


ul#menu-actu						{ position: relative; display:block; text-align:center; margin-bottom: 40px; height: 25px;}
ul#menu-actu li 					{ margin: 0 24px; margin: 0 22px\9; list-style:none; display:block; text-align:center; padding:0; float:left;}
ul#menu-actu li:first-child			{ margin: 0 24px 0 0;}
ul#menu-actu li:last-child			{ margin: 0 0 0 24px; }
ul#menu-actu li:hover,
ul#menu-actu li.current			{ }
ul#menu-actu li.last				{ }
ul#menu-actu li a				{ text-align: center; color:#FFF; display:block; font-size:14px; text-decoration:none; padding: 5px 0; background:url(../img/bg_bouton_actualite.png) no-repeat; width: 119px; height: 15px;}
ul#menu-actu li:hover a,
ul#menu-actu li.current a,
ul#menu-actu li a:hover			{ background: url(../img/bg_bouton_actualite_hover.png) no-repeat;}


ul#menu-actu li ul				{ display:none; position: absolute; margin: 0; width: 730px; left: 0;}
ul#menu-actu li:hover ul			{ display:block; }
ul#menu-actu li ul li			{ display:block; text-align:left; margin:0; padding:0; }
ul#menu-actu li ul li:hover,
ul#menu-actu li ul li.current	{ background:none; }
ul#menu-actu li ul li.current	{ }
ul#menu-actu li ul li.last		{ }
ul#menu-actu li ul li a,
ul#menu-actu li:hover ul li a,
ul#menu-actu li.current ul li a	{ color: #233e7b; font-size: 12px; background: none; 
										-webkit-transition: color .3s ease-in;
										-moz-transition: color .3s ease-in;
										-o-transition: color .3s ease-in;
										transition: color .3s ease-in;}
ul#menu-actu li:hover ul li:first-child .section,
ul#menu-actu li.current ul li:first-child .section { padding: 5px 10px 5px 30px; }
ul#menu-actu li:hover ul li:first-child .vie,
ul#menu-actu li.current ul li:first-child .vie { padding: 5px 10px 5px 140px; }
ul#menu-actu li:hover ul li:first-child .media,
ul#menu-actu li.current ul li:first-child .media { padding: 5px 10px 5px 390px; }
ul#menu-actu li ul li.current a,
ul#menu-actu li ul li a:hover	{ color:#4376B2; }

.sous-menu-block					{ float: left; margin: 0 55px 25px 0; position: relative; z-index: 2; }
ul.sous-menu						{ display:block; text-align:center; margin: 0; width:265px; background: url(../img/bg_sous_menu.png) repeat-y; padding: 15px 0; margin-top: -6px;}
ul.sous-menu li 					{ list-style:none; display:block; text-align:center; padding:0;}
ul.sous-menu li:hover,
ul.sous-menu li.current				{ }
ul.sous-menu li.last				{ }
ul.sous-menu li a				{ color:#1a88a1; display:block; font-size:22px; text-decoration:none; padding: 8px 18px; width: 225px; margin: 0 auto;}
ul.sous-menu li.current a{ /*color: white; background-color: #1a88a1; box-shadow: -1px 2px 10px 1px rgba(0, 0, 0, 0.3) inset;*/}
/*ul.sous-menu li:hover a,
ul.sous-menu li a:hover			{ color: #1a88a1;}*/

ul.sous-menu li ul li a.cursor-default, ul.sous-menu li:hover ul li a, ul.sous-menu li:hover ul li a.cursor-default { color: #1a88a1; display: block; font-size: 22px; text-decoration: none; padding: 8px 18px; width: 225px; margin: 0 auto; }

ul.sous-menu li ul				{ display:block; left: 0; margin: 0;}
ul.sous-menu li ul li			{ display:block; text-align:left; margin:0; padding:0; }
ul.sous-menu li ul li:hover,
ul.sous-menu li ul li.current	{ background:none; }
ul.sous-menu li ul li.current	{ }
ul.sous-menu li ul li.last		{ }
ul.sous-menu li ul li a,
ul.sous-menu li:hover ul li a,
ul.sous-menu li.current ul li a	{ text-align: center; color: #717171; font-size: 16px; background: none; height: 25px; padding: 0;width: 265px; box-shadow: none;}
ul.sous-menu li:hover ul li:first-child .vie,
ul.sous-menu li.current ul li:first-child .vie { padding: 5px 10px 5px 140px; }
ul.sous-menu li:hover ul li:first-child .media,
ul.sous-menu li.current ul li:first-child .media { padding: 5px 10px 5px 390px; }
ul.sous-menu li ul li.current a, ul.sous-menu li ul li.current a:hover, 
ul.sous-menu li ul li a:hover	{ color:#343434; background: url(../img/bg_sous_menu_hover.png) no-repeat 17px 0; box-shadow: none;}
ul.sous-menu li ul li li a:last-child	{ font-size:13px; background:none;}

.fin_sous_menu				{ background: url(../img/bg_sous_menu_fin.png) no-repeat; width:265px; height: 85px; }
/* sous-menu */
ul#sousmenu					{ margin:75px 0 0 10px; padding:8px 0 0 13px; position:absolute; z-index:9; background:url("../img/bg-sousmenu.png") top left no-repeat; height:22px; width:957px; }
ul#sousmenu	li				{ margin:0 17px 0 0; padding:0; list-style:none; display:inline-block; *display:block; *float:left; *height:27px; }
ul#sousmenu	li a			{ padding-bottom:4px; color:#A29B95; font-weight:bold; border-bottom:8px transparent solid; text-transform:lowercase; *display:block; font-size:12px; }
ul#sousmenu	li a:hover,
ul#sousmenu	li a.active		{ border-bottom:8px #E1CFA3 solid; }



ul.sous-menu li ul li ul li a,
ul.sous-menu li:hover ul li ul li a,
ul.sous-menu li.current ul li ul li a	{ text-align: center; color: #717171; font-size: 13px; background: none; height: 25px; padding: 0;width: 265px; box-shadow: none;}
ul.sous-menu li ul li ul li.current a, ul.sous-menu li ul li ul li.current a:hover, 
ul.sous-menu li ul li ul li a:hover	{ color:#aaa; background: url(../img/bg_sous_menu_hover.png) no-repeat 17px 0; box-shadow: none; font-size: 13px;}
ul#sousmenu	li ul li ul li a:hover,
ul#sousmenu	li ul li ul li a.active		{ border-bottom:8px #E1CFA3 solid; }
ul.sous-menu li ul li ul li 			{ display:block; left: 0; margin: 0;}
ul.sous-menu li ul li ul li 			{ display:block; text-align:left; margin:0; padding:0; }
ul.sous-menu li ul li ul li a:hover,
ul.sous-menu li ul li ul li .current	{ background: url(../img/bg_sous_menu_hover.png) no-repeat 17px 0; font-size: 13px;}

ul.sous-menu a[href="#"]:hover { cursor: default; }
ul.sous-menu li ul a[href="#"]:hover { background-image: none; color: inherit; }


div#fil-ariane {
	display:block;
}
div#fil-ariane ul {
	list-style-type:none;
	list-style-position:outside;
	padding:0;
	margin:0;
}
div#fil-ariane ul li {
	float:left;
	display:inline;
}
div#fil-ariane ul li a { }

/* coords */
div#coords { text-align:center; color:#8C837B; margin:15px 0 0 0; *margin:4px 0 0 0; font-size:11px; height:33px; }
div#coords a { color:#8C837B; text-decoration:none; }
div#coords ul { }
div#coords ul li { list-style:none; color:#6B5543; display:inline; margin:0 2px; }
div#coords ul li a { color:#6B5543; }


div#footer a.at				{ display:block; float:right; margin:-5px 5px 5px 0; }
div#footer a.logs			{ display:block; float:left; margin:18px 5px 5px 5px; }
div#footer a.logs img		{ }

/*div#footer ul						{ }
div#footer ul li 					{ }
div#footer ul li.reset				{ }
div#footer ul li.col2				{ }
div#footer ul li.col3				{ }
div#footer ul li.last,
div#footer ul li.last a,	
div#footer ul li.last ul li			{ }
div#footer ul li a					{ }
div#footer ul li a:hover			{ }
div#footer ul li.current a,
div#footer ul li.current ul li a	{ }
div#footer ul li ul					{ }
div#footer ul li ul li				{ }
div#footer ul li ul li.last			{ }
div#footer ul li ul li.current		{ }
div#footer ul li ul li:last-child	{ }
div#footer ul li ul li a			{ }
div#footer ul li ul li a:hover,
div#footer ul li ul li.current a 	{ }*/

div#links,
div#copyright						{ color:#FFFFFF; font-size:11px; float:left; width:497px; font-weight:bold; }

div#links a,
div#copyright a						{ color:#FFFFFF; }

div#links							{ text-align:left; }
div#copyright						{ text-align:right; }

/*
 * STYLES PERSONNALISES ----------------------------------------------------------
 */

/*
* tables */

/*
* formulaires */
.required { color:#CC0000; }
fieldset.normal { /*margin:10px auto; border:1px #cacaca solid; padding:1em 2em; background:#ffffff;*/ margin:0; border:none; display:block; text-align:left; }
fieldset.normal legend { font-size:1.5em; background-color:transparent; margin:0 0 0 -0.3em; }
fieldset.normal legend.img{ margin:0 0 0 -0.7em; }
fieldset.normal p { text-align:center; margin-bottom:5px; }
fieldset.normal ul { }
fieldset.normal ul li { list-style-type:none; margin-bottom:0.2em; }
fieldset.normal legend img { display:inline; }
fieldset.normal label { display:block; margin:0; font-weight:bold; }
fieldset.normal .inline { display:inline; }
fieldset.normal input { vertical-align:middle; }
fieldset.normal input[type=text], fieldset input[type=password] { display:block; width:97%; vertical-align:middle; }
fieldset.normal input[type=file] { display:block; }
fieldset.normal input[type=text]:focus, fieldset.normal textarea:focus {  }
fieldset.normal select { width:100%; display:block; }
fieldset.normal textarea { display:block; width:97%; height:6em; line-height:1.3em; }
fieldset.normal textarea.big { height:12em; }

/*
* sitemap */
ul.acc									{ margin:0; padding:0; }
ul.acc li								{ margin:0; padding:0; list-style:none; text-align:center; color:#000000; font-weight:bold; }
ul.acc li h2							{ margin:0; }

table.sitemap							{ width:704px; }
table.sitemap tr td 					{ vertical-align:top; }

table.sitemap tr td ul 					{ margin:0 0 0 3px; padding:0; width:173px; }
table.sitemap tr td ul li 				{ margin:0; padding:0; list-style:none; text-align:left; color:#4A382C; font-weight:bold; }
table.sitemap tr td ul li a 			{ color:#4A382C; }
table.sitemap tr td ul li a:hover		{ text-decoration:none; }
table.sitemap tr td ul li ul			{ margin:0; padding:0; width:160px; }
table.sitemap tr td ul li ul li 		{ margin:0; padding:0 0 0 15px;  }
table.sitemap tr td ul li ul li a 		{ margin:0; padding:0; font-size:11px; height:17px; }
table.sitemap tr td ul li ul li a:hover	{ }

/*
* bloc actualités */
.block_actualites {  }
.block_actualites ul { list-style-type:none; list-style-position:outside; margin:0; padding:0; }
.block_actualites li { display:block; margin:0 5px 1em 0; padding:0.5em; background-color:#F6F6F6; width:45%; float:left; }
.block_actualites a.link_rss { float:right; margin:-3.0em 0 0 0; font-size:9px; text-transform:uppercase; color:#FF9E00; padding:3px 5px; } 
.block_actualites a.link_rss:hover { background-color:#FF9E00; color:#ffffff; } 
.block_actualites h3 { display:block; border-bottom:1px #00CCCC dotted; padding:0.5em; margin:0;  }
.block_actualites .img { float:right; margin:0 0.5em 0 1em; clear:left; }
.block_actualites .texte { background-color:#ffffff; padding:1em; text-align:justify; }
.block_actualites .date { display:block; font-size:9px; color:#cccccc; text-transform:uppercase; text-align:right; padding:0 1em; background-color:#FFFFFF; }

.block_actualites.mini { clear:both; width:35%; float:right; background-color:#EFF4FA; padding:1em; }
.block_actualites.mini li { width:100%;  }
.block_actualites.mini h2 { margin:0; padding:0 0.5em;  }
.block_actualites.mini h3 a { display:block; padding:0.5em; text-decoration:none; }
.block_actualites.mini h3 a:hover { background-color:#ffffff; }
.block_actualites.mini .img { height:5em; position:relative; }
.block_actualites.mini .texte { font-size:11px; }

/*
* formulaire de contact */
.contact-droite{ float: right; width: 450px; }
.contact-gauche{ float: left; width: 450px; }
#form_news										{ margin:0 0 0 0; }
#form_news, #form_contact						{ border:0; padding:0; }
#form_contact									{ width: 980px; margin-top: 40px;}
#form_news .required, #form_contact .required				{ color:#AE1420; }
#form_news legend, #form_contact legend				{ }
#form_news legend.img, #form_contact legend.img			{ }
#form_news ul, #form_contact ul 					{ margin:0; padding:0; }
#form_news ul li, #form_contact ul li					{ list-style:none; float:left; *float: none;}
#form_news ul li.chuck, #form_contact ul li.chuck			{ margin-right:15px; *margin-right:30px; }
#form_news ul li.norris, #form_contact ul li.norris			{ *margin-right:10px; }
#form_news legend img, #form_contact legend img			{ }
#form_news label, #form_contact label					{ width:338px; display:block; margin:0 1px 5px 1px; height:20px; }
#form_news label.error, #form_contact label.error			{ display:none !important; }
#form_news .inline, #form_contact .inline				{ }
#form_news input, #form_contact input					{ margin:0 0 8px 0; *margin:0 0 6px 0; padding:3px; width:400px; *width:320px; background-color:#FFFFFF; border: none; border-radius: 10px; font-size: 14px;}
#form_news input.radio, #form_contact input.radio			{ margin:0; padding:0; width:auto; }
#form_news input.error, #form_contact input.error 			{ color:#FFFFFF; background-color:#D2D0D2; margin-bottom:5px !important; *margin-bottom:3px !important; }
#form_news input#captcha_code, #form_contact input#captcha_code	{ margin-bottom:0 !important; /*margin:2px 0 0 5px !important;*/ }
#form_news input.submit, #form_contact input.submit			{ color: white; background: url(../img/bg_bouton_ciel.png); width: 106px; border:0; margin:0; cursor:pointer; /*width:69px;*/ float:right;/**float:left;*/ height: 34px; border-radius: 0 0 0 0;}
#form_news input.news, #form_contact input.news			{ height:25px; width:126px; float:right; font-size: 10px;  }
#form_news input.inputFile, #form_contact input.inputFile		{ /*display:none;*/ opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; }
#form_news input.inputText, #form_contact input.inputText		{ border:none; width:253px; height:18px; padding:3px 114px 3px 3px !important; background:transparent url("../img/bg-parcourir.png") top left no-repeat; cursor:pointer; }
#form_news input.inputText:hover, #form_contact input.inputText:hover	{ background:transparent url("../img/bg-parcourir-hover.png") top left no-repeat; }
#form_news input.submit:hover, #form_contact input.submit:hover	{ color: #323131; } 
#form_news select, #form_contact select				{ margin:0; background-color:#EBEBEF; height:24px; width:223px; padding:3px 3px 3px 0; border:0; }
#form_news select.error	, #form_contact select.error			{ background-color:#E00019; color:#FFFFFF; }
#form_news textarea, #form_contact textarea				{  margin:0 0 8px 0;  padding:3px; width:400px;  *width: 320px; height:97px; height:100px\9; background-color:#FFFFFF; border: none; border-radius: 10px; font-size: 14px; }
#form_news textarea.rappel, #form_contact textarea.rappel		{ height:106px; height:109px\9; }
#form_news textarea.error, #form_contact textarea.error		{ margin:0 0 5px 0 !important; /**margin:0 0 2px 0 !important;*/ background-color:#D2D0D2; color:#FFFFFF; }
#form_news #captcha_code.error, #form_contact #captcha_code.error	{ /*margin:0 0 0 5px !important;*/ }
div.success,
div.error							{ /*margin-top:10px;*/ font-weight:bold; text-align:center; *width:674px; }

#form_news ul li.vous_etes, #form_contact ul li.vous_etes		{ float:none; }
#form_news ul li.vous_etes input, #form_contact ul li.vous_etes input	{ float:left; width:13px; height:13px; padding:0; background-color:transparent; }
#form_news ul li.vous_etes label, #form_contact ul li.vous_etes label	{ float:left; width:auto; font-weight:normal; }
span.label							{ font-weight:bold; margin-bottom:2px; display:block; }

div.achtung,
div#div_msg							{ /*margin-top:15px;*/ }
div.success, div.error { /*width: 310px;*/ }
/*
* gestion des erreurs */
div.erreur		{ padding-bottom:19px; font-family:Arial, Helvetica, sans-serif; }
span.erreurdesc	{ display:block; font-weight:bold; color:#FFFFFF; font-size:24px; text-transform:uppercase; text-align:center; z-index:101; }
span.erreurnum	{ display:block; font-weight:bold; color:#FFFFFF; font-size:144px; z-index:100; text-align:center; line-height:106px; }

div.erreurp		{ padding-top:57px; }

/*
* png fix */
a.pub-nom { behavior:url("/common/js/iepngfix/iepngfix.htc"); }


/*
* Accueil */
.text-accueil{ width: 550px; text-align: justify; margin-bottom: 80px; float: left;}
.bg-image-accueil{ width: 100%; background:url(../img/bg_image_accueil.jpg) repeat-x;  position: relative; z-index: 2;}
.ombre-image-accueil{ width: 100%; background:url(../img/ombre_img_accueil.png) repeat-x; position: relative; z-index: 4;}
.img-acc{ width: 245px; height: 371px; float: left;}
.img-acc-description{ color: white; display: none; width: 245px; text-align: center; padding: 148px 0 0 0; height: 223px;}
.ombre-img-acc{ width: 245px; height: 371px; background:url(../img/ombre_img_accueil.png) repeat-x; position: absolute; top: 0; z-index: 4; *margin-left: -245px;}
.ombre-img-acc:hover{ background-image:url(../img/slider_hover.png); }
.ombre-img-acc:hover .img-acc-description{ display: block; }
.image-accueil{ width: 1470px; margin: 0 auto; height: 371px; margin-bottom: 35px;} 
@media screen and (max-width: 1470px) {
	.img-acc:first-of-type{ display: none; }
	.img-acc:last-of-type{ display: none; }
	.image-accueil{ width: 980px; margin: 0 auto; height: 371px; margin-bottom: 35px;}  
}

#actualites{ float: right; position: relative; *margin-bottom: 40px; *margin-top: 50px; padding: 0 17px;}
#actu-bouton{}
#retour-actus{ color:white; background:url(../img/bg_bouton_retour_actu.png); display:block; margin:auto; width:176px; margin-bottom:25px; }
#retour-actus-right{ color:white; background:url(../img/bg_bouton_retour_actu.png); display:block; position:absolute; top:40px; right:50px; width:176px; }
#retour-actus:hover{ color: #323131; }
#actu-liste li{ padding: 20px 10px; }
#actu-liste li:hover{ background-color: #D2D0D2;color: white; *background-color: transparent;}
#actualites-content{ background: url(../img/bg_actu.png) repeat-y; width: 360px; padding:0 7px 0 5px; color:#717171; font-size: 14px;}
#actualites-content a{ border-bottom:1px #DDDDDD solid; display:block; }
#actualites-content a:last-child{ border-bottom:0; }
#petite-actu:hover h4{ color: #FFF; }
#petite-actu:hover .date{ color: #d9d9d9; }
#petite-actu{ width:300px; /*height:32px;*/ padding:15px 30px;  }
#petite-actu:hover{ background:url(../img/bg_petite_actu.png) no-repeat 0; }
#fin-actualites-content{ background: url(../img/bg_fin_actu.png) no-repeat; width: 372; height: 12px; }
#debut-actualites-content{ background: url(../img/bg_debut_actu.png) no-repeat; width: 372; height: 40px; padding: 27px 0 0 17px; *width: 372px; }
#debut-actualites-content h4{color: #FFF; }
#actualites-content .actu_suite{ background: url(../img/bg_bouton_lire_suite.png) no-repeat; width: 69px; height: 17px; display: block; color: #FFF; font-size: 10px; padding: 4px 0 0 10px; position: absolute; right: 0; margin-right: 15px;}
.date{ color: #1a88a1; margin-top: 3px; margin-bottom: 6px; }


#planning{ float: right; position: relative; *margin-top: 50px;}
#planning-bouton{ background: url(../img/bg_planning.png) no-repeat; color: #FFF;  width: 172px; height: 108px; padding: 10px 0 0 35px; position: absolute; top: 44px; *top: -44px; left: 63px;}
#planning-content{ background-color: #e4e3e3; border-radius: 7px; width: 230px; margin-top: 90px; padding: 15px; color:#2c2c2c; font-size: 12px;}
#choix-planning							{ background: url(../img/bg_choix_planning.png) no-repeat; width: 215px; height: 29px; position: relative; margin: 0 auto; color: white; text-align: center; padding: 7px 0 0 0; margin-bottom: 10px;}
.evenements								{ position: relative; width: 200px; margin: 0 auto;}
ul.agenda li							{ list-style:none; text-align:center;  padding:0 5px 5px 5px; }
ul.agenda li.li_mois					{ display:none; }
ul.agenda li table						{ border-collapse:collapse; background: #ebedef;}
ul.agenda li table tr					{ }
ul.agenda li table tr td				{ text-align:center; border:1px #FFFFFF solid; height:19px; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:25px !important; }
ul.agenda li table tr td.leg			{ }
ul.agenda li table tr td.leg a			{ /*line-height:25px;*/ }
ul.agenda li table tr td.auj a,
ul.agenda li table tr td.auj span.blo	{ font-weight:bold; border:1px #666666 solid; width:23px; line-height:17px; }
ul.agenda li table tr td.eve			{ background-color:#cfd4da; }
ul.agenda li table tr td.eve:hover		{ background-color:#adb2b9; }
ul.agenda li table tr td a,
ul.agenda li table tr td span.blo		{ text-decoration:none; display:block; width:25px; line-height:19px; }
ul.agenda li table tr td a.precedent,
ul.agenda li table tr td a.suivant,
ul.agenda li table tr td span.annee 	{ color:#000000; font-weight:bold; }
ul.agenda li table tr td.eve:hover a	{ color:#FFFFFF; }

#agenda1, #agenda2, #agenda3, #agenda4, #agenda5, #agenda6, #agenda7, #agenda8{ display: none; }
/*
* BB */
#animatrices{ position: relative; padding: 60px 0 60px 0;}
#animatrices-bouton{ background: url(../img/bg_animatrices.png) no-repeat; color: #FFF;  width: 130px; height: 109px;position: absolute; padding: 10px 0 0 98px; position: absolute; top: 13px; left: -9px;}
#animatrices-content{ background-color: #e4e3e3; border-radius: 7px; width: 298px; padding: 15px; color:#2c2c2c; font-size: 12px;}
#animatrices-content table td{ text-align: center; }


.page-contenu				{ width:635px; float: right; }
.page-contenu h1			{ color: #1A88A1; }
.page-contenu .textepage strong{ color: #343434; }


/*
* Competition */
.competition-categorie{ font-size: 16px; color: #233e7b; width: 832px; height: 50px; padding: 10px 0 0 15px; }
#groupe-pass{ background:url(../img/fd_groupe_pass.png) no-repeat;  }
#avenir{  background:url(../img/fd_avenir.png) no-repeat }
#poussins{  background:url(../img/fd_poussin.png) no-repeat }
#benjamins, #sauv-nage{ background:url(../img/fd_benjamin.png) no-repeat  }
#mini-cad-ju{  background:url(../img/fd_mini_cad_ju.png) no-repeat }
#pass-competition, #passport-eau{  background:url(../img/fd_pass_competition.png) no-repeat }
.categorie-content{ width: 546px; border-radius: 20px; background: #e4e3e3; padding: 15px; margin: 25px 0; position: relative;}
.categorie-content img{ cursor: pointer; }
.categorie-content img{ position:absolute; right: -5px; bottom: -3px;  }
.categorie-content p{ text-indent: 35px; }
#content1, #content2, #content3, #content4, #content5, #sauv-nage-content, #pass-competition-content, #passport-eau-content { display: none; }
.groupe-bouton{ float: right; margin-right: 200px; margin-bottom:10px; }
.inline{ background: url(../img/fd_bouton_categ.png) no-repeat; width: 128px; height: 21px; padding: 6px 0 0 0; text-align: center; display: inline-block; color: white!important; }
.inline:hover{ color: #1C3F7B!important; }
.groupe-bouton a.inline { height:auto; margin-bottom:5px; padding-bottom:5px; background:none; background-color:#F49818; border-radius:10px 10px 10px 10px; }
.categorie{ position: relative;}
.categorie-img{ position: absolute; right: 0; }
.bouton-club{ background: url(../img/fd_bouton_club.png) no-repeat; width: 178px; height: 21px; padding: 3px 0 0 0; text-align: center; display: inline-block; color: white!important; }
.bouton-club:hover{ color: #1C3F7B!important; }
#result{ position: relative; float: right; margin-bottom: 60px;}
#result-bouton{ background: url(../img/bg_bouton_result.png) no-repeat; color: #FFF;  width: 137px; height: 108px;position: absolute; position: absolute; top: 3px; left: -9px; padding: 10px 0 0 95px; }
#result-content{ background-color: #e4e3e3; border-radius: 7px; width: 262px; padding: 15px; color:#2c2c2c; font-size: 12px; margin-top: 50px;}
#result-content .result_suite{ background: url(../img/bg_bouton_result_suite.png) no-repeat; width: 119px; text-align: center; bottom: 20px; height: 21px; display: block; color: #FFF; font-size: 12px; padding: 4px 0 0 0; position: absolute; right: 0; margin-right: 15px;}
#result-content p{ text-indent: 20px; }

div.cal { padding-bottom:5px; }
div.cal ul { margin-left:0; }

/*
*Partenaire */
#partenaire{ margin: 60px auto; }
.bloc-partenaire{ background:url(../img/bg_partenaire.png) no-repeat; text-align: center; width: 200px; height: 171px; float: left; padding: 20px 5px; margin: 15px; position: relative;}
.texte-partenaire{ text-align: center; color: #595658;}

/*
*Triathlon */
.droite-triathlon{ float: right; width: 450px; line-height: 1.5em; margin-top:40px; }
.gauche-triathlon{ float: left; width: 450px; line-height: 1.5em; margin-top:40px; }
.droite-triathlon h2, .gauche-triathlon h2{ margin-bottom: 20px; }
.droite-triathlon ul, .gauche-triathlon ul {margin-left: 15px;}
.droite-triathlon img, .gauche-triathlon img{ display: block; margin: 0 auto 20px auto; }

/*
* Encadrements */
.encadrements{ position: relative; padding: 60px 0 60px 0;}
.titre-encadrements{ background: url(../img/bg_animatrices.png) no-repeat; color: #FFF;  width: 100px; height: 109px;position: absolute; padding: 10px 0 0 128px; position: absolute; top: 13px; left: -9px;}
.encadrements-content{ background-color: #e4e3e3; border-radius: 7px; width: 415px; padding: 15px; color:#2c2c2c; font-size: 12px;}
.membre-encadrements{ float: left; margin: 0 9px; text-align: center; width: 119px; height:169px; }



/*
* Actu */
.titre_actu{ font-size: 18px;color: #dc8205; text-align: left; margin: 10px 0; }
.date_actu{ font-style: italic; color: #565658; font-size: 12px; }

/*
*General */
.bg-image-page{ width: 100%; background:url(../img/bg_image_page.png) repeat-x;  position: relative; z-index: 3; height: 6px;}
.bloc-contenu{ background:url(../img/bg_bloc_contenu.png) no-repeat; text-align: center; width: 117px; height: 130px; float: left; padding: 15px; margin: 15px;}
.bloc-contenu img{ margin-bottom: 17px; }
.bloc-contenu a{color: #FFF;
				-webkit-transition: all .4s ease-in-out;
				-moz-transition: all .4s ease-in-out;
				-o-transition: all .4s ease-in-out;
				transition: all .4s ease-in-out;}
.bloc-contenu a:hover{ opacity: 0.6; }
.droite{ float: right; margin-top: 55px;}
.nat-table{  }
.nat-table th { background: #F49819; color: #FFF; padding: 7px;}
.nat-table td{ padding: 7px; }
.nat-table tr:nth-child(odd) { background:#E4E3E3; color: #2c2c2c; }
.nat-table tr:nth-child(even) { background:#ebebeb; color:#2c2c2c; }


.separation { background:url('/medias/images/separation.png') repeat-x left bottom; }

#savoir { border:solid #FFF 1px; padding:3px 6px; margin-left:40px; font-weight:bold; color:#FFF; background-color:#1A88A1; border-radius:2px; cursor:pointer; }
#savoir:hover { background-color:#6BBAB4; }
#lesavoir { border:solid #1A88A1 2px; padding:12px; border-radius:22px; margin-top:-2px; }
a.cursor-default { cursor: default !important; }
#form_membres input { margin: 0 0 8px 0; *margin: 0 0 6px 0; padding: 3px; width: 400px; *width: 320px; background-color: #FFFFFF; border: none; border-radius: 10px; font-size: 14px; }
#form_membres li { list-style-type: none; line-height: 30px; }
#form_membres button { color: white; background: url(../img/bg_bouton_ciel.png); width: 106px; border: 0; margin: 0; cursor: pointer; float: right; height: 34px; border-radius: 0 0 0 0; }
#form_membres label { display: block; }
#documents ul { list-style: url(../img/puce.png); }
.fl { float: left; }
.mr25p { margin-right: 25px; }
.inbl { display: inline-block; }
.btn-retour { position: relative; float: right; background: #175a52; border-right: 2px solid #114e46; border-bottom: 2px solid #114e46; width: 106px; height: 34px; line-height: 34px; vertical-align: middle; text-align: center; color: #fff !important; }
.content { display: inline-block; width: 621px; padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }