/*================================		F O N  T S		================================================================================================================================*/			

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/open-sans/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('../fonts/open-sans/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/open-sans/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../fonts/open-sans/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.eot');
    src: url('../fonts/open-sans/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../fonts/open-sans/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans_condensedlight';
    src: url('../fonts/open-sans/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/open-sans/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../fonts/open-sans/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'pictos';
    src: url('../fonts/pictos/modernpics-webfont.eot');
    src: url('../fonts/pictos/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pictos/modernpics-webfont.woff') format('woff'),
         url('../fonts/pictos/modernpics-webfont.ttf') format('truetype'),
         url('../fonts/pictos/modernpics-webfont.svg#modern_pictogramsnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}





/*================================		B A S E		================================================================================================================================*/

body, html, h1, h2, h3, h4, h5, h6, h7, h8, td, tr, th, textarea, input{
	font-size:15px;
	font-family:'open_sansregular',Frutiger, "Frutiger LT", "Frutiger LT Std",Arial, Helvetica, sans-serif;
}

body, html{
	margin:0;
	padding:0;	
	height:100%;	
	min-height:100%;
}

 h1, h2, h3, h4, h5, h6, h7, h8{
	 font-family:'open_sans_condensedbold',Frutiger, "Frutiger LT", "Frutiger LT Std",Arial, Helvetica, sans-serif;
	color:#00246c;
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
	padding:0;
 }
 h2{
	text-align:center;
	font-size:3em;
	margin-bottom:.3em;
}
h2 a{
	text-decoration:none;	
 }
 h3{
	 text-align:center;
	 margin-top:1.5em;
 }
 
  h3:first-child{
	margin-top:0;  
  }

label{
	display:inline-block;	
}

input{
	border:1px solid #958d85;
	padding:2px;
	-webkit-appearance: none;
		border-radius:0;	
}

a{
	color:#005daa;	
	transition:color .5s;
	-webkit-transition:color .5s; /* Safari */
}

.a-sel{
	text-decoration:none;	
}

a:hover, .c-infobox  a:hover{
	color:#ff7600;
	
	
}


a[target="_blank"]:after{
	content:"";
	display:inline-block;
	width:12px;
	height:1em;
	background-image:url(../graph/blank.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.break, .clear{
	clear:both;	
}
/*================================		E L E M  D E B A S E		================================================================================================================================*/


.btn, button, input[type="submit"]{
	background-color:#958d85;
	margin:5px 0;
	color:#c5c1bb;
	text-transform:uppercase;
	border-color:#675d58;
	padding:2px;
}


.btn:hover, button:hover, input[type="submit"]:hover{
	color:#ffffff;
	border-color:#fff;
	border-bottom-color:#000;
	border-right-color:#000;
}

.btn:active, button:active, input[type="submit"]:active{
	padding-top:1px;
	padding-bottom:3px;
	color:#ffffff;
	border-color:#000;
	border-bottom-color:#fff;
	border-right-color:#fff;
}

.bold{
	font-weight:bold;
}
.italic{
	font-style:italic;
}

.indic{
	font-style:italic;
	color:#675d58;
}

.barre{
	text-decoration:line-through;
}

.uCase{
	text-transform:uppercase;
}

/*================================		D E S I G N	================================================================================================================================*/

#g-top{
	width:100%;
	height:25%;
	background-color:#CCC;
	background-image:url(../graph/luxjb.jpg);
	background-size: cover;
	background-position:bottom;
	min-width:630px;
}
#g-cont-menu{
	width:100%;
	height:20px;
	position:relative;
	margin-top:-20px;
	z-index:6;
	min-width:630px;
}

#g-cont-contents{
	min-height:75%;
	position:relative;	
	min-width:630px;
}

#g-menuMiniBarre{
	width:18.44%;
	height:100%;
	background-color:#00246c;
	
	
}




#g-menu-svg{
	position:absolute;
	top:-80px;
	left:18.44%; /* = g-menu width */
	height:220px;
	width:5.56%;
}

