body{
	/*background-image:url('../img/bg-reseau-hockey.jpg');*/
	background:url('../img/bg-body.jpg')no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	color:#978a93;
	font-size: 16px;
        
        font-family: Arial;
}

.darkstyle{
    color: #000000;
}

#wrapper{
	background:url('../img/bg-wrap.png') repeat-x top center rgba(255, 255, 255, 0.9) !important;
	/*background-color:rgba(255, 255, 255, 0.9); */
	background: rgb(255, 255, 255); /*Fallback for other old browsers*/
	/*background: rgba(255, 255, 255, 0.9);*/
	-webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3);
	box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3);
	border:0px solid #2B7DB1;
	padding:10px;
	margin:50px auto 50px;
	position:relative;
	cursor:auto;
	width: 1000px;
	z-index: auto !important;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#header img{        
	width:40px;
	padding-right: 5px;
        
}

#logo img{
        padding-top: 10px;
	width: 100%;
}

#logo_faceA{
    padding-top:28px;
}

.row{
	max-width: 980px;
	margin: 0 auto;
}

.right_block{
	padding: 0px;
}

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12{
	padding: 0px;
}

h1{
	font-size: 1.3em;
	font-weight: bold;
	margin-top:10px;
	margin-bottom: 0pc;
}

#header ul{
	padding-left: 2px;
	margin-bottom: 5px;
}

#header li{
	list-style-type: none; 
}

#header a{
	text-decoration: none;	
}

#header a:visited{ 
	color:#978a93;
}

#navigation{
	border-top:2px solid #b1bec6;
	border-bottom:2px solid #b1bec6;
          
}

nav{
    margin-left: 14px;
}

#navigation_menu ul{
	margin-top: 12px;
	margin-bottom: 7px;
        
}

#navigation_menu li{
	padding-right: 25px;
	color:#487bb4;
	font-weight:bold;
	font-size: 1em;
	display:inline-block;
}

#navigation_menu li :hover{
    text-decoration:none;
}


.button_connexion {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0382cb), color-stop(1, #1045b9) );
	background:-moz-linear-gradient( center top, #0382cb 5%, #1045b9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0382cb', endColorstr='#1045b9');
	background-color:#0382cb;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #3866a3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:28px;
	line-height:28px;
	width:109px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 0px 19px #7cacde;
}
.button_connexion:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1045b9), color-stop(1, #0382cb) );
	background:-moz-linear-gradient( center top, #1045b9 5%, #0382cb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1045b9', endColorstr='#0382cb');
	background-color:#1045b9;
}.button_connexion:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */

.bouton_insc {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5dd44), color-stop(1, #f2bc33) );
	background:-moz-linear-gradient( center top, #f5dd44 5%, #f2bc33 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5dd44', endColorstr='#f2bc33');
	background-color:#f5dd44;
	-webkit-border-top-left-radius:7px;
	-moz-border-radius-topleft:7px;
	border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topright:7px;
	border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	-moz-border-radius-bottomright:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomleft:7px;
	border-bottom-left-radius:7px;
	text-indent:0;
	border:1px solid #c5ba60;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:28px;
	line-height:25px;
	width:157px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 0px 19px #cc9f52;
}
.bouton_insc:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2bc33), color-stop(1, #f5dd44) );
	background:-moz-linear-gradient( center top, #f2bc33 5%, #f5dd44 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2bc33', endColorstr='#f5dd44');
	background-color:#f2bc33;
}.bouton_insc:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */



#boutons_header :hover{
	color:white;
	text-decoration: none;
}

#boutons_header{
	margin-top: 7PX;
	/*float-right;*/
	margin-right: 0pc;
}

#bu1{
	float:right;
}

#bu2{
	float: right;

}

.video_youtube{
	border:9px solid #293f95;
	margin-top: 20px;
	margin-bottom: 60px;

}

#lecteur{
	border-right:9px solid #293f95;
	height: 407px;
}

iframe{
	vertical-align:bottom;
}

.small_video{
	border-bottom:9px solid #293f95; 
	width:240px;
	height: 136px;
}

#small_last_video{
	width:240px;
	height: 135px;
}

.conne{
	float:right;
}


/***************************boutons CSS***************************************/

.classname2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:96px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}
.classname2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}.classname2:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */


.ins {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:159px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #810e05;
}
.ins:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}.ins:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */



/***bouton principale***/


