/*--------------------------------------------------------------------------------*/
/* -------------------- les polices -------------------------------------------*/
@font-face {

    /******************************************************/
    font-family: 'major';
    src: url('../font/major_shift-webfont.eot');
    src: url('../font/major_shift-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/major_shift-webfont.woff') format('woff'),
         url('../font/major_shift-webfont.ttf') format('truetype'),
         url('../font/major_shift-webfont.svg#carringtonregular') format('svg');
    font-weight: normal;
    font-style: normal;
		}
		
@font-face{
/******************************************************/
		 font-family: 'sports';
    src: url('../font/sports_world-regular-webfont.eot');
    src: url('../font/sports_world-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/sports_world-regular-webfont.woff') format('woff'),
         url('../font/sports_world-regular-webfont.ttf') format('truetype'),
         url('../font/sports_world-regular-webfont.svg#rechtmanplain') format('svg');
    font-weight: normal;
    font-style: normal;
	/*************************************************************/
}
@font-face {
    font-family: 'bodonitown';
    src: url('../font/bodonitown-webfont.eot');
    src: url('../font/bodonitown-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bodonitown-webfont.woff') format('woff'),
         url('../font/bodonitown-webfont.ttf') format('truetype'),
         url('../font/bodonitown-webfont.svg#england_hand_dbregular') format('svg');
    font-weight: normal;
    font-style: normal;

} 
/*--------------------------------------------*/



html, body {
 margin: 0;
 padding: 0;
  height:100%;
  width:100%;
 }
body {
 background-color: #666666; 
 font-family: bodonitown,times new roman, sans-serif; 
 font-size: 100%;
 }
h1 {
 color: #422121; 
 text-align: center;
 font-size: 28px; 
 }
h2 {
 font-size: 100%; 
 color: black; 
 padding-right: 20px;
 }
p,ul,li,td {
 color: black; 
 font-size:18px;
 font-weight:normal;
 }
a:link {
 color: #b3b3b3;
 text-decoration: none;

 }
a:visited {
 color: #422121;
 text-decoration: none;
 }
a:active {
 color:yellow;
 text-decoration: none;
}
a:hover {
 color: #422121;
 text-decoration: none;

}

a.bouton
	{
	width:100%;
	
	text-align:center;
	color:black;
	display:block;
	border-width: 5px;
	font-weight:normal ;
	font-family:sports,"times new roman", times, serif;
	font-size:100%;

	texation:blink;
	background-color: #330000;
          
	 
	}

a.bouton:hover 
	{
	text-align:center;
	color:#003300; 
	 
	}
	
input {
		border:1px solid #1d85858;
		padding:2px;
		border-radius:4px
	}
	
pad{
	padding-right:10;
	padding-left:10;
	}

.tabl2{
	
	font-size: 16px;
	font-weight: bold;
	font-family: bodonitown,times new roman; 
	color:#b3b3b3;	
	cursor:pointer;
     border:none; 
     width:120px;
     height:30px
     
}
.tabl2:hover{
	background-color: #FFFF00;
	font-size: 16px; 
	font-weight: bold;
	font-family: bodonitown,times new roman; 
		 
	cursor:pointer;
     border:none;
     color:#000000;
     
     width:120px;
     height:30px
     
}
.backinput {

background-color:#EEEEEE;border:1px solid #666666;

}
label {
	display:block;
	clear:both;
	float:left;
	width: 150px;
	height:50px;
	text-align:right;
	color:#422121;
	font-size:18px; 
	font-weight:bold;
	padding-right:10px;
	
}
hr{display:block;clear:both;width:80%;height:3px;background-color:#db5858;margin:5px auto 5px auto;}

.champ{
	
	display:block; 
	float:left;
	width: 340px;
	height:auto;
	color:#422121;
	font-size:18px; 
	font-weight:bold;
	text-align:left
}
.zoom img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.zoom :hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
/*********************************************** les boutons *********************************/
#connect{
	display:block;
	float:right;
         background:url("/image/connect.png") no-repeat #dddddd;
		 background-position:center center;
	cursor:pointer;
font-family: sports,times new roman; 
	color:#422121;
	font-size:14px;
	font-weight: bold;
	 width:40px;
     height:40px;
		border:1px solid #ffffff;
		border-bottom:0px;
		border-radius:10px 10px 0px 0px; 
		margin:9px 10px 0px 0px;
} 

