/*** CSS Golf de l'Ailette  -  10.03.2010  ***/
/*** Creation par Virginie Fasano - www.2vcreation.com ***/


/* Default  */

body {
	behavior:url("includes/css/csshover2.htc");
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(../../images/fond_ailette.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
}

.left{
	float:left;
	margin-right:10px;
	margin-bottom:5px;}

.right{
	float:right;
	margin-left:10px;
	margin-bottom:5px;}
	
img{
	border:0px;
	
}

/*-----------------*/

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



#principal{
	width:899px;
	padding-left:1px;
	padding-right:1px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;}
	

	
	
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*--------------------            MENU DEROULANT           --------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/

#menu {
	height:28px;
	background-image:url(../../images/fond_menu.gif);
	position:relative;
	z-index: 1000; 

}

#menu #lang{
	position:absolute;
	right:0;
	height:28px;
	width:45px;}
 /*------------ Tous les styles ----------------*/

#menu  a, #menu a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	
}


/*----------------------------------------*/
/*------------ 1er NIVEAU ----------------*/
/*----------------------------------------*/

#menu ul {
    display:block;
	list-style-type: none;
    list-style-image:none;  
	margin: 0;
	padding: 0;
	border: 0;
	
}

#menu ul li {
	display:block;
    float: left;
	position: relative;
	z-index: 1000;    
	margin: 0;
	padding: 0;
	border: 0;
    list-style-type: none;
    list-style-image:none;
	
	}

#menu ul li a, #menu ul li a:link,#menu ul li a:visited,#menu ul li a:active {
	float: none !important;
	float: left;
	display: block;
	height:24px;
	
    color:#333333;
	margin: 0;
	text-align:center;
	text-decoration: none;
    list-style-image:none;
	overflow:hidden;
	padding:0px;
	font-size: 13px;
	text-decoration: none;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top:4px;
	
}

#menu ul li a.onglet1{width:97px;}
#menu ul li a.onglet2{width:107px;}
#menu ul li a.onglet3{width:87px;}
#menu ul li a.onglet4{width:87px;}
#menu ul li a.onglet5{width:117px;}
#menu ul li a.onglet6{width:127px;}
#menu ul li a.onglet7{width:127px;}
#menu ul li a.onglet8{width:97px;}

#menu ul li a:hover, #menu ul li:hover a  {
    background-color:#e7d560;
}

/*----------------------------------------*/
/*------------ 2eme NIVEAU ---------------*/
/*----------------------------------------*/


#menu ul li ul {
	width: 0px;
    display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

/*--------- Affichage du sous menu au survol de LI --------------*/
#menu ul li:hover ul {
	display: block;
    border:none;
    position: absolute;
	z-index: 1000;  
	top: 28px;
	margin: 0;
	left: 0;
	width:220px;
	padding:2px;
	padding-left:5px;
	background-color:#e7d560;
	

}

/*--------- Sous-rub --------------*/

#menu ul li:hover ul li{
	width:200px;
	margin:0;
    padding-right:10px;
	text-align:left; 
	border:none;
	padding-left:5px;
	border-bottom:1px solid #ebdc7a;
	}

#menu ul li:hover ul li a, #menu ul li:hover ul li a:visited, #menu ul li:hover ul li a:active {
    display:inline;
	height:22px;
	line-height:22px;
	color:#333;
	text-decoration:none;
	width:auto;
	text-align:left;
	margin:0px;
	background:none;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	padding:0px;
	text-transform:none !important;
	
	
}

/*-------- Sous rub au survol -----------*/

#menu ul li:hover ul li a:hover, #menu ul li ul li a:hover {
    color:#000;
	text-decoration:underline;

	
}

/****************************************************/



#colG{
	width:187px;
	float:left;
	padding:22px;
	padding-top:5px;}
	
#colD{
	width:639px;
	float:right;
	padding-right:25px;
	padding-top:5px;
	position:relative;
	}
	
#contentAcc{
	padding-left:22px;
	padding-right:25px;}
	
#footer{
	background-image:url(../../images/bgfooter.gif);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:15px;
	text-align:center;
	height:20px;
	font-size:10px;
	color:#999;
	}
	
#footer a:link,#footer a:visited,#footer a:active{
	color:#999;
	text-decoration:none;}
	
	
