@charset "utf-8";



body {
	margin:0 auto;
	padding:0;
	width:100%;
	color:#6d6d6d;
	font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
	background:#f5f5f5 url(../images/main_bg.gif) repeat-x left top;
}

.col c2 { color:#FFFFFF;
}
.col_text{ color: #999999;
}
.contact_info{ color: #999999;
}

.main {
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
h2 {
	margin:8px 0;
	padding:8px 0;
	font-size:24px;
	font-weight:normal;
	color:#6e6e6e;
}
p { color:#000000;
	margin:8px 0;
	padding:0 0 8px 0;
}
a {
	color: #0000FF;
	text-decoration:underline;
}

.header_resize {
	margin:0 auto;
	padding:0;
	width:960px;
}


.esize{
	margin:0 auto;
	padding:0;
	width:960px;
	}
.logo { margin-top:-10px;
	padding:0;
	float:none;
	float:left;
	width:auto;
	height:133px;
}
h1 {
	margin:0;
	padding:32px 0 0;
	font-size:36px;
	font-weight:bold;
	line-height:1.2em;
	text-transform:none;
}
h1 a, h1 a:hover {
	color:#fff;
	text-decoration:none;
}
h1 span {
}
h1 small {
	display:block;
	font-size:13px;
	line-height:1.2em;
	letter-spacing:normal;
	text-transform:none;
	color:#fff;
}

.content {
	padding:0;
}
.content_resize {
	margin:0 auto;
	padding:24px 0 40px;
	width:960px;
}



.fbg {
	padding:0;
	background:#272727;
}
.fbg_resize {
	margin:0 auto;
	width:920px;
	padding:16px 20px;
	color:#666464;
}
.fbg h2 {
	color:#827f7f;
	padding-bottom:24px;
	font-size:24px;
}
.fbg img.gal {
	margin:0 8px 8px 0;
	padding:0;
	border:4px solid #ece7e7;
}
.fbg .col {
	margin:0;
	float:left;
}
.fbg .c1 {
	padding:0 16px 0 0;
	width:280px;
}
.fbg .c2 {
	padding:0 36px 0 16px;
	width:280px;
}
.fbg .c3 {
	padding:0 0 0 16px;
	width:274px;
}
.fbg .fbg_ul {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li a {
	display:block;
	margin:0;
	padding:2px 0 2px 12px;
	color:#666464;
	text-decoration:none;
	background:url(../images/li.gif) no-repeat left center;
}
.fbg .fbg_ul li a:hover {
	color:#88a9c3;
	text-decoration:underline;
}
.fbg p.contact_info {
	line-height:1.8em;
}
.fbg p.contact_info a {
	color:#88a9c3;
	text-decoration:underline;
	font-weight:bold;
}
.fbg p.contact_info span {
	display:block;
	float:left;
	width:74px;
	font-weight:bold;
}
ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:5px 2px;
	height:16px;
	background-color:#fff;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:2px;
	background-color:#fff;
}
ol li .send {
	margin:16px 0 0 0;
}

.footer {
	background:#202020;
}
.footer_resize {
	margin:0 auto;
	padding:0 20px;
	width:920px;
	line-height:1.5em;
	color:#666464;
}
.footer_resize p {
	margin:24px 0;
	padding:0;
	line-height:normal;
	white-space:nowrap;
	text-indent:inherit;
}
.footer_resize a {
	color:#88a9c3;
	font-weight:normal;
	margin:0;
	padding:0;
	border:none;
	text-decoration:underline;
	background-color:transparent;
}
.footer_resize a:hover {
	color:#88a9c3;
	background-color:transparent;
	text-decoration:none;
}
.footer_resize .lf {
	float:left;
}
.footer_resize .rf {
	float:right;
}
a {
	outline:none;
}
.logoecero{ margin-top:-1520px; margin-left:70px;}

 /* Menuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu */
.systnav{ margin:0 auto;}

#menu{ 
	width: 960px;
	margin:0 auto; margin-top:10px;
	padding: 10px 0 0 0;
	list-style: none;  
	background: #111;
	background: -moz-linear-gradient(#444, #111); 
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	
	background: -webkit-linear-gradient(#444, #111);	
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#00378b, #00378b);
	-moz-border-radius: 10px;
	border-radius: 0px;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;
}

#menu li{
	float: left;
	padding: 0 0 10px 0;
	position: relative;
}

#menu a{
	
	height: 25px;
	padding: 0 10px;
	color: #999;
	text-transform: uppercase;
	font: bold 12px/25px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

#menu li:hover > a{
	color: #fafafa;
}