#connect:hover{
	display:block;
	float:right;
         background:url("/image/connecth.png") no-repeat #8f2b2b;
		 background-position:center center;
	font-size: 14px;
	font-weight: bold;
	font-family: sports,times new roman; 
	color:#b3b3b3;	
	cursor:pointer; 
     width:40px;
     height:40px;
		border-bottom:0px;
		border-radius:10px 10px 0px 0px; 
		margin:9px 10px 0px 0px;
}
#connectv{
	display:block;
	float:right;
         background:url("/image/connectv.png") no-repeat #dddddd;
		 background-position:center center;
	cursor:pointer;
font-family: sports,times new roman; 
	color:#422121;
	font-size:14px;
	font-weight: bold;
	 width:40px;
     height:40px;
		border:1px solid #ffffff;
		border-bottom:0px;
		border-radius:10px 10px 0px 0px; 
		margin:9px 10px 0px 0px;
} 

#connectv:hover{
	display:block;
	float:right;
	 background:url("/image/connectv.png") no-repeat #8f2b2b;
		 background-position:center center;
	font-size: 14px;
	font-weight: bold;
	font-family: sports,times new roman; 
	color:#b3b3b3;	
	cursor:pointer; 
     width:40px;
     height:40px;
		border:1px solid #ffffff;
		border-bottom:0px;
		border-radius:10px 10px 0px 0px; 
		margin:9px 10px 0px 0px;
}

#logout{
	display:block; 
	float:right;
	margin:5px 10px 0px 0px;
         
         background:url("/image/logout.png") no-repeat #dddddd;
		 background-position:center center;
	cursor:pointer;
	
		border-radius:10px 10px 0px 0px; 
		margin:9px 10px 0px 0px;
	
	text-align:center;
font-family: sports,times new roman; 
	color:#422121;
	font-size:10px;
	font-weight: bold;
	 width:40px;
     height:40px
} 

#logout:hover{
	display:block; 
	float:right;
	margin:5px 10px 0px 0px;
	
         background:url("/image/logoutv.png") no-repeat #dddddd;
		 background-position:center center;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
	font-family: sports,times new roman; 
	color:#000000;	
	cursor:pointer;
		border-radius:10px 10px 0px 0px; 
		margin:9px 10px 0px 0px;
     width:40px;
     height:40px;
	 
	box-shadow: 1px 1px 12px #555;
}
.submit1{
	display:block; 
	clear:both;
	margin:5px auto;
          background-color: #ff8080;
	cursor:pointer;
	border:1px solid #666666;
	border-radius:10px;
font-family: sports,times new roman; 
	color:#422121;
	font-size:14px;
	font-weight: bold;
	 width:140px;
     height:30px;
	 
	box-shadow: 1px 1px 12px #555;
} 

.submit1:hover{
	display:block; 
	clear:both;
	margin:5px auto;
	background-color: #58db7d;
	font-size: 14px;
	font-weight: bold;
	font-family: sports,times new roman; 
	color:#000000;	
	cursor:pointer;
	border:1px solid #666666;
	border-radius:10px;
     width:140px;
     height:30px
}


.submit{ 
	 
	background-color: #422121;
	font-size: 14px; 
	font-weight: bold;
	font-family: sports,times new roman; 
	color:#b3b3b3;
	cursor:pointer;
     border:none;
     color:#000000;
     
     width:140px;
     height:30px;
}