#g-menu{
	background-color:#00246c;
	
	height:80px;
	width:76.04%;
	position:absolute;
	left:23.96%;
	top:-30px;
	z-index:6;
	
}

#g-menu ul{
	display:table;
	
	width:100%;
	margin:0px;
	padding:0;
}

#g-menu li{
	margin:0px;
	padding:0;
	display:table-cell;	
	text-align:center;
	position:relative;
}



#g-menu ul ul{
	display:block;
	visibility:hidden;
	overflow:hidden;
	height:0;
	opacity:0;
	transition:opacity .5s;		
	-webkit-transition: opacity .5s; /* Safari */
}

#g-menu li:hover ul{
	visibility:visible;
	opacity:1;	
	height:auto;
	box-shadow:2px 2px 2px rgba(0,0,0,.5);
}

#g-menu ul ul li{
	display:block;
	margin:0;
	padding:0;
}

#g-menu ul ul li a{
	line-height:3em;
}
#g-menu a{
	font-family:'open_sans_condensedbold',Frutiger, "Frutiger LT", "Frutiger LT Std",Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#c9dee9;
	background-color:#00246c;
	display:block;
	line-height:80px;	
	transition: background-color .5s,  color .5s;
	-webkit-transition: background-color .5s,  color .5s; /* Safari */
	
}

#g-menu a:hover{
	color:#fff;
	background-color:#005daa;
/*	color:#00246c;
	background-color:#c9dee9;*/
}

#g-menu a.n-sel{
	color:#febd11
}

#g-menu a.n-sel:hover{
	color:#ff7600;
}



/* AAA DDD MM I NN  */
body.body-admin #g-menuMiniBarre, body.body-admin #g-menu, body.body-admin #g-menu a,body.body-admin #btn-rechercher a:hover,  body.body-admin #btn-rechercher.btn-rechOn a, body.body-admin #mnu-rechercher{
	background-color:#e6e5d8; 
}

body.body-admin #g-menu a, body.body-admin #g-menu h3{
	color:#675d58;
}

body.body-admin #g-menu a:hover{
	background-color:#febd11;
}
body.body-admin #g-menu a.n-sel{
	color:#01b4e7;
}
body.body-admin #g-menu a.n-sel:hover{
	color:#005daa;
}

body.body-admin #btn-rechercher a{
	background-image:url(../graph/loupe-admin.png);
}


/* // AAA DDD MM I NN  */


#d-cont{
	text-align:justify;
	padding-bottom:50px;
}

#h-titre{
	background-image:url(../graph/rotarylogomaxi.png);
	height:120px;
	width:17%;
	background-repeat:no-repeat;
	background-position:right;
	text-indent:-4000px;
	overflow:hidden;
}

.h-maxi{
	width:100%;
	height:250px;
	text-indent:-4000px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:bottom;
	background-image:url(../graph/logo-maxi.png);
}

#btn-rechercher{
	width:80px;
	
}
#btn-rechercher a{
	background-image:url(../graph/loupe.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
#btn-rechercher a:hover, #btn-rechercher.btn-rechOn a{
	background-position:top;
	background-color:#005daa;	
}
#mnu-rechercher{
	display:none;
	position:absolute;
	width:50%;
	min-width:250px;
	top:80px;
	right:0;
	padding:5px 0;
	background-color:#005daa;	
}

#rech-resultsMain{
	
}

#rech-resultsMain a.rech-resultA{
	height:auto;
	margin:0;
	padding:0;
	vertical-align:middle;
	line-height:normal;
	background-color:transparent;
	text-transform:none;
}
#rech-resultsMain a.rech-resultA:hover{
	background-color:#00246c;	
}

.l-ligne45{
	vertical-align:middle;
	line-height:normal;
	height:45px;
	display:block;
}

.l-ligne45 img, .dummy-imgRech{
	vertical-align:middle;
	margin-right:15px;
	
}