*html #menu li a:hover{ /* IE6 */
	color: #fafafa;
}

#menu li:hover > ul{
	display: block;
}

/* Sub-menu */

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#00378b, #00378b);	
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a{    
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a{ /* IE6 */   
	height: 10px;
	width: 150px;
}

*:first-child+html #menu ul a{ /* IE7 */    
	height: 10px;
	width: 150px;
}

#menu ul a:hover{
        background: #0186ba;
	background: -moz-linear-gradient(#04acec,  #0186ba);	
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -webkit-linear-gradient(#04acec,  #0186ba);
	background: -o-linear-gradient(#04acec,  #0186ba);
	background: -ms-linear-gradient(#04acec,  #0186ba);
	background: linear-gradient(#04acec,  #0186ba);
}

#menu ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #03a6e5;
}

#menu ul li:first-child a:hover:after{
    border-bottom-color: #04acec; 
}

#menu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
 /* FinMenuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu */
 
 
 
 
 
 .formlogin{color:#FFFFFF; float:right;
	width:270px;
	padding: 8px;
	overflow: hidden;
	
	border-radius: 0px;    
	background-color:  #003399;
	background-image: -webkit-gradient(linear, left top, left bottom, from(##003399), to(##003399)); 
	background-image: -webkit-linear-gradient(top, ##003399, ##003399);
	background-image: -moz-linear-gradient(top, ##003399, ##003399);
	background-image: -ms-linear-gradient(top, ##003399, ##003399);
	background-image: -o-linear-gradient(top, ##003399, ##003399);
	background-image: linear-gradient(top, ##003399, ##003399);
}


.formlogin_insc{margin-left:0px; margin-top:-16px; color:#FFFFFF;
	width: 245px;
	padding: 8px;
	overflow: hidden;
	
	border-radius: 0px;    
	background-color: #c6d1d7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c6d1d7), to(#c6d1d7)); 
	background-image: -webkit-linear-gradient(top, #c6d1d7, #c6d1d7);
	background-image: -moz-linear-gradient(top, #c6d1d7, #c6d1d7);
	background-image: -ms-linear-gradient(top, #c6d1d7, #c6d1d7);
	background-image: -o-linear-gradient(top, #c6d1d7, #c6d1d7);
	background-image: linear-gradient(top, #c6d1d7, #c6d1d7);
	}
	
	label {
  width: 180px;
  display: inline-block;
  vertical-align: top;
  margin: 0px;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
.Formu_Anglais_Fran{ float:right; margin-top:-100px;
}
.Evenement{ float:right; margin-top:-35px;
}
.publicite{ width:960px; margin:0 auto; margin-top:-40px;
}
.pub1{ width:640px; float:left; 
}
.pub2{ width:300px; float:right;
}
.logo_judo{ margin-top:7px;
}

.slider{ float:left; margin-top:-8px;
}
.sid_bandeau{ width:300px; height:290px; margin-top:-8px; float:right; position: relative;
}
.Esp_judo{ font-family:Arial, Helvetica, sans-serif^; font-size:28px; color:#FFFFFF; text-align: center; line-height: 32px; 
}
.Lettre{ width:640px; font-family:Arial, Helvetica, sans-serif^; font-size:12px; color:#CCCCCC; font-style:italic;  
}

.logoa{width:640px; float:left;   
}
.logob{width:300px; float:right; 
}
.cont-droite{width:250px; float:right; 
}
.df{width:640px; 
}
.esize{width:630px;  
}
.esp_mem{ margin-left:0px;  
}
.present{ color:#0066FF;  
}
.nom1{ width:400px; float:left;  
}
.phot1{ width:200px; float:right;
}

.nom2{ width:150px; float:left;  
}

.nom3{ width:150px; margin-left:50px; float: left; 
}
.nom4{ width:150px; margin-left:50px; float: left; 
}
.equipe1{ margin-left:33px; height:250px;
}
.equipe2{ margin-left:33px;height:250px; 
}
.equipe3{ margin-left:33px;height:250px; 
}
.desc_nom{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; 
}
.note{ margin-left:30px; 
}
.blanc{ color:#eae8e8; 
}
.nom_cat{ width:250px; float:left; 
}
.phot_cat{ width:350px; float:right; margin-left:20px;
}
.cat1{float: left; margin-left:50px;
}

.text_pr{ width:600px; margin-left:15px; text-align:justify;
}

.titre1{ font-family:Georgia, "Times New Roman", Times, serif; color:#0000FF; font-size:16px; text-align:justify;
}
.titre_tabl{ color:#FFFFFF;
}

fieldset
{ width:500px; float:right; margin-right:85px; margin-top:-55px; background-color:#CCC;
    border:2px solid  #0000CC;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
}
label {
  width: 180px;
  display: inline-block;
  vertical-align: top;
  margin: 0px;
}
/* footer */

h1, h2, h3, h4, h5, h6 { color: #000; }
h1 { font-size: 40px; font-weight: normal; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 28px; font-weight: normal; margin: 0 0 30px 0; padding: 10px 0 15px 0; background: url(../images/templatemo_divider.jpg) repeat-x bottom; }
h3 { font-size: 21px; margin: 0 0 15px 0; padding: 0; padding: 0; color: #000; font-weight: normal; }
h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0 0 10px 0; color: #333; background: url(../images/templatemo_divider.jpg) repeat-x bottom; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #333; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; color: #333; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

/* content */

#templatemo_middle_wrapper {
	clear: both;
	width: 966px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 0 1px;
	margin: 2px auto 0 auto;	
	background: #666666;
}

#templatemo_middle {
	padding: 10px 8px;
	background: #666666;	
}

.col_w300 {
	width: 300px;
}

.col_w210 {
	float: left;
	margin-right: 20px;
	width: 190px;
	padding-right: 20px;
}

.col_w590 {
	width: 590px;
	margin-right: 50px;
}

.col_last {
	margin-right: 0;
}

#templatemo_footer {
	clear: both;
	width: 906px;
	padding: 30px;
	color: #666666;
	background: #666666;
	border-bottom: 1px solid #666666;
}

#templatemo_footer h4 {
	color: #fff;
}

#templatemo_footer ul { padding: 0; margin: 0; list-style: none; }

#templatemo_footer li { padding: 0; margin: 0 0 5px 0; }

#templatemo_footer li a {
	display: block;
	color: #ccc;
	text-decoration: none;
	 border-bottom: 1px dotted #fff;
}

#templatemo_footer li a:hover {
	color: #fff;
}

#templatemo_footer .last {
	padding-right: 0;
}

/* social */

#templatemo_footer  #social_box {
	clear: both;
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

#social_box li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#social_box li a {
	width: 48px;
	height: 48px;
	margin: 0 5px 5px 0;
	text-decoration: none;
	border: none;
}




/* copyright */

#templatemo_copyright {
	clear: both;
	width: 906px;
	padding: 10px 30px;
	text-align: center;
	color: #FFFFFF ;
	background: #333333;
	border-top: 1px solid #000;
}

#templatemo_copyright a {
	color: #FFFFFF;
}
/* end of footer*/
.info{width:960px; margin-left:315px;     
}
.infosport{ color:#0000CC; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin-top:px;     
}


/* videos */

/* videos video1 */



.taille_pol{ font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; text-align: justify;

}

.descrip_machine{text-align: justify; Times, serif; font-size:16px; text-align:

}

/* videos video2 */


.youtube_v1{ width:300px; 
}

.youtube_v2{ width:300px; margin-left:320px; margin-top:-228px; 
}
.youtube_v3{ width:300px; 
}
.youtube_v4{ width:300px; margin-left:320px; margin-top:-228px;

}

.serie_video2{ margin-top:-40px;

}
/* fin videos */