.submit:hover{
	
          background-color: #b3b3b3;
	cursor:pointer;
font-family: sports,times new roman; 
	color:#422121;
	font-size: 14px; 
	font-weight: bold;
	
 

}
.submit2{ background-color: #FFFFFF;
	font-size: 16px; 
	font-weight: bold;
	font-family: sports,times new roman; 
		
	cursor:pointer;
     border:none;
     color:#000000;
     
     width:140px;
     height:30px;
}
.submit2:hover{
          background-color: #FFFF22;
	cursor:pointer;
font-family: sports,times new roman; 
	color:#000000;
	font-size: 16px; 
	font-weight: bold;
	
 

}
.connect1{
	background-color: #663300F;
	font-size: 14px; 
	font-weight: bold;
	font-family: sports,times new roman; 
		
	cursor:pointer;
     border:none;
     color:#000000;
     
     width:140px;
     height:30px;
     
}
.connect1:hover {
          background-color: #0000FF;
	cursor:pointer;
	font-family: sports,times new roman; 
	color:#000000;
	font-size: 14px; 
	font-weight: bold;
	
}
#recherche{
	display:block;
	clear:both;
	/*float:right;*/
	width:100%-30px;
	height:35px;
	padding:15px;
	text-align:center;
	margin :20px 0;  
	color:#000000;
	background-color:#c2c2c2c2;
	border:0px; 
	font-size:1.3em;
	box-shadow: 1px 1px 12px #555;
}

#recherche_input {
	  display:inline-block;
     background-color: #ffffff;
	cursor:pointer;
	padding:1px 3px 1px 3px;
	border:1px solid #666666;
	border-radius:5px;
     font-family: sports,times new roman; 
	color:#422121;
	font-size:14px;
	font-weight: bold;
	 width:110px;
     height:30px;	 
	box-shadow: 1px 1px 12px #555;
} 

#recherche_sub {
	display:inline-block;
    background:url("/image/rechercher.png") no-repeat #ff8080; 
	background-position:center center;
	background-size:30px 30px;
	width:30px ;height:30px; 
	
	cursor:pointer;
	padding:1px 3px 1px 3px;
	border:1px solid #666666;
	border-radius:5px;
    font-family: sports,times new roman; 
	color:#422121;
	font-size:14px;
	font-weight: bold;
	box-shadow: 1px 1px 12px #555;
}

#recherche_sub:hover{
	display:inline-block;
    background:url("/image/rechercher.png") no-repeat #58db7d; 
	background-position:center center;
	background-size:30px 30px;
	width:30px ;height:30px; 
	
	cursor:pointer;
	padding:1px 3px 1px 3px;
	border:1px solid #666666;
	border-radius:5px;
    font-family: sports,times new roman; 
	color:#422121;
	font-size:14px;
	font-weight: bold;
	box-shadow: 1px 1px 12px #555;
}      
.espace{
	display:block;
	clear:both;
	/*float:right;*/
	width:90%;
	height:150px;
	padding-top:10px;
	text-align:center;
	margin :10px auto; 
	 
	color:#000000;
	background-color:#db5858;
	border:2px solid #1d8f3d;
	border-radius :10px;
	font-size:1.3em;
	box-shadow: 1px 1px 12px #555;
}
/******************************************************* header ***********************************************************/
header  {
	display:block;
	clear:both;
	width:100%;
	height:50px;
	margin:0px;
	padding:0px;
}

#logo {
	display:block;
	clear:both;
	float:left;
	background:url("http://ades1gner.com/logowebdesigner.png") no-repeat #666666 ;
	background-size:40px 40px  ;
	background-position:bottom center;
	width:50px;
	height:50px;
	margin:20px 2px 0px 50px ;  
	border:3px solid #db5858;
	box-shadow: 1px 1px 12px #555;
	border-radius:10px;
	z-index:8001;
	}

#logo:hover {
	display:block;
	clear:both;
	float:left;
	background:url("http://ades1gner.com/logowebdesigner.png") no-repeat #666666 ;
	background-size:37px 37px  ;
	background-position:bottom center;
	width:50px;
	height:50px;
	margin:20px 2px 0px 50px ;  
	border:6px solid #ffffff;
	box-shadow: 1px 1px 12px #555;
	border-radius:10px;
	z-index:8001;
	}
#designer {
	display:block;
	clear:both;
	position :fixed;
	top:0px;
	left:0px;
	background:#666666 ;  
	width:100%;
	height:50px;
	margin:0px  ; 
	color :#422121;
	font-size:18px;
	font-weight:bold;
	border-bottom:10px solid #db5858;
	z-index:8000;
	 
	
	}