.dummy-imgRech{
	width:45px;
	height:45px;
	display:inline-block;
}

.inp-rech{
	width:100%;	
	-moz-box-sizing:border-box; 
	box-sizing:border-box; 
}


.l-listMem:first-child{
	border-top:1px solid #e7e7e8;
}
.l-listMem{
	text-decoration:none;
	color:#00246c;
	border-bottom:1px solid #e7e7e8;
}


a img{
	border:none;
}


/*================================		COLONNES 	================================================================================================================================*/

#col-wide{ /*1 col large */
	
}
#col-text{ /* une col -> 7 cols */ 
	width:63.1%;
	margin:auto;	
	position:relative;
}
#col-text{ /* une col -> 7 cols */ 
	width:63.1%;
	margin:auto;	
	position:relative;
}

.col-text21_1{ /* 2 col 21 - 1  -> 7 cols */
	vertical-align:top;
	display:inline-block;
	width:70.7%;
	margin-right:2.2%
}


.col-text21_2{ /* 2 col 21 - 2  -> 7 cols */
	vertical-align:top;
	display:inline-block;
	width:27%;
}


.col-text22_1{ /* 2 col 22 - 1  -> 7 cols */
	vertical-align:top;
	display:inline-block;
	width:48.5%;
	margin-right:2.2%
}


.col-text22_2{ /* 2 col 22 - 2  -> 7 cols */
	vertical-align:top;
	display:inline-block;
	width:48.5%;
}

#col-menuAdmin{
	position:absolute;	
	position:fixed;
	width:320px;
	margin-left:-280px;
	display:block;
	vertical-align:top;
	z-index:15;
	height:100%;
	height:100vh;
	transition:margin-left .5s;
	-webkit-transition:margin-left .5s; /* Safari */
}

#col-menuAdmin:hover{
	margin-left:0px;
}
#col-text.col-textAdmin{
	display:inline-block;	
	vertical-align:top;
}

#col-menuAdminInt{
		background-color:#c5c1bb;
		height:100%;
		width:280px;
		position:absolute;
		left:0;
}

#col-menuAdminFleche{
	position:absolute;
	right:0;
	height:100%;
	width:36px;
	border-left:4px solid #ff7600;
	background-image:url(../graph/flechemenuadmin.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left;
}

#col-menuAdmin:hover #col-menuAdminFleche{
	background-image:none;
}
/*================================		E L E M E N T S 	================================================================================================================================*/
.c-infobox{
	background-color:#e6e5d8;
	padding:15px;	
	color:#675d58;
	position:relative;
	margin-bottom:5px;
	text-align:left;
}

.c-infobox h3, .c-infobox  a.l-sel{
	color:#675d58;
}

.c-infobox  a{
	color:#00246c;	
}

a[href="javascript:"]{
	text-decoration:none;
}

ul.u-fleches{
	list-style-type:none;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;	
}

ul.u-fleches li a:before, ul.u-fleches li.l-vide:before{
	content:'>';
	display:inline-block;
	width:20px;
	height:1em;
	font-family:'pictos';
	text-decoration:none;
}

ul.u-fleches ul li{
	list-style-type:none;
}


.t-form, .d-file{
	display:table;	
	width:100%;
	
}
.t-formRow{
	display:table-row;
}
.t-formCell{
	display:table-cell;
	vertical-align:top;
}
 .t-formCell input, .t-formCell textarea,  .t-formCell input{
		width:100%;
		-moz-box-sizing:border-box; 
		box-sizing:border-box; 
 }
 .t-formCell input[type=radio],.t-formCell input[type=checkbox],.t-formCell input[type=file]{
		width:auto; 
		border:none;
 }
 
input[type=radio], input[type=checkbox], input[type=file]{
		width:auto; 
		border:none;
 }
 
