/*/private/var/folders/h0/yw73hz9n457g34n4gd67vx2m0000gn/T/fz3temp-1/style.css Reset default browser CSS.
/************************************************************************************************************************************    RESET  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-size: 14px;
}

h3 { font-size: 16px; }
h2 { font-size: 18px; }
h1 { font-size: 20px; }

body {
	line-height: 1;
	font-family: Arial;
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
a {
		text-decoration:none;
		color:#000000;
}

i {
  float: right;
  margin-right: 100px;
  margin-top: 10px;
  font-size: 14px;
  font-style: "Tahoma";
}

.image_swap
{
background-image:url(swap.jpg) ; height:18px; border:none; width:23px; 
}

.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

/************************************************************************************************************************************    JS ACCORDION  */

#accordion .ui-state-active{
	color:#FF0000 !important;
}

/************************************************************************************************************************************    CONTENT  */


#content{
	width:1024px;
	margin:auto;
}

#contentAdmin{
	width:1260px;
	margin:auto;
}

/************************************************************************************************************************************    HEADER  */

#header{
	height:100px;
	margin-bottom:25px;
}

#titre{
width:260px;
margin-top:20px;
padding-top:10px;
border-left:2px solid #d4d4d4;
}


#titre .red, #titre .gris{
margin-right:15px;
}


.red, h1{
color:#ff0000; /*rouge*/
font-size:36px;
font-family: Myriad Pro;
}

.gris{
color:#888687;/*gris*/
font-size:30px;
font-family: Myriad Pro;
}

#nav{
height:42px;
margin-top:12px;
border: 1px solid #dbdada;
background:url(../img/bg_nav.png) repeat-x 0 0 ;
}

#nav p{
	display:block;
	margin:15px 20px;	
}


#nav #retour{
	display:block;
	width:165px;
	height:42px;
	border-left: 1px solid #dbdada;
}

#nav a{
	padding-top:15px;
	padding-left:20px;
	height:20px;
	width:145px;
	display:block;
	background:url(../img/retour.png) no-repeat 130px 3px ;
}

/************************************************************************************************************************************    LEFTBAR  */

#leftbar{
	width:188px;
}

#leftbar li{
	height:29px;
	border: 1px solid #dbdada;
	display:block;
	background:url(../img/bg_menu.png) repeat-x 0 0 ;
}

#leftbar li a{
	padding-top:5px;
	padding-left:20px;
	height:29px;
	display:block;
}

/************************************************************************************************************************************    FOOTER  */

#footer{
height:190px;
margin-top:20px;
background-color:#f8f8f7;
border-top: 1px solid #dbdada;
}

#cadre-footer{
background-image:url(../img/titre-footer.png);
background-repeat:no-repeat;
background-position:0px -3px;
width:960px;
height:132px;
margin:0 auto;
}

#plan-footer{
width:320px;
height:132px;
}

#plan-footer ul{
margin-top:40px;
}

#plan-footer ul li{
margin-top:10px;
list-style:url(../img/tick-footer.png);
}

#mid-footer{
	margin-top:50px;
width:320px;
height:132px;
text-align:center;
color:#747474;
}

#mid-footer a{
	margin-top:10px;
color:#747474;
display:block;
}

#contact-footer{
width:320px;
height:92px;
text-align:center;
margin-top:60px;
}

#contact-footer p{
	margin-top:10px;
display:block;
}
/************************************************************************************************************************************    CONTAINEUR  */

#container{
width:1024px;
margin-top:10px;
}

#container>div{
background-image: url(../img/bg_content.jpg);
background-repeat: repeat-x;
border: 1px solid #888687;
}

/*			fin container			*/
/*			Sous menu news 			*/
#sous-menu{
margin: -15px 0 15px 10px;
width:770px;
height:20px;
}



#sous-menu li{ 
color: #888;
width: 190px;
float : left;
}

.active{
	color:red;
}

.active_admin{
	text-decoration: underline;
}


#sous-menu li a:hover{
text-decoration:underline;
}

#sous-menu li a{
color: #888;
}


/*			Fin Sous menu news 			*/
/*			News			*/
.news{
border:solid 1px #cccccc;
padding:20px;
margin-bottom:20px;
}

.news h2{
font-size:16px;
color:red;
margin-bottom:15px;
}

.news p{
line-height: 20px;
}

.news a{
text-decoration: underline;
}

/*			fin news			*/

/*			Fin Sous menu news 			*/

/*			Profils			*/
.profil{
border:solid 1px #cccccc;
padding:5px;
margin:3px;
}

.profil h2{
font-size:16px;
color:red;
margin-bottom:5px;
}

.profil p{
line-height: 15px;
}

.profil a{
text-decoration: underline;
}

/*			fin news			*/

