/* 
###################################################################
##       CSS pour le contenu du site \ Optimum Coaching          ## 
##       Christophe De Zanet - 2007                              ##
################################################################### */

/*
############################################## 
#=         BALISES POUR LES LIENS           ## 
############################################## */

a {
color: #000;
}

a:hover {
color: #FF9900;
}

/*
############################################## 
#=     BALISES POUR LA CARTE DU SITE        ## 
############################################## */

.Pages {
font: bold 1.4em "Trebuchet MS";
letter-spacing: 1px;
margin: 0 30px 0 30px;
padding: 10px 5px 0 0;
}

.SousPages li {

padding: 5px 0 5px 5px;

margin: 5px 200px 5px 0px;

list-style:none;

background-color: #EAEAE3;

border: 1px dashed #C2C1B0;

border-left: 3px solid #C2C1B0;

}



/* ------------------------------------------------------------------ */

/*h1 {

font: bold 1.8em "Trebuchet MS";

letter-spacing: 1px;

margin: 5px 5px 5px 5px ;

padding: 0px 0px 0px 25px;

background: url("../img/PuceTitre.gif") no-repeat;

/*border-bottom: 1px dashed #A6A594;*/

/*border: 1px dashed #A6A594;

font-variant: small-caps;

}*/



/* Propriétes des balises pour #Contenu */

#Contenu h1 {

font: bold 3em "Trebuchet MS";

font-variant: small-caps;

color: #393925;

text-align: right;

background: none;

border-bottom: none;

padding: 0 20px 10px 0;

margin: 0 0 0 0;

}



#Contenu h2 {

font: bold 1.4em "Trebuchet MS";

letter-spacing: 1px;

margin: 0 0 0 5px;

padding: 10px 5px 0 0;

border-bottom: 1px dashed #A6A594;

}



#Contenu h3 {

font: bold 1.2em "Trebuchet MS";

letter-spacing: 1px;

margin: 0 5px 0 5px;

padding: 10px 5px 0 0;

/*border-bottom: 1px dashed #A6A594;*/

/*background-color: #C2C1B0;*/

}



/* ------------------------------------------ */



.Rubriques h1 {

font: bold 1.8em "Trebuchet MS";

letter-spacing: 1px;

margin: 5px 5px 5px 5px ;

padding: 0px 0px 0px 25px;

background: url("../img/PuceTitre.gif") no-repeat;

/*border-bottom: 1px dashed #A6A594;*/

/*border: 1px dashed #A6A594;*/

font-variant: small-caps;

} 



.PageNews h1 {

font: bold 1.4em "Trebuchet MS";

letter-spacing: 1px;

margin: 5px 5px 5px 5px ;

padding: 0;

} 



.PageNews h2 {

font: bold 1.8em "Trebuchet MS";

letter-spacing: 1px;

margin: 0 0 0 5px;

padding: 5px 5px 10px 0;

/*background-color: #C2C1B0;*/

}



.PageNews h3 {

font: bold 1.4em "Trebuchet MS";

margin: 0 0 0 5px;

padding: 0 5px 5px 0;

}



p {

margin: 0;

padding: 5px;

}



#OuSuisJe {

margin: -5px -5px 5px -5px;

padding: 3px 5px 5px 10px;

background-color: #E4E4DB;

border-bottom: 1px solid #C2C1B0;

}



* html #OuSuisJe {

margin: -10px -5px 5px -5px;

padding: 5px 5px 5px 10px;

background-color: #E4E4DB;

border-top: 4px solid #C2C1B0;

border-bottom: 1px solid #C2C1B0;

}



/* ------------------------------------------------------------------ */

/* Page d'accueil */

/* ------------------------------------------------------------------ */

.ImageIndex {

float:left;

margin: 0px 10px 0 0; 

border: 5px solid #C2C1B0;

}



.Image {

margin: 5px; 

border: 5px solid #C2C1B0;

}



.No_Display {

display: none;

}