.headconnect  {
	width:150px;
	float:right;
	height:100px;
	margin-top:10px;
	padding-top:0px;
	margin-right:10px;
	

}
#flashtop {
display:block;
float:left;width:500px ;height:90px; text-align:center;margin:10px auto;
}
.contour {
	display:block ;
	clear:both;
	width: 60%;
	height:auto;
	border:2px solid #8f2b2b;
	border-radius:5px;
	padding:20px;
	margin: 0px auto ;
	
}
/************************************ menuliste ****          *********/

.menuliste { 
	  position: absolute;
	  display:block;
	  float:right;
	  right:120px;
      width:600px;
	 margin:8px auto 0px 10px; 	 	 
	 height:40px;
	 font-family:major;
	 font-size:14px;
	  
	 }
.menuliste    a {
		float:left;
		height:40px;
		width:110px;
		/*background:url("/graphisme/boutm1.png") no-repeat top left;*/
		/*background-color: #dddddd;*/
		color:#000000;/*1d8f3d*/
		display:block;
		border:1px solid #ffffff;
		border-bottom:0px;
		border-radius:10px 10px 0px 0px; 
		margin:0px 1px 0px 0px;
		 
		text-decoration:none;
		text-align:center;
		line-height:40px;
		font-weight:bold;
	 font-size:14px;
		list-style:none;
		padding-bottom:0px;
	 font-family:major;
		}
.menuliste  a:hover {
		display:block;
		height:40px;
		width:110px;
		background-color:#000000;/*676767*/
		color:#dbdbdb;/*#b3b3b3;*/
		border:1px solid #ffffff;		
		border-bottom:0px;
		border-radius:10px 10px 0px 0px; 
		
		margin:0px 1px 0px 0px;
		text-decoration:none;
		text-align:center;
		line-height:40px;
		font-weight:bold;
	 font-size:14px;
		padding-bottom:0px;
	 font-family:major;
		} 
/**************************************** conteneur ** ************************************/
#conteneur {
	display:block;
	position:relative; 
	clear:both ;
	width:100%;
	height:auto; 
	margin : 0px 0px 0px 0px;
	padding:0px;
	background-color:#ffffff;  
	overflow-x:hidden;
	overflow-y:visible;
}
#td_left {
	
	display:block;
float:left ;
	width:10%; 
	height:auto; 
	min-width:190px; 
	padding:20px 0px 20px 0px;
	border-right:3px solid #db5858;
	 background-color:yellow; 
	 vertical-align:top;
}

#milieu {
	 display:block;
	 position:relative;
	 float:left;
	 width:77%;
	height:auto;
	margin:0px 10px 0px 10px  ; 
	padding:20px 0px 20px 0px;
	background-color:#ffffff;
	border:0px ;
	vertical-align:top;overflow-y:visible;

}

.droite {
	 display:block;
	 position:relative;
	 float:left;
	 min-width:560px;
	 background-color:#b3b3b3;
	  background-color:white;
	 color:#422121;
	height:100%;
	

}
#partie_droite {
	display:block;
	float:right;
	 width:10%;  
	width:190px; 
	height:auto; 
	text-align:center;
	margin:0px 0px 0px 10px  ; 
	padding:20px 0px 20px 0px;
	border-left:3px solid #db5858;
	 background-color:yellow; 
		vertical-align:top; 
} 
#bas{ display:block;
		clear:both;
		 
		background-color:#666666;
		border-top:10px solid #db5858;
		height :80px;
		margin:0px ;
		width:100%;
		}