.t-formCell input[type=file]{
	border-width:0;	
}
#d-pdp{
	position:absolute;
	width:100%;
	bottom:0;
	height:40px;
	background-color: #e6e5d8;
	color:#675d58;	
	font-size:.6em;
	border-top:1px solid #c5c1bb;
}

.g-menu-f{
	display:inline-block;	
	
	position:absolute;
	right:0;
	height:100%;
}

.g-menu-f ul{
	display:table;
	margin:0;
	padding:0;
	height:100%;
	
}

.g-menu-f ul li{
	display:table-cell;
	height:100%;
	border-left:1px solid #c5c1bb;
}


.g-menu-f ul li a{
	color:#675d58;
	display:block;
	padding:0 6px;
	vertical-align:middle;
	line-height:36px;
	background-color: #e6e5d8;
	text-decoration:none;
	transition:background-color .5s;
	-webkit-transition:background-color .5s; /* Safari */
}

.g-menu-f ul li a:hover{
	background-color: #ffffff;
}

.align-left{
	display:inline-block;
	padding:15px 0 0 15px;
}

.btn-larg{
	width:100%;
}



.t-menuAdmin{
	color:#675d58;
	text-align:center;
	margin:0;
	padding:10px 0;	
}

#col-menuAdmin ul{
	display:block;
	margin:0;
	padding:0;
	padding-left:0px;
	
	
}

#col-menuAdmin ul ul{
	margin-right:0;
}


#col-menuAdmin ul li{
	display:block;
	padding:0;
	
}


#col-menuAdmin ul li a{
	display:block;	
	background-color:#c5c1bb;
	text-decoration:none;
	padding:5px 0 5px 15px;
	color:#675d58;
}

#col-menuAdmin ul li li a{
	padding-left:25px;
}

#col-menuAdmin ul li a:hover{
	background-color:#e6e5d8;
	text-decoration:none;
}


.i-bord{
	border:1px solid #958d85;	
}


.i-error{
	background-color:red;	
}

.s-error{
	background-color:red;	
}


.p-minus{
	text-transform:none;	
}


.d-centrPhoto{
	text-align:center;	
}

.p-largNonante{
	width:100%;
	height:auto;	
}


.g-miniMargin{
	margin:5px;
	position:relative;	
	
}



.btn-miniRond{
	display:inline-block;
	width:1.5em;
	height:1.5em;
	color:#675d58;
	background-color:#c5c1bb;
	text-align:center;
	border-radius:.8em;
	text-decoration:none;
	margin:2px;
	
	transition: background-color .5s,  color .5s;
	-webkit-transition: background-color .5s,  color .5s; /* Safari */
}

.btn-miniRond.btn-rondSel{
	color:#c5c1bb;
	background-color:#675d58;
}
.btn-miniRond:hover{	
	background-color:#febd11;
	color:#ff7600;
}



.l-pagi{
	text-align:center;	
	margin-bottom:20px;
}
.btn-pagi{
	color:#00246c;	
	text-decoration:none;
	display:inline-block;
	padding:2px 8px;
	min-width:10px;
	text-align:center;
}
.btn-pagi:hover{
	text-decoration:underline;	
}
.btn-pagiSel{
	color:#ffffff;
	background-color:#00246c;
	border-radius:1.5em;
	
}

.btn-listDr{
	color:#675D58;
	text-decoration:none;
}


.t-altRow{
	background-color:#e6e5d8;	
}

.btn-X{
	background-color:#febd11;
	background-image:url(../graph/croix.png);
	display:block;
	width:22px;
	height:22px;
	background-position:center;
	overflow:hidden;
	text-indent:-4000px;
	transition: background-color .5s;
	-webkit-transition: background-color .5s; /* Safari */
}

.btn-X:hover{
	background-color:#ff7600;
}


.l-listG{
	margin:5px 0;
	padding:5px 0;
	border-top:1px solid #675d58;	
}

.l-listG:first-child{	
	border:none;
}





.v-vignette{
	display:inline-block;
	
	margin:1%;
	position:relative;
	opacity:.8;
}