#footer a:hover{
	color:#333;
	text-decoration:none;}

/****** 3 Petits bloc infos *********/

#colG .ssnav{
	background-image:url(../../images/fond_encart.gif);
	background-repeat:no-repeat;
	padding:10px;
	height:135px;
	margin-bottom:10px;}
	
	
#colG .ssnav ul{
	padding:0px;
	margin:0px;
	padding-left:10px;}
	
#colG .ssnav li{
	list-style:none;
	line-height:18px;
	font-size:12px;}
	
#colG .ssnav li a:link,#colG .ssnav li a:visited,#colG .ssnav li a:active{
	text-decoration:none;
	color:#333;
	font-size:12px;
	}
	
#colG .ssnav li a:hover{
	color:#000;}
	
h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	margin:0;
	padding:0;
	padding-bottom:15px;
	background-image:url(../../images/soush1.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#5f9c34;
	font-weight:normal;
	margin-bottom:5px;
	}
	
.suiteh1{
	font-size:13px;
	text-transform:none;
	color:#333;}
	
h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	margin:0;
	margin-bottom:3px;
	color:#8db53b;
	font-weight:normal;
	}
	
h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:normal;
	margin:0;
	}
	
a:link, a:active, a:visited{
	color:#666;
	}
	

a.more:link, a.more:active, a.more:visited{
	color:#666;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	}
	
a.more:hover{
	text-decoration:underline;	
	}

        #colG #zoneimprimer a.print {
    border:none;
    background-image:none;
}


/****** print et rss *********/
#colD #zoneimprimer a.print {
    border:none;
    background-image:none;
}

#colD #zoneimprimer{
    text-align:right;
    padding-right:10px;
    height:15px;
    width: 20px;
    float:right;
}

#colD #zonerss a.rss {
    border:none;
    background-image:none;
}

#colD #zonerss{
    /*text-align:right;*/
    padding-left:10px;
    /*height:15px;*/
    width: 65px;
    float:right;
	margin-left:20px;
	border-left:1px solid #CCC;
}


/*----------- TABLEAUX -----------*/

#colD .tarif {
	border-collapse:collapse;
	margin-bottom:15px;}
	
#colD .tarif th{
	padding:3px;
	padding-right:20px;
	background-color:#eeeeee;
	}
	
#colD .tarif td{
	padding:3px;
	padding-right:30px;
	padding-left:10px;
	background-color:#fafafa;
	border-bottom:1px solid #eeeeee;
	height:15px;
	}

.infotrous{
	width:290px;
	height:50px;
	border:1px solid #ccc;
	text-align:center;}
	
.infotrous .col1, #colD .tarif .col1{
	background-color:#000;
	color:#FFF;
	padding:0px;
	font-weight:bold;}
	
.infotrous .col2, #colD .tarif .col2{	background-color:#FFF;	padding:0px; font-weight:bold;}
.infotrous .col3, #colD .tarif .col3{	background-color:#FF0;	padding:0px; font-weight:bold;}
.infotrous .col4, #colD .tarif .col4{	color:#FFF; background-color:#39F;	padding:0px; font-weight:bold;}
.infotrous .col5, #colD .tarif .col5{	color:#FFF; background-color:#C00;	padding:0px; font-weight:bold;}
 
.trou{
	width:290px;}
	
	
/*-------- FIL D'info --------------*/

#filinfo{
	background-image:url(../../images/fond_rss.gif);
	height:270px;
	width:378px;
	padding:15px;
	float:left;
	/*margin-right:22px;*/
	}
	
#filinfo h2{
	color:#3083af;}
	
#filinfo .suiteh1{
	color:#FFF;}
	
#filinfo #contentrss{
	background-color:#FFF;
	height:180px;
	padding:10px;
	width:355px;
	overflow:auto;}
	
#filinfo #icoRSS{
	float:right;
	color:#FFF;
	}
	
#filinfo #contentrss hr{
	border:none;
	height:1px;
	background-color:#690;}
	
#filinfo #contentrss a:link, #filinfo #contentrss a:visited, #filinfo #contentrss a:active{
	text-decoration:none;
	color:#333;}

/*--------- Actus -----------*/

#actus {
    width: 622px;
    height: 328px;
    background-image: url("../../images/fond_actu.gif");
    padding-top: 10px;
    padding-left: 15px;
}