.note {

text-align: left;

margin: 0 10px 0 10px;

padding: 5px;

border: 1px dashed #C2C1B0;

border-left: 3px solid #C2C1B0;

background: url("../img/note.gif") no-repeat;

background-color: #DEDDD3;

/*background-color: #EAEAE3;*/

}



.avertissement {

text-align: center;

margin: 10px;

padding: 5px;

border: 1px dashed #CC0000;

border-left: 3px solid #CC0000;

background-color: #FFCC66;

/*background-color: #EAEAE3;*/

}



#About {

margin: 0px 5px 0 5px;

padding: 0 5px 5px 5px;

background: url("../img/fondrubrique.png") no-repeat;

/*border-left: 1px dashed #A6A594;*/

/*border-bottom: 1px dashed #A6A594;*/

}



#About ol{

margin: 0 0 0 50px;

padding: 5px 0 5px 0;

}



.Rubriques {

margin: 5px 5px 5px 5px;

padding: 0 5px 5px 5px;

background: url("../img/fondrubrique_2.png") no-repeat;

/*border-bottom: 1px dashed #A6A594;*/

border-top: 1px dashed #C2C1B0;

border-bottom: 1px dashed #C2C1B0;

}



#AConsluter {

margin: 0 5px 0 5px;

padding: 0 5px 5px 0;

/*background: url("../img/Aconsulter.gif") no-repeat;*/

clear:both;

}



.Bloc_A, .Bloc_E, .Bloc_F{

display: block;

/*float: left;*/

padding: 0;

margin: 0;

width: 190px;

height: 41px;

border: 1px dashed #A6A594;

}



#athlete, #equipes, #entraineur {

border: 1px dashed #A6A594;

margin: 0 5px 0 5px;

}



#athlete:hover, #equipes:hover, #entraineur:hover {

border: 1px dashed #A6A594;

border-left: 3px solid #A6A594;

margin: 0 5px 0 3px;

}

/*

.Bloc_A {

background: url("../img/Profil_A.gif") no-repeat;

margin: 5px 5px 0 5px;

}



.Bloc_E {

background: url("../img/Profil_E.gif") no-repeat;

margin: 5px 5px 0 5px;

}



.Bloc_F {

background: url("../img/Profil_F.gif") no-repeat;

margin: 5px 5px 0 5px;

}



.Bloc_A:hover {

background: url("../img/Profil_A_hover.gif") no-repeat;

}



.Bloc_E:hover {

background: url("../img/Profil_E_hover.gif") no-repeat;

}



.Bloc_F:hover {

background: url("../img/Profil_F_hover.gif") no-repeat;

}*/

/* ------------------------------------------------------------------ */



#centerleftcontent ul {

padding: 0;

margin: 5px 0 0 5px;

}



#centerleftcontent li {

list-style: none;

padding: 5px 0 5px 5px;

}



#centerleftcontent li a {

color: #000;

text-decoration: none;

}



#centerleftcontent li a:hover {

text-decoration:underline;

}

/* ------------------------------------------------------------------ */

.TitreRubrique {

padding: 1px;

background-color: #393925;

color: #fff;

font-weight: bold;

font-variant: small-caps;

font-size: 1.4em;

text-align: center;

letter-spacing: 2px;

}



.TitreSousRubrique {

padding: 5px;

background-color: #DEDDD3;

border-top: 1px dashed #C2C1B0;

border-bottom: 1px dashed #C2C1B0;

color: #000;

font-weight: bold;

font-variant: small-caps;

font-size: 1.2em;

text-align: center;

letter-spacing: 2px;

}



.News, .LienRubrique {

padding: 5px 5px 5px 5px;

/*background-color: #EAEAE3;*/

border-right: 1px solid #DEDDD3;

border-bottom: 1px solid #DEDDD3;

border-left: 1px solid #DEDDD3;

}



.NewsTitre {

font-weight: bold;

text-align: left;

padding: 5px 5px 0 5px;

margin: 0;

background-color: #DEDDD3;

/*border-top: 1px dashed #C2C1B0;*/

border-right: 1px solid #DEDDD3;

border-left: 1px solid #DEDDD3;

}