/*			faq			*/

#faq .boutons{
background-image: url(../img/bg_content.jpg);
background-repeat: repeat-x;
border: 1px solid #888687;
}

.boutons{
height:207px;
width:340px;
border:solid 1px #cccccc;
margin: 0 10px 20px 10px;
padding: 20px 0 0 20px;
}

.boutons h3, .boutons h3 a{
text-transform:uppercase;
color:red;
text-align:center;
margin-top:9px;
}

#faq{
background-image:none !important;
border: none !important;
}

.margin{
margin-left:40px;
}

#faq-details{
width:720px;
padding:20px;
border:solid 1px #cccccc;
}

#faq-details h2{
text-transform:uppercase;
color:red;
margin-bottom:15px;
}

.questions{
font-size:19px;
}

/*			Fin faq			*/
/*			galerie			*/
.galerie{
width:720px;
height:450px;
margin-bottom:20px;
border:solid 1px #cccccc;
padding:10px 20px 10px 20px;
}

.galerie img{
margin-right:15px;
}

.galerie h3, .galerie h3 a{
text-transform:uppercase;
color:red;
margin-bottom:20px;
}

.galerie object{
padding: 20px 0 0 50px;
}

.date{
color:#000;
}


/*			fin galerie			*/
/*			nos-courses			*/

#nos-courses{
/*width:1024px;*/
padding:20px 10px 20px 10px;
border:solid 1px #cccccc;
}

#nos-courses h2 {
	color: #FF0000;
	font-family: Arial;
	font-size: 16px;
	padding: 0 0 20px 0;
}

#nos-courses td{
padding:5px;
height:30px;
font-size: 12px;
border: 1px solid black;	
text-align:center;
vertical-align: center;
}

#nos-courses th{
font-weight: normal;
font-size: 14px;
color: #888;
height: 25px;
}

#nos-courses .largeur{
width:170px;
}

.inscription{
height:27px;
width:27px;
display:block;
background-image:url(../img/inscription.png);
margin-left:12px;
margin-top:7px;
}
/*			fin nos-courses			*/
/*			trombi			*/

#fancybox-content div{
	overflow:visible !important;
}
#trombi{
width:1004px;
padding:20px 10px 20px 10px;
border:solid 1px #cccccc;
}

#trombi h2 {
	color: #FF0000;
	font-family: Arial;
	font-size: 16px;
	padding: 0 0 20px 0;
}

.people{
width:138px;
height:160px;
vertical-align:middle; 
text-align:center;
margin-right:5px;
float:left;
margin-bottom:5px;
}

#trombi-top{
width: 700px;
}

#trombi-top img{
float:left;
margin: 10px 20px 10px 10px;
}

#trombi-top p{
margin: 10px 0 0 0;
}

#trombi-bot{
margin: 0 0 0 10px;
}

#trombi-bot p{
margin: 10px 0 0 0;
}

#texte{
width:375px;
float:left;
}

#fancybox-content p{
color: #888;
}

#fancybox-content b{
color: #000;
}

/*			fin trombi			*/
/*			Liens			*/

#lien{
width:1004px;
padding:20px 10px 20px 10px;
border:solid 1px #cccccc;
}

#lien h2 {
	color: #FF0000;
	font-family: Arial;
	font-size: 16px;
	padding: 0 0 20px 0;
}

#lien a{
margin-left:8px;
}



/*			fin Liens			*/

/* 			Profil 				*/
#params{
width:1024px;
padding:20px 10px 20px 10px;
border:solid 1px #cccccc;
}

#params h2 {
	color: #FF0000;
	font-family: Arial;
	font-size: 16px;
	padding: 0 0 20px 0;
}

#params .newsletterChekBox{
	margin: 0 0 20px 180px !important;
	width: 25px;
	float:left;
}

#params .newsletterChekBoxLbl{
	margin:0;
	padding:0;
}
/*	 		Fin Profil 			*/

/*	 		addCourse		*/

#addCourse{
width:1024px;
padding:20px 10px 20px 10px;
border:solid 1px #cccccc;
}

#addCourse h2 {
	color: #FF0000;
	font-family: Arial;
	font-size: 16px;
	padding: 0 0 20px 0;
}
/*	 		Fin addCourse 		*/

/*	 		addNews		*/

#addNews{
width:1024px;
padding:20px 10px 20px 10px;
border:solid 1px #cccccc;
}

#addNews h2 {
	color: #FF0000;
	font-family: Arial;
	font-size: 16px;
	padding: 0 0 20px 0;
}
/*	 		Fin addNews 		*/


/*	 		addFAQ		*/

#addFAQ{
width:1024px;
padding:20px 10px 20px 10px;
border:solid 1px #cccccc;
}