/*----------- Vidéos -----------*/

#videos{
	background-image:url(../../images/fd_video.jpg);
	height:270px;
	width:392px;
	padding:15px;
	float:right;
	/*margin-right:22px;*/
	}
	
#videos h2{
	color:#b1a22b;}
	
#videos #mainvideo{
	width:260px;
	height:220px;
	float:left;
	overflow:hidden;
	}
	
#videos #mainvideo embed, #videos #mainvideo object{
	width:260px;
	height:200px;
	}
	
#videos #carousselvideo{
	float:right;
	width:120px;
	height:208px;
	overflow:hidden;
	margin-bottom:8px;
	margin-left:10px;
	
	
	}
	
.date{
	font-size:10px;
	color:#999;}
	
#contenus{
	padding-bottom:15px;
	}
	
#contenus img{
	border:1px solid #E5E5E5;
}
	
#contenus .nobg{
	border:none;}
	
.catEquipe{
	float:left;
	width:140px;
	height:150px;
	margin-left:10px;
	position:relative;
	padding:0;}
	
.catEquipe h3{
	position:absolute;
	top:115px;
	width:140px;
	text-align:center;
	text-transform:uppercase;}
	
#imgCategEquipe{
	position:absolute;
	right:25px;
	}
	
	
#events{
	border-collapse:collapse;
	width:637px;
	}
	
#events td{
	padding-left:5px;
	font-size:10px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:3px solid #FFF;
	
	}
	
#events .jeune{	background-color:#dcf1b3;	}
#events .homme{	background-color:#b6eff1;	}
#events .femme{	background-color:#facee7;	}
#events .senior{ background-color:#fff7cd;	}
#events .middle-amateur{background-color:#fccea8;}
#events .sans{	background-color:#EEE;	}

#events .plus{
	width:15px;
	font-size:20px;
	}
	
#events a{
	text-decoration:none;
	color:#000;}
	
#events .plus a{
	text-decoration:none;
	color:#090;}
	
#events .date{
	width:85px;
	color:#333;
	}
	
#events .titre{
	font-weight:bold;
	text-transform:uppercase;
	width:332px;
	padding-right:10px;
	}

#events .lieu{
	width:120px;
}
	
#events .type{
	width:50px;
	}
	
.photoGalerie{
    float:left;
    width:150px;
    height:112px;
    overflow:hidden;
    margin-right: 3px;
    margin-bottom: 3px;
   /* border:1px solid #E5E5E5;*/
    text-align: center;
    background-color: #E5E5E5;
    vertical-align: middle;
}

.photoGalerie img{
    vertical-align: middle;
}

.petit{
	font-size:10px;
	color:#AAA;}
	
.legende{
	float:left;
	/*width:80px;*/
	width:auto;
	padding-right:20px;
	border-left-width:15px;
	border-left-style:solid;
	padding-left:3px;}
	
.inscription{
	padding-left:10px;
	width:400px;
	}
	
.inscription legend{
	color:#999;
	}
	
.inscription #formContact{
	width:400px;
	}
	
.inscription #Envoyer{
	background-color:#5f9c34;
	border:none;
	padding-top:3px;
	padding-bottom:3px;
	color:#FFF;
	margin-bottom:5px;
	}


/*----------Formulaires-----------------*/
/*--------- fond ERREUR ----------------*/
input.champKo, .champKo input, textarea.champKo, .champKo textarea{
	background-color: #FF9F9F;
}

/*--------- fond OK ----------------*/
.champOk input, input.champOk, .champOk textarea, textarea.champOk {
	background-color: #B8F5B1;
}


/*Confirmation et erreurs*/
#msgOK{
	background-color:#eeffd2;
	border:1px solid #7bb21c;
	color:#7bb21c;
	font-size:11px;
	text-align:center;
	height:30px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	line-height:30px;

}

#msgOK img, #msgKO img{
	vertical-align:middle;
	margin-right:5px;
}


#msgKO{
	background-color:#ffe6d2;
	border:1px solid #900;
	color:#900;
	font-size:11px;
	text-align:center;
	height:auto;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	line-height:30px;}
	

#allactus{
	position:absolute;
	width:130px;
	height:50px;
	bottom:20px;
	right:35px;}