@charset "UTF-8";

* {border: none; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 14px;}

html {background-image: url(images/background.jpg); background-repeat: no-repeat; background-attachment:fixed; background-color:#000;background-position: top center;}

/******************* GENERAL ******************/
#general{width: 950px; margin: 0 auto 0 auto; padding-left: 50px;}
#header {width: 942px; height: 200px; margin-bottom: 10px; margin-left: 2px;}
#principal {width: 950px;}


/******************* NAVIG ******************/
#navig1 {height: 50px; background-image: url(images/bg_navig1.png); background-repeat: no-repeat;  }
#navig2 {width: 281px;  margin-right: 20px;  float: left;}
	/*#contenu_navig2 { height: 400px;background-image:url(images/bg_navig2_contenu.png);}JE SUPPRIME CE DIV ET MET L'IMAGE DANS LE #NAVIG2 ET LA HAUTEUR DANS .NAVIG2*/
	#fond_navig2 { height: 35px; background-repeat:no-repeat; float: left;}
	
ul, ol {list-style-type: none;}
.navig1 li,.navig2 li, .langues li { font-variant:small-caps; font-style:italic; }

.navig1 li a, .navig2 li a, .navig2 li span, .langues li a {color: #CCCCCC; text-decoration:none;font-size:13px;}
.navig1 { float: left; padding: 7px 0 0 315px; height: 32px;}
	.navig1 li { display: inline; margin-right: 30px; height: 32px; width: 110px;}
	.navig1 li a{ height: 32px; width: 110px;}	
	.navig1 li a:hover { background-image:url(images/survol_lien_2.png); height: 32px; width: 110px;}
	
.langues { float: right; padding: 7px 70px 0 0;}
	.langues li { display: inline; }

.clear{clear: both;}
.clear2 {clear:left;}

.navig2 a{display: block;}
.navig2{background-image:url(images/bg_navig2_contenu.png);background-repeat:repeat-y;}
.navig2 li:hover { background-image:url(images/survol_lien.png); background-repeat: no-repeat;}
.ouvre_sous_nav { padding-top:4px; margin-bottom:5px;}

.sous_nav li:hover { background-image:url(images/survol_lien_sous_nav.png); background-repeat: no-repeat;}
.navig2 li a, .navig2 li span{font-size:15px; width: 250px; padding: 5px 28px 5px 30px;}
.sous_nav li a{font-size:13px;margin-bottom: -6px;margin-left: 15px; height: 15px;}

#lien_excellence {margin-top: 50px; width: 281px; height: 35px; background-image:url(images/fond_rose_lien.png); background-repeat:no-repeat;padding-top: 8px;}
#lien_excellence a { color: #CCCCCC; text-decoration:none;font-size:15px; font-variant:small-caps; font-style:italic; margin: 25px 0 0 30px;}
#lien_excellence a:hover { color: #666666;}


/******************* CONTENU ******************/
#content {width: 600px; margin-left: 301px; }
h2 { background-image:url(images/bg_contenu_top.png); color:#FFFFFF; height: 23px; padding-top: 7px; padding-left: 15px;}
.dans_le_content { background-image:url(images/bg_contenu_contenu.png); padding: 15px 15px 5px 15px;}
.fond_contenu { background-image:url(images/bg_contenu_fond.png); height: 10px; margin-bottom: 20px;}
.image_direction{float: right; margin: 0 10px 20px 20px;}
.parag, .bleu_fonce, .parag_left{margin-bottom: 15px;}
.parag_ultimate {margin-bottom: 10px; font-size:11px; font-style: italic;}
.bleu_fonce{color: #006;font-weight: bold;}
.marge_left{margin-left: 9px;}

/******************* FORMULAIRE **************/

label{
	display:block;  
	margin: 17px 35px 0 35px;}

input, textarea{margin: -15px 35px 0 35px;float: right;}

.envoi{ margin-top: 25px;margin-left: 250px;}

#infos_contact{margin: 100px 0 15px 30px;}
.infos_contact{padding:20px 0 15px 0;}
/****************** ONGLETS *******************/
#cap_nav{
	margin-bottom: 30px;}
	
.cap_onglet, .cap_active {
cursor : pointer;
display : block;

}
 
.cap_onglet {color:#006; font-variant:small-caps; font-style:italic;font-weight:bold;}
 .cap_onglet:hover {color:#0000FF; font-weight:bold;}
.cap_active {color:#0000FF;font-weight:bold;}
 
div#content_2, div#content_3 {display :none;}

/********* IMG***************/
.img_content_right{float:right;margin:25px 0 10px 10px;}
.img_content_right_plage{float:left;margin:0px 10px 10px 0px;}
.parag_left{width: 370px;}
.img_comment{margin-top: 5px;float:right; margin-right: 10px;}
.img_left{float:left;margin-right: 20px; margin-bottom: 10px;}
.mission{position: relative; left:25%; margin-bottom: 20px;}
.long{margin-bottom: 15px;}
.logo { margin: 0 0 10px 130px;}
.pommes {float:left; margin: 0px 15px 15px 0px;}
.power_aging {float:right; margin: 0 0 15px 10px;}
.yannis {margin-bottom: 15px;}
#david {float: left;}
.franco {float: right;}
.block_logo{display:block;width: 580px;}
.block_logo li{float: left; margin-right: 40px;}
.shopping_goutte { float: right;}
.shopping_fruits { float: left; margin-right: 15px;}
.personal_training { float: right;}
.tarif2 { float: left; margin-right: 15px;}
.silhouette_dos, .tarif1{ float: right; margin-left: 15px;}

#block_img_forme{width: 600px; margin-left: 75px;}

#video_entrainement {width: 400px; height: 320px; margin: 0 0 20px 85px;} 
#tem_birgit, #tem_david { margin: -30px 30px 0px 50px;}
#tem_olivier { margin: -30px 0 0px 30px;}
#images_block, .block_logo{margin: 20px 0 25px 35px;}

.lien_resultats { text-decoration:none; font-weight: bold; color: #006;}
.lien_resultats:hover { text-decoration:none; font-weight: bold; color: #00f;}
.resultats { float: right; margin: 0 0 15px 15px;}

.title_coach_team {font-weight:bold; font-variant:small-caps; font-style: italic; color: #00F; font-size: 20px; margin: 0 0 20px 10px;}
.nouveau {font-weight:bold; font-variant:small-caps; font-style: italic; color: #00F; font-size: 20px; margin: 0 0 20px 0px;}

.title_coach {font-weight:bold; font-variant:small-caps; font-style: italic; color: #000; font-size: 20px; margin: 0 0 20px 0px;}
.title_coach_direction {font-weight:bold; font-variant:small-caps; font-style: italic; color: #00F; font-size: 20px; margin: 0 0 20px 0px;}

.photo_coach {float: left; margin: 0 20px 20px 10px; width: 200px; height: 300px;}
	
.droite_photo_coach { float: left; height: 330px; width: 330px;}
	.droite_photo_coach p {margin-left: 10px;}
	.sous_titre_profil { margin-left: -10px; color: #000066; font-weight:bold; font-variant:small-caps; font-style: italic; font-size: 16px;}
	.diplome { font-style: italic; color: #666; padding-left: 20px;}
.sous_photo_coach { float: left; margin-left: 20px;}
	.sous_titre_athlete { color: #000066; font-weight:bold; font-variant:small-caps; font-style: italic; font-size: 16px;}



.groupe { margin: 0 0 15px 150px;}

#matteo { float: left; height: 250px; width: 100px; margin-right: 15px;}
#rosella { float: left; height: 250px; width: 100px; margin-right: 15px;}
#christine { float: left; height: 250px; width: 100px; margin-right: 15px;}
.greg, .danielle, .filomena { float: left; height: 250px; width: 100px; margin-right: 15px; margin-bottom: 30px;}

#qui { float: left; margin: 0 15px 15px 0;}


.parag_forme_bas{margin: -380px 0 70px 0;width: 250px;}
.img_right_forme{margin: -280px 0 0 270px;}

/*************MODIF DU 11.02.10***********/
.logos_partenaires li{display: inline;}
.logos_partenaires{width: 600px;margin-left: -10px;}


.who { letter-spacing: -1px;}

/*************** MAP **************/
.suisse { margin: 50px 0 0 70px;}
.fr { position:relative; margin: -180px 0 0 195px;}
.be { position: relative; margin: -35px 0 0 245px;}
.vd { position: relative; margin: 30px 0 0 130px;}
#cap_nav { margin-bottom: 100px;}
.profil { margin-top: 30px; padding-top: 30px;border-top: 1px solid #006;}

.logo_team_ica { position: absolute; margin: -150px 0 30px 230px;}
.logo_team_ex { position: absolute; margin:-20px 0 30px -20px;}
h4 { font-style:italic; font-size: 18px;}

/**************** TABLEAU **********/
.tableau{
background-color: #CCCCCC;;margin-left: 5px;border-collapse: collapse;
}
TD{width: 83px;}
TH{color: #FFFFFF;}
TR{text-align: center; height: 30px;}
.tableau, TH, TR, TD{border: solid 1px; border-color: #000066;}

.heures, TH{color: #FFFFFF;background-color: #999999;}
.heures{width: 50px;}
.bleu{background-color: #66CCFF;}
.rose{background-color: #FFCCFF;}
.vert{background-color: #66FF99;}
.jaune{background-color: #FFFFCC;}
.orange{background-color:#FF9900;}
.violet{background-color: #9966FF;}