.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #243f84;
	-webkit-box-shadow: 0px 10px 14px -7px #243f84;
	box-shadow: 0px 10px 14px -7px #243f84;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dc1f1f), color-stop(1, #951a1c));
	background:-moz-linear-gradient(top, #dc1f1f 5%, #951a1c 100%);
	background:-webkit-linear-gradient(top, #dc1f1f 5%, #951a1c 100%);
	background:-o-linear-gradient(top, #dc1f1f 5%, #951a1c 100%);
	background:-ms-linear-gradient(top, #dc1f1f 5%, #951a1c 100%);
	background:linear-gradient(to bottom, #dc1f1f 5%, #951a1c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc1f1f', endColorstr='#951a1c',GradientType=0);
	background-color:#dc1f1f;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #88201d;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:22px;
	font-weight:bold;
	padding:18px 38px;
	text-decoration:none;
	text-shadow:1px -1px 5px #243f84;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #951a1c), color-stop(1, #dc1f1f));
	background:-moz-linear-gradient(top, #951a1c 5%, #dc1f1f 100%);
	background:-webkit-linear-gradient(top, #951a1c 5%, #dc1f1f 100%);
	background:-o-linear-gradient(top, #951a1c 5%, #dc1f1f 100%);
	background:-ms-linear-gradient(top, #951a1c 5%, #dc1f1f 100%);
	background:linear-gradient(to bottom, #951a1c 5%, #dc1f1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#951a1c', endColorstr='#dc1f1f',GradientType=0);
	background-color:#951a1c;
}
.myButton:active {
	position:relative;
	top:1px;
}



/***************************fin boutons CSS***************************************/


.centrer{
	display: block;
	margin: 0 auto;
	text-align: center;
}

#partenaires{
	max-width: 210px;
        margin-top: 20px;
}

#partenaires p{
	font-size: 1.3em;
	font-weight: bolder;
        padding-top:4px;
	margin-bottom: 30px;
	color:#626263;
	border-top: 1px solid #626263;
	border-bottom: 1px solid #626263;
}
.bouton_inscrire {	
	margin-bottom: 40px;
}

.bouton_inscrire :hover{
	color:white;
	text-decoration: none;
}

.bouton_inscrire a{
	margin:0px 30px;
}

#logo_hockeynet img{
    margin-left: 27px;
}



/***menu footer***/


#menu_footer{
	text-align: right;
}


#menu_footer ul{
	margin-top: 12px;
	margin-bottom: 7px;
	padding-left: 14px;
}

#menu_footer li{
    margin-top: 10px;
    padding-right: 25px;
    color:#487bb4;
    font-weight:bold;
    font-size: .9em;
    display:inline-block;
    padding-right: 7px;
    padding-left:4px;
    border-right: 1px solid #7f93c4;
}

#menu_footer li.lastlink{
    border-right: 0px;
}


/*************style fonct_joueur.php**********************/


.conteneur{
    display: block;
    margin: 0 auto;
}
.text_en_haut img{
    width:290px;
    padding-bottom:15px;
}

.text_en_haut h2{
    text-align: center;
    font-weight: bold;
    font-size:2em;
    color:#4b6abd;
    margin-bottom: 0px;
}

.text_en_haut h3{
    text-align: center;
    color:#4b6abd;
    margin-top: 0px;
    margin-bottom: 30px;
}

.text_en_haut strong{
    color:#c32533;
    text-decoration: underline;
}

.conteneur p{
    padding: 0 50px;
    color:#4b6abd;
}

.deux_carres{
    margin-bottom: 50px;
}

/*********style page fonct_equipes.php**********/

.texte_bold{
    font-weight: bolder;
}

#reference{
    margin-top: 20px;
    text-align: left;
    margin-left:60px;
}

/********style fancybox*************/

.sign_upFancy{
    color: #4e5158;
}

.sign_upFancy strong{
    color: #4e5158;
}

.sign_upFancy input{
    margin-bottom: 10px;
}
.formInscrip strong{
    color: #4e5158;
}

.formatInscription{
    font-size:.8em;
    margin-bottom:15px;
    margin-top: 0px;
    padding-top: 0px;
    color:gray;
}

.texte_corp{
    max-width:800px;
    padding:20px;
}

.texte_corp h3{
    text-align: center;
}

.texte_corp p{
    text-align: justify;
}

#nous_joindre{
    padding-left: 10px;
    padding-bottom: 25px;
    padding-right:10px;
}