.NewsTitreFirst {

font-weight: bold;

text-align: center;

padding: 10px 5px 10px 5px;

margin: 0;

background-color: #DEDDD3;

border-right: 1px solid #DEDDD3;

border-left: 1px solid #DEDDD3;

border-bottom: 1px dashed #999;

border-top: 1px dashed #999;

}





.News:hover {

/*border-left: 5px solid #333;*/

background-color: #DEDDD3;

}



.LienRubrique img {

vertical-align: -10%;

}



.LienRubrique:hover {

border-left: 1px solid #333;

background-color: #DEDDD3;

}



/* ------------------------------------------------------------------ */

/* Divers   														  */

/* ------------------------------------------------------------------ */



.ImgCoaches {

float: left;

margin: 10px 10px 5px 5px;

border: 3px solid #C2C1B0;

}



.clear {

clear: left;

}



/* ------------------------------------------------------------------ */

/* Page News 														  */

/* ------------------------------------------------------------------ */



.qr p {

padding: 0 10px 0 10px;

margin: 5px 0 5px 10px;

/*border-left: 3px solid #DEDDD3;*/

}



blockquote {

font-style: italic;

}



/*

############################################## 

#=          BALISES POUR LES NEWS           ## 

############################################## */

.PageNews {

margin: 5px 5px 5px 10px;

}



ol li h1 {

font: bold 1.4em "Trebuchet MS";

padding: 0 0 10px 0;

margin: 0;

background: none;

}



.Description h2, li h2 {

font: bold 1.2em "arial";

letter-spacing: 1px;

padding: 5px 0 0 0;

margin: 0 0 0 5px;

border-bottom: 1px dashed #C2C1B0;

}



.PageNews h4 {

font: bold 1.8em "Trebuchet MS";

font-variant: small-caps;

letter-spacing: 1px;

text-align: center;

padding: 0;

margin: 10px 0 0 0;

/*background-color:#EAEAE3;*/

border-top: 1px dashed #C2C1B0;

background: url("../img/fondtitre.gif");

}



#NewsNav {

font: bold 1.0em "Trebuchet MS";

text-align: center;

border-top: 1px dashed #C2C1B0;

background: url("../img/fondtitre.gif");

margin: 10px 0 0 0;

}



.TitreNews {

font: bold 1.1em "Trebuchet MS";

padding: 0 0 0 5px;

}



.Description {

margin: -5px 0 0 0;

padding: 5px;

background: url("../img/fondnews.png") no-repeat;

}



.PageNews ol {

margin: 0;

padding: 0 0 0 30px;

}



.PageNews ol li {

margin: 10px 0 -5px -15px;

padding: 0px 5px 5px 5px;

background: url("../img/fondnews.png") no-repeat;

}



.PageNews ul li {

background: none;

}



.InfosNews {

margin: 0 0 10px 0;

padding: 5px 0 2px 0;

text-align: center;

border-bottom: 1px dashed #C2C1B0;

background: url("../img/fondtitre.gif");

}



#Commentaires {

border-bottom: 1px dashed #C2C1B0;

border-top: 1px dashed #C2C1B0;

background: url("../img/fondtitre.gif");

}



.InfosNews img {

vertical-align: -20%;

}



.StatNews {

margin: 10px -5px 5px -5px;

padding: 3px;

border-top: 1px dashed #C2C1B0;

background-color: #E0E0D7;

}



.StatNews img {

vertical-align: -20%;

}



#NewComment {

margin: 5px;

}



/* ------------------------------------------------------------------ */

/* Formulaires 														  */

/* ------------------------------------------------------------------ */



.textbox {

font: normal 12px "Trebuchet MS";

border: 1px dashed #C2C1B0;

border-left: 3px solid #C2C1B0;

background: url("../img/fondtitre.gif");

padding-left: 3px;

margin: 0;

}



.submit {

font: normal 12px "Trebuchet MS";

border: 1px solid #C2C1B0;

background: url("../img/fondtitre.gif");

}



.SubmitKeywords {

font: normal 12px "Trebuchet MS";

border: 1px solid #C2C1B0;

background: url("../img/fondtitre.gif");

margin: 5px;

}