#addFAQ h2 {
	color: #FF0000;
	font-family: Arial;
	font-size: 16px;
	padding: 0 0 20px 0;
}
/*	 		Fin addFAQ 		*/


/*	 		addCatFaq		*/

#addCatFaq{
width:1024px;
margin: 10px;
padding:20px 10px 20px 10px;
border:solid 1px #cccccc;
}

#addCatFaq h2 {
	color: #FF0000;
	font-family: Arial;
	font-size: 16px;
	padding: 0 0 20px 0;
}
/*	 		Fin addCatFaq 		*/


/*	 		addProfil		*/

#addProfil{
width:1024px;
padding:20px 10px 20px 10px;
border:solid 1px #cccccc;
}

#addProfil h2 {
	color: #FF0000;
	font-family: Arial;
	font-size: 16px;
	padding: 0 0 20px 0;
}
/*	 		Fin addProfil		*/


/*	 		addLien		*/

#addLien{
width:1024px;
padding:20px 10px 20px 10px;
margin: 10px;
border:solid 1px #cccccc;
}

#addLien h2 {
	color: #FF0000;
	font-family: Arial;
	font-size: 16px;
	padding: 0 0 20px 0;
}
/*	 		Fin addLien		*/


/*	 		addGalerie		*/

#addGalerie{
width:1024px;
padding:20px 10px 20px 10px;
margin: 10px;
border:solid 1px #cccccc;
}

#addGalerie h2 {
	color: #FF0000;
	font-family: Arial;
	font-size: 16px;
	padding: 0 0 20px 0;
}
/*	 		Fin addGalerie		*/


/*	 		addEntraiment		*/

#addEntrainement{
width:1024px;
padding:20px 10px 20px 10px;
margin: 10px;
border:solid 1px #cccccc;
}

#addEntrainement h2 {
	color: #FF0000;
	font-family: Arial;
	font-size: 16px;
	padding: 0 0 20px 0;
}
/*	 		Fin addEntraiment		*/


/*	 		addResultat		*/

#addResultat{
width:1024px;
padding:20px 10px 20px 10px;
margin: 10px;
border:solid 1px #cccccc;
}

#addResultat h2 {
	color: #FF0000;
	font-family: Arial;
	font-size: 16px;
	padding: 0 0 20px 0;
}
/*	 		Fin addResultat		*/




/*FORMULAIRE ADMIN*/

#params form label, #addProfil form label, #addCourse form label, #addGalerie form label, #addEntrainement form label, #addResultat form label, #addCatFaq form label, #addLien form label{
display: block;
padding: 0 0 20px 180px;
float:left;
}

#params form input, #addProfil form input, #addCourse form input, #addGalerie form input, #addEntrainement form input, #addResultat form input,  #addCatFaq form input, #addLien form  input{
width:200px;
display: block;
margin: 0 0 0 320px;
}

#params form, #addProfil form, #addCourse form, #addGalerie form, #addEntrainement form, #addResultat form,  #addCatFaq form, #addLien form {
padding: 30px 0 30px 0;
}

#params form #naissance{
display: block;
margin: 0 0 0 20px;
}

#addGalerie form #fonction{
display: block;
margin: 0 0 0 320px;
}

#params form select{
float:left;
}

#params form textarea, #addGalerie form textarea{	
width:200px;
display: block;
margin: 0 0 10px 320px;
}


		
.zoneMenu    {	position: relative; 
			background-color: #FF0000;
			padding:0px 0px 0px 0px; 
			margin:0px 0px 0px 0px;
			text-align:left;
			vertical-align:top;
			z-index:99;
			}	
						
.cellule   {  
			height:18px;
			vertical-align:middle;
			margin-right :5px ; 
			padding:2px 8px 2px 8px;
			font-size: 14px;
			font-weight: bolder;	
			background-color: #FF0000;
			}						
										
.cellule a { 	color:#FFFFFF;		}						
										
.sousMenu {		margin:1px 0px 0px 0px;
			position: absolute;
			width:200px;
			border-style:solid;
			border-color:#FFFFFF;
			border-width:1px 0px 0px 0px;	
			}
										
.sousMenu a { 	color:#FFFFFF;		}						
										
.sousMenu a:hover { 	background-color:#FFFFFF;	color:#FF0000;	
			}
					
.sousMenu td {		border-style:solid;
				border-color:#FFFFFF;
				height:19px;
				vertical-align:middle;
				border-width:0px 1px 1px 1px;	
				padding:2px 5px 2px 5px;
				background-color:  #FF0000;
				}

#menu1 {display:none;}
#menu2 {display:none;}
#menu3 {display:none;}
#menu4 {display:none;}
#menu5 {display:none;}
#menu6 {display:none;}
#menu7 {display:none;}