.gauche {
	display:block;
	min-height:60px;
	width:90%;
	min-width:190px; 
	height:100%; 
	text-align:center;
	margin:0px; 
} 
.gauche   a {
	width:160px;
	height:60px;
	color:#b3b3b3;
	/*background:url("/graphisme/bckliste.jpg") no-repeat  center center;*/
	background-color: #432120;
		border:1px solid #000000;
		border-radius:10px 10px 10px 10px; 
	list-style:none;
	line-height:60px;
	margin:10px 5px 5px	;
	padding-left:10px;
	padding-right:10px;
	display:block;
	font-family:major;
	 font-size:14px;
	

}
.gauche  a:hover {
	width:160px;
	height:60px;
	color:#422121;
	/*background:url("/graphisme/bcklistehover.jpg") no-repeat  center center;*/
	background-color: #838383;
		border:1px solid #ffffff;
		border-radius:10px 10px 10px 10px; 
	list-style:none;
	line-height:60px;
	margin:10px 0px 0px 5px	;
	padding-left:10px;
	padding-right:10px;
	display:block;
	font-family:major;
	 font-size:14px;
}
.detail  {
	min-height:60px;
	width:190px; 
	height:100%; 
	text-align:center;
	margin:0px;
} 
.detail    a {
	width:160px;
	height:60px;
	color:#b3b3b3;
	/*background:url("/graphisme/bcklistedet.jpg") no-repeat  center center;*/
	background-color: #004a63;
		border:1px solid #ffffff;
		border-radius:10px 10px 10px 10px; 
	list-style:none;
	line-height:60px;
	margin:10px 0px 0px 5px	;
	padding-left:10px;
	padding-right:10px;
	display:block;
	font-family:major;
	 font-size:14px;
	

}
.detail  a:hover {
	width:160px;
	height:60px;
	color:#b3b3b3;
	/*background:url("/graphisme/bckliste.jpg") no-repeat  center center;*/
	background-color: #432120;
		border:1px solid #ffffff;
		border-radius:10px 10px 10px 10px; 
	list-style:none;
	line-height:60px;
	margin:10px 0px 0px 5px	;
	padding-left:10px;
	padding-right:10px;
	display:block;
	font-family:major;
	 font-size:14px;

}
.lien_g { border:0px;}

.bigButton {
  width: 30px; height: 30px;
 color:#CCCCFF; 
background-color:yellow; 

}
#rubrique {
display:block;
clear:both;
/*background:url("/graphisme/rubrique.png") no-repeat;
background-position:center center; */
background-color :#676767;
		border:1px solid #ffffff;
		border-radius:10px;
	width:200px;
text-align:center;height:80px;font-size:14px;line-height:40px;color:white;font-family:major;
 
}
#cont_gl_mq {
display:block;clear:both;
width:100%;height:auto;text-align:left; margin:20px auto 20px auto ;overflow:hidden;
padding:5px 0px 5px 0px;
background-color:#d85858;
  
}
#cont_pr_mq {
display:block;clear:both;
/*background:url("/graphisme/backdes.png") no-repeat;*/
background-color :#676767;
		border:2px solid #ffffff;
		border-radius:10px;
background-position:center  center;width:90%;height:auto;padding-top:10px;padding-bottom:10px;overflow:hidden;text-align:center;margin :5px auto 5px auto;
box-shadow: 1px 1px 12px #555;
}
#recent_topics {
background-color:#c2c2c2c2;
clear:both;display:block;  width:140px;height:220px;margin:0px auto 0px auto ;
 border:1px solid #1d8f3d;
		border-radius:10px;
overflow:hidden;text-align:left; 
}
/********************************* bas *********************************/


#toph{
		
	display:block; 
	float:right;
		background-color :#676767;
		border:1px solid #ffffff;
		border-radius:10px;
		width:105px;
		height:35px;
		float:right;
		 text-align:center;
	   margin:10px 20px 0px 0px;
		
		padding:5px;
		}
		
		
#basdes{
		/*background:url("/graphisme/bas.png") no-repeat;*/
		background-color :#676767;
		border:1px solid #ffffff;
		border-radius:10px;
		width:260px;
		height:45px;
		float:left;
		margin:10px 20px 0px 0px;
		color:#FFFFFF;
		font-size:16px;
		 
		text-align:center;
		font-weight:bold;
		line-height:45px
		}
.whatsapp{
	display:block; 
	float:right;
	background-color :#676767;
	border:1px solid #ffffff;
		border-radius:10px;
		width:103px;
		height:35px; 
		margin :10px 20px 0px 0px;
		color:#FFFFFF;
		font-size:16px;
		 padding:5px;
		text-align:center;
		font-weight:bold;
		line-height:35px
}
/*************************************************** image ***************************/
.vignette {
	width:100px;
	height:100px;
	border:5px double #666666;
margin: 20px; width: 100px; float: left; height: 100px;

}
.vg_img {
	width:100%;
	height:100%;
	border:0px;

}