.v-vignette:hover{
	opacity:1;
}

.v-vignette img{
	width:100%;
	height:auto;
}
.v-galTitre{
	width:100%;
	position:absolute;
	bottom:0;
	background-color:#000000;	
	background-color:rgba(0,0,0,.8);
	color:#FFF;	
	text-align:center;
	text-transform:uppercase;
	font-size:1.2em;
}

.v-vignette.v-mid{
	width:23%;
}
.v-vignette.v-min{
	width:14.6%;	
}

.js-visIma{
 width:100%;
 height:100%;text-align:center;
 
 display:table;	
}

.js-visImaR{
	height:100%;
	display:table-row;
}

.js-visImaC{
	height:100%;
	vertical-align:middle;
	display:table-cell;
	position:relative;
}

.btn-fl{
	width:35px;
}
.btn-g{
	background-image:url(../graph/fleches_gal_g.png);
}

.btn-d{
	background-image:url(../graph/fleches_gal_d.png);
		
}
.btn-navGal{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	opacity:.6;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	transition: opacity .5s;
	-webkit-transition: opacity .5s; /* Safari */
}
.btn-navGal:hover{
	opacity:1;	
}
.sp-galMaxi{
	transition: opacity .5s;
	-webkit-transition: opacity .5s; /* Safari */	
}

.larg100{
	width:100px;	
}

.divim{
	margin:15px;
	color:#958d85;
	font-size:.8em;
}


.image_centr_top{
	text-align:center;	
}


.l-ssMenuPage li{
	list-style-type:none;	
}
.l-subDiv, .l-ssMenuPage li{
	padding-top:20px;
	border-top:1px solid #c5c1bb;
	margin-top:20px;
}

.l-subDiv:first-child, .l-ssMenuPage li:first-child{
	padding-top:0px;
	border:none;
	margin-top:20px;
}

.l-subDiv a, .l-ssMenuPage li, .l-ssMenuPage li a{
	color:#00246C;
}
.l-subDiv a:hover, .l-ssMenuPage li:hover a{
	color:#febd11;	
}
.l-subDiv a:before, .l-ssMenuPage li:before, .l-subTxt:before, .l-subSubDiv li:before{
	content:'>';
	display:inline-block;
	width:20px;
	height:1em;
	font-family:'pictos';
	text-decoration:none;
}


.l-subSubDiv li{
	color:#675d58;
	list-style-type:none;
}

.l-subSubDiv li a:before{
	content:normal;
}

.d-descList{
	margin-left:20px;
	color:#675d58;	
}

.c-label{
	width:75px;
}

.s-label{
	width:160px;
}

.l-bis a, a.l-bis{
	color:#c5c1bb;	
}

.r-ligne0{
	background-color:#e6e5d8;	
}
@media all and (max-width: 1300px) {	
	#h-titre{
		background-image:url(../graph/rotarylogomid.png);
	}
	
	
	
	
	#col-text{ /* une col -> 9 cols 796 px*/ 
		width:81.725%;
		
	}
	
	.col-text21_1{ /* 2 col 21 - 1  -> 9 cols ->  */		
		width:66.08%;
		margin-right:1.58%
	}
	
	
	.col-text21_2{ /* 2 col 21 - 2  -> 9 cols */
		width:32.16%;
	}
}


@media all and (max-width: 980px) {	
	#h-titre{
		background-image:url(../graph/rotarylogomini.png);
	}
	#g-menu a{
	font-family:'open_sans_condensedlight',Frutiger, "Frutiger LT", "Frutiger LT Std",Arial, Helvetica, sans-serif;
	text-transform:none;
	}
}

@media all and (max-width: 799px) {	
	.col-text21_1{ /* 2 col 21 - 1  -> 9 cols ->  */		
		width:100%;
		margin-right:0%
	}
	
	
	.col-text21_2{ /* 2 col 21 - 2  -> 9 cols */
		width:100%;
	}
	
}