@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Oxygen|Open+Sans');
@import url("menu.css");
@import url("layout.css");
@import url("example.css");
@import url("custom.css");
html{
	font-family: 'Open Sans', sans-serif;
}

*{
	margin:0;
	padding:0;
	
}
body{
	background:#fff;
	-ms-interpolation-mode: bicubic;
	-webkit-interpolation-mode: bicubic;
	-moz-interpolation-mode: bicubic;	
	}
.body{
	/*border-color:#FFFFFF;*/
	border: 1px solid #FFFFFF;
	/*border-width:thin;*/
	background-color: #fff;
	padding: 5px 0px 0px 0px;
	margin: 0px auto;
	box-shadow:0 0 15px rgba(0,0,0,.35);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.35);
	-moz-box-shadow:0 0 15px rgba(0,0,0,.35);
	-ms-box-shadow:0 0 15px rgba(0,0,0,.35);
	width: 800px;
	font-size: 15px;
}
audio{
	width:300px;
	height:41px;
}
hr{
	border:1px dashed #9d944e;
	margin:10px 0;
}
input[type="submit"], input[type="reset"]{font-family: 'Oxygen', sans-serif; cursor: pointer; color: #fff; background: #9d944e; border: 0; border-radius: 3px; padding: 5px; transition: 0.3s; -webkit-transition: 0.3s;}
input[type="submit"]:hover, input[type="reset"]:hover{color: #000; background: #ddd;}
input[type="text"],input[type="email"], select, textarea{font-family: 'Oxygen', sans-serif; padding: 1px 0px 2px 2px; border: 1px solid #9d944e;}
.header{
	padding:5px 0px 0px 0px;       	
}
.swf{
	padding:5px 15px 0px 0px;
	text-align: center;
	z-index: -1;
}
/* menu */
.menu{
	font-family: 'Oxygen', sans-serif;
	background: #fff;
	height: 29px;
	width: 800px;
	margin: 0px auto;
	margin-top: -60px;
	z-index: -1;
	box-shadow:0 0 15px rgba(0,0,0,.35);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.35);
	-moz-box-shadow:0 0 15px rgba(0,0,0,.35);
	-ms-box-shadow:0 0 15px rgba(0,0,0,.35);
	overflow:hidden;
	font-size: 13px;
}
.menu a{
	width:120px;
	text-decoration:none;
	display:block;
	color:#000;
	height:21px;
}
.menu a span{display:block; text-decoration:none;}
.menu a:hover{
	text-decoration:none;
	color:#f29400;
	font-weight:normal;
}
.menu dd{
	display:block;
	width:120px;
	float: left;
	text-align: center;
	margin: 0px 0px 0px 3px;
	padding: 5px 0px 0px 0px;
	list-style-type: none;
}
.menu dl{
	list-style-type:none;
	margin-left:20px;

}
.menu dt{
	text-align:center;
	height:28px;
	width:120px;
	margin-top: 2px;
}
.menu dt a{
	display:block;
}
.menu dt img {padding:0px; /*vertical-align:top;*/}
.menu li a{ }
/* sous menu */
#smenu1, #smenu2, #smenu3, #smenu4 
  {
	display:none;
	/*position:fixed;*/
	width:120px;
	background-color:#CCCCCC;
	text-align: center;
	border-bottom: 1px groove;
	float:left;
	list-style-type:none;
  }
#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover{
	color:#f29400;
	background-color:#898989;
}  
/* texte */
p{
	word-spacing:0.4px;
	padding-bottom:10px;
}
.author{padding:5px 0px 10px 0px; font-style:italic; font-size:11px; font-family: Georgia, 'Times New Roman', Times, serif;}
.margin-right{margin-right: 10px;}
.float-left{float: left;}
.buttonPlus{color: #fff!important; font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase; background: #8f8f8f; display: block; padding: 27px 10px; text-decoration: none; width: 96%; margin: 15px auto; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
.buttonPlus a{color:#fff!important; text-decoration:none!important;}
.buttonPlus:hover{text-decoration: none!important; background: #000; color: #fff; cursor: pointer;}

.bg1{background-color:#007ab8;}
.bg2{background-color:#f29400;}
.bg3{background-color:#cc2128;}
.bg4{background-color:#83bc3f;}
.bg5{background-color:#753685;}

.text{
	padding:50px 50px 50px 50px;
	text-align:justify;
	color:#000;
	word-spacing:0.4px;
}
.text a{
	color:#9d944e;
	text-decoration:none;
}
.text a:hover{
	text-decoration:underline;
}
.text ul{list-style-image:url(images/puce.jpg);}

.text-alert{color: #FF0000;}

/* texte accueil */
.img-none img{
	border:none!important;
	padding:0!important;
}
.text-none li{
	list-style-type: none;
	list-style-image: none;
	margin-top: 15px;
}
.text-index{
	padding:10px 50px 50px 50px;
	text-align:justify;
	color:#000;
	word-spacing:0.4px;
}
.text-alignLeft{
	text-align:left;
}
.text-index a{
	color:#9d944e;
	text-decoration:none;
	font-weight: bold;
}
.text-index a:hover{
	text-decoration:underline;
}
.text-index ul{
	list-style-image: url(images/puce.jpg);
	padding-bottom: 0px;
	margin-left: 18px;
}
.text-index img{
	border:1px dotted #000;
	padding:5px;
}
.img-margin img{
	margin-right:10px;
}
.text_il{
	padding:10px 0 5px 0;
	text-align: left;
}
.text_il li{
	padding-bottom:10px!important;
}
.text_il img{
	position:relative;
	z-index:10;
	border:1px dotted #000;
	padding:5px;
}
.text_prtner img{
	position:relative;
	z-index:10;	
}
.text_prtner{
	padding:0px 0px 0px 2px;
	position:relative;
	z-index:10;
	border:1px dotted #000;
	padding:5px;
}
.text_il_partner{padding:0px 0px 0px 0px; text-align:justify;}
.text_img{text-align:center;}
.text_italique{
	font-style:italic;
}
h1{font-size:19px; font-weight:bold; color:#9d944e;}
h2{font-size:16px; font-weight:bold;}
h3{font-size: 15px; text-align: left;}
/* newsletter */
.text-news a{
	color:#f29400;
	text-decoration:none;
}
.text-news a:hover{
	text-decoration:underline;
}
/*orange */
.text-orange{color:#9d944e; font-weight:bold;}
/*contact */
#contact{background:url(images/club_decision_dsi_contact.jpg) right no-repeat;}
#contact-reception{
	padding:150px 150px;
	font-size: larger;
	font-weight: bold;
	text-align: center;
}
/* obligatoire */
.text-red{color:#FF0000; font-size: 13px;}
/* images lightbox */
.img{padding:13px 40px;}

/* formulaire membre */
.form{
	margin-left:100px;
}
.field{
	padding:0px 15px;
}
.field legend{color:#9d944e; font-weight:900;}
.text-width{width:180px;}
.bouton{
	margin-left:120px;
	padding-top: 4px;
}
.text-form{
	padding:0px 0px 0px 0px;
	margin-top: 15px;
}
/*videos*/
.video{
	border:1px solid #999;	
}
.video-container{
	height: 83px;
	border-top: 1px dashed #9d944e;
	clear:both;
}

/*--- VIDEOS BACKGROUND PLAY---*/

.video-relative{
	position: relative;	
}
.video-background{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url("videos/images/play.png")no-repeat center center;
	cursor: pointer;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.video-background:hover{
	opacity: 0.7;
	zoom: 1;
	filter: alpha(opacity=70);
}
.video-bg-play{
	position: absolute;
	top: 0;
}
.video-membres{
	background: url("videos/images/clubdsi-video-23-09-2014.jpg");
	width: 400px;
	height: 225px;
}
.video-alaune{
	background: url("videos/images/clubdsi-video-24-11-2022-thumbnail.jpg");
	width: 400px;
	height: 225px;
}
.video-re-1{
	background: url("videos/images/retours-experiences-partenaires-2019.jpg");
	width: 400px;
	height: 225px;
}
.video-re-2{
	background: url("videos/images/retours-experiences-partenaires-2018.jpg");
	width: 400px;
	height: 225px;
}

/*--- FIN ---*/

.video-photo{
	float:left; 
	padding:5px 5px;	
}
.video-photo2{
	float:left;
	padding:5px 22px 0px 22px;
	margin-bottom:5px;
}
.video-text{
	float: left;
	width: 540px;
	padding: 5px 0px 0px 0px;
	text-align: left;
}
div.video-container:hover{
	background-color:#ededed;
	height:90px;
}
/* interview */
.question{color:#FFF; font-weight:bold; margin-bottom:5px; margin-top:12px;}
.reponse{
	color:#FFF;
	margin-top:0px;
	margin-bottom: 15px;
}
/* rallye des dsi}*/ 

.container-rdsi{
	opacity:1;
}
.container-rdsi a{
}
.container-rdsi a:hover{

}
.container-rdsi:hover{
	opacity:0.9;
}
.imgBg{
	width:200px; 
	height:245px;
	float:left;
	box-shadow:0 0 15px rgba(0,0,0,.35);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.35);
	-moz-box-shadow:0 0 15px rgba(0,0,0,.35);
	-ms-box-shadow:0 0 15px rgba(0,0,0,.35);
	margin:5px 15px 20px 0;
}
.imgBg-2{
	width:130px; 
	height:245px;
	float:left;
	box-shadow:0 0 15px rgba(0,0,0,.35);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.35);
	-moz-box-shadow:0 0 15px rgba(0,0,0,.35);
	-ms-box-shadow:0 0 15px rgba(0,0,0,.35);
	margin:5px 10px 20px 0;
}

.imgBg-3{
	width:165px; 
	height:245px;
	float:left;
	box-shadow:0 0 15px rgba(0,0,0,.35);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.35);
	-moz-box-shadow:0 0 15px rgba(0,0,0,.35);
	-ms-box-shadow:0 0 15px rgba(0,0,0,.35);
	margin:5px 10px 20px 0;
}
.imgWrap{
	position:absolute;
	padding:0;
	margin:0;
	width:180px;
	height:121px;
	opacity:0;
	visibility:hidden;
	display:block;	
	transition:visibility 0s linear 0.3s,opacity 0.3s linear; 
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; 
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; 
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; 
}
.imgWrap a{
	width:100%;
	height:100%;
	display:block;
}
.imgWrap img{
	margin:40px 60px;
}
.imgWrap-2{
	width:110px;
	height:70px;
}
.imgWrap-2 img{
	margin:10px 20px;
}
.imgWrap-3{
	width:145px;
	height:95px;
}
.imgWrap-3 img{
	margin:20px 40px;
}
.container-rdsi:hover .imgWrap{
	visibility:visible;
	opacity:1;	 
	transition-delay:0s; 
	-webkit-transition-delay:0s; 
	-o-transition-delay:0s;
	-moz-transition-delay:0s;
}
.imgOpacity{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
	filter: alpha(opacity=100)!important;
 	opacity: 1!important;	
}
.imgBorder{
	border:2px dashed #9d944e;
}
/*photos*/
.div-height{
	position:relative;
	height:100%;
	min-height:100px;
	margin:0 auto 0 auto;
	overflow:auto;
	display:table;
}
/* captcha */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
    background-color:#F29400 !important; /* reCAPTCHA widget background color*/
  }
  
  #recaptcha_table {
	border-color: #999 !important; /* reCAPTCHA widget border color*/
  }
  
  #recaptcha_response_field {
    border-color: #666 !important; /* Text input field border color*/
    background-color: #fff !important; /*/Text input field background color*/
  }
/* footer */
.foot{
	margin: 0px auto;
	width: 802px;
	color: #FFFFFF;
	text-align: center;
	background: url(images/footer-bg.png) repeat-x;	
	padding-top:15px;
	box-shadow:0 0 15px rgba(0,0,0,.35);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.35);
	-moz-box-shadow:0 0 15px rgba(0,0,0,.35);
	-ms-box-shadow:0 0 15px rgba(0,0,0,.35);
	font-size: 13px;
}
.foot a{
	text-decoration:none;
	color:#FFFFFF;
}
.foot a:hover{
	text-decoration:underline;
}
.footer{
	margin: 0px auto;
	width: 792px;
	color: #9a9a9a;
	text-align: justify;
	font-size: 10px;
	box-shadow:0 0 15px rgba(0,0,0,.35);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.35);
	-moz-box-shadow:0 0 15px rgba(0,0,0,.35);
	-ms-box-shadow:0 0 15px rgba(0,0,0,.35);
	padding:5px;
}
.footer a{
	text-decoration:none;
	color:#FFFFFF;
}
.footer a:hover{
	text-decoration:underline;
}
.footer-img{
	background:#49535a; 
	height:14px; 
	width:802px; 
	margin:0px auto;
	box-shadow:0 0 15px rgba(0,0,0,.35);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.35);
	-moz-box-shadow:0 0 15px rgba(0,0,0,.35);
	-ms-box-shadow:0 0 15px rgba(0,0,0,.35);
}