#nous_joindre span{
    color:red;  
}

#nous_joindre input[type=submit] {
    width:100px;
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    border:1px solid white;
    height: 40px;
    color:white;
    border-radius:4px;
}

#nous_joindre h3{
    width:250px;
    text-align: center;
}

#nous_joindre input{
    width:200px;
    
}

#nous_joindre textarea{
    width:200px;
    
}

#nous_joindre p{
    width:250px;
    font-size: .8em;
    text-align: center;
    
}

/******style modal window**********/

.pop {
    position: fixed;
    top: 40%;
    left: 32%;
    width: 300px;
    height: 150px;
    background-color: #FFF;
}



/***********************************************************Medias Queries******************************************************************/
@media (max-width: 767px) {

	#wrapper{
		max-width: 320px;
		margin: 0 auto;
	}

	.row{
		max-width: 320px;
		display: block;
		margin: 0 auto;
	}

	#logo img{
                padding-top: 10px;
                padding-bottom: 10px;
		display: block;
		margin: 0 auto;
	}

	#lecteur{
		/*width:300px;*/
		height:150px;
		border: none;
	}

	.small_video{
		width:280px;
		height:150px;
	}

	#small_last_video{
		width:280px;
		height:150px;
	}

	.centrer_small{
		text-align: center;
	}

	h1{
		margin-top: 30px;
		margin-bottom:20px;
		font-size: 1.2em;
	}

	#navigation_menu li{		
		color:#487bb4;
		font-weight:bold;
		font-size: 1.2em;
		display:block;
		margin: 0 auto;
		text-align: center;
		text-decoration: none;
	}

	.menu_affiche ul{
		list-style-type: none;
		padding-left:0px; 
	}

	#boutons_header{
		display: block;
		margin: 0 auto;
		margin-right: 20px;
	}
	

	#partenaires p{
		margin-top: 30px;
		margin-right:10px;
	}

}


@media (min-width: 768px) and (max-width: 991px) {

}


@media (min-width: 1200px) { 

}

#usersignin h3{
   margin:0px; 
}

.iconcheck{
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    font-size: 35px;
    line-height: 51px;
    text-align: center; 
    height: 52px;
    position:relative ;
}

.iconcheck p{
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    padding: 5px;
}

.iconcheck p.normaltxt{
    left: 43px;
    line-height: 10px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 60px;
}

.dispo{
    color:#5cb85c ;
    border-color:#978a93 ;
}

.notdispo{
    color:#d9534f ;
    border-color:#978a93 ;
}

.titleheadertab{
    border-left: 1px solid #978a93;
    border-top: 1px solid #978a93;
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 52px;
    text-align: center;
    width: 100%;
    
}

.contenthtmldiv{
    border-top: 1px solid #978a93;
    border-right: 1px solid #978a93;
    border-left: 1px solid #978a93;
    color: #000;
    font-size: 17px;
    font-weight: normal;
    line-height: 35px;
    padding: 8px;
    height: 52px;
}

.txttowline{
    height: 88px;
}

.lastoffer{
    border-bottom:1px solid #978a93 ;
}

.headerrightborder{
    border-right:1px solid #978a93 ;
    border-radius:0px 8px 0px 0px;
}

.headerleftborder{
    border-left:1px solid #978a93 ;
    border-radius:8px 0px 0px 0px;
}

.towline{
    height:88px;
}

.pagecontainer p{
    color:#000 ;
}

.noborderbottom{
    border-bottom:0px;
}

.nobordertop{
    border-top:0px;
}

.noborderleft{
    border-left:0px;
}

.noborderright{
    border-right:0px;
}

.widthborderleft{
    border-left:1px solid #978a93 ;
}

.noborder{
    border:0px;
}

.iconcheck a.btn{
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    left: 0;
    line-height: 37px;
    position: absolute;
    width: 100%;
} 

.contenttabprice{
    width:90%;
    margin:0px auto ;
}

.titleheadertabvb{
    background:#337ab7 ;
    color:#fff;
    font-size:14px;
}

.titleheadertabvp{
    background:#5cb85c ;
    color:#fff;
}
.deux_carres a.fancybox img{
    padding:4px ;
    border:3px solid #dedede;
}

.deux_carres a.fancybox img:hover{
    opacity:0.8 ;
}

.deux_carres p{
    min-height:50px;
    display:block ;
}

.loginsignuplink{
    font-size:14px;
}