fieldset {

margin: 0;

padding: 5px 0 5px 10px;

border: 0;

}



legend {

font-weight: bold;

font-variant: small-caps;

}





/* ------------------------------------------------------------------ */

/* Menu "déroulant" et autres										  */

/* ------------------------------------------------------------------ */



#MenuFixe {
position: fixed;
width: 190px;
border: 0px dashed #000;
}

#MenuNormal {
width: 190px;
border: 0px dashed #000;
}

#MenuFixe p, #MenuNormal p {
margin: 2px 2px 3px 2px;
padding: 5px;
background: url("../img/fondmenufixe.png");
border: 1px dashed #C2C1B0;
border-left: 3px solid #C2C1B0;
}

#MenuFixe p:hover, #MenuNormal p:hover {
background: url("../img/fondmenufixe_over.png");
border-left: 3px solid #333333;
}



.V_menuOut 

{

text-align: center;

font-weight: bold;

cursor:pointer; 

padding: 5px 5px 5px 5px;

background-color: #E0E0D7;

border-right: 1px solid #DEDDD3;

border-bottom: 1px solid #DEDDD3;

border-left: 1px solid #DEDDD3;

/*background: url("../img/FondTitre.gif");*/

}



.V_menuOver 

{

text-align: center;

font-weight: bold;

cursor:pointer; 

background-color: #DEDDD3;

border-right: 1px solid #DEDDD3;

border-bottom: 1px solid #DEDDD3;

border-left: 1px solid #333;

/*background: url("../img/FondTitre.gif");*/

}



/* ------------------------------------------------------------------ */

/* Pages Ressources													  */

/* ------------------------------------------------------------------ */



.ImageVideos {

padding: 5px;

margin: 5px;

} 



#Videos li {

padding-bottom: 5px;

margin-bottom: 10px;

border-bottom: 1px dashed #C2C1B0;

} 



#Palmares ul {

margin: 0;

padding: 0;

}

#Palmares li {
padding: 5px 0 5px 5px;
margin: 5px 250px 5px -25px;
list-style:none;
background-color: #EAEAE3;
border: 1px dashed #C2C1B0;
border-left: 3px solid #C2C1B0;
}

#Publications li {
padding: 5px 0 0px 5px;
margin: 5px 5px 5px -25px;
list-style:none;
background-color: #EAEAE3;
border: 1px dashed #C2C1B0;
border-left: 3px solid #C2C1B0;
}

#Publications li p {
padding: 5px 0 5px 5px;
margin: 0px 0px 0px -5px;
border-bottom: 1px dashed #C2C1B0;
}

#Publications li p.Dernier {
padding: 5px 0 5px 5px;
margin: 0px 0px 0px -5px;
border-bottom: 0px;
}

.TitrePublication {
background-color: #D9D8CE;
font-size: 1.2em;
margin: -5px 0 0 -5px;
padding: 5px 0 5px 5px;
border-bottom: 1px dashed #C2C1B0;
font-weight: bold;
}


/* ------------------------------------------------------------------ */

/* Pages Dossiers													  */

/* ------------------------------------------------------------------ */



.ImageCadre {

padding: 0 5px 5px 0;

}



#DownloadDossiers p {

margin: 5px 0 0 30px;

padding: 5px;

}



#DownloadDossiers img{

vertical-align: -5px;

padding: 0 5px 0 0;

}



/*

############################################## 

#=     BALISES POUR L'ENQUETE QUALITE       ## 

############################################## */



table.Enquete {

border: 1px dashed #C2C1B0;

}



.Enquete th {

font: bold 1.4em "Trebuchet MS";

border-bottom: 1px dashed #C2C1B0;

background-color: #EAEAE3;

}



/*

############################################## 

#=              ERREUR 404                  ## 

############################################## */



#Error404 {

font: normal 1.2em "Trebuchet MS";

height: 150px;

margin: 0px 5px 0 5px;

padding: 60px 5px 5px 5px;

background: url("../img/404.png") no-repeat;

}
