/**************************************
style.php                                                                
Version 4.0
Emeric DENIS

Css de mise en page
Date 1er code : 11/08/2007
Mise à jour : 11/08/2007
*************************************/

body
{
margin:0px;
padding:0px;
font-size:0.9em;
background: url('pics/design/backgroundRepeat.png') repeat-y left;
background-color: #F2F2F2;
font-family:"Trebuchet MS",Verdana,arial,serif;
color:#515151;
}

#body2
{
background: url('pics/design/backgroundRepeatRight.png') repeat-y right;
}

a
{
color:#9F9F9F;
text-decoration: none;
}

a:hover
{
color:#9F9F9F;
text-decoration: underline;
}

a:visited
{
color:#9F9F9F;
}

a img 
{
border:0px;
}

fieldset
{
margin-top: 10px;
padding-top: 10px;
}

legend
{
color:#515151;
font-weight:bold;
}

#en_tete
{
margin:0px;
padding:0px;
height:213px;
text-align:center;
}

#en_tete table
{
border-collapse:collapse;
border:0px;
}

#en_tete .left
{
margin:0px;
width:772px;
padding:0px;
}

#en_tete .center
{
margin:0px;
padding:0px;
background: url('pics/design/headRepeat.png') repeat-x;
width:100%;
}

#en_tete .right
{
margin:0px;
width:772px;
padding:0px;
}

#menu
{
float : left;
width: 225px;
margin:0px auto;
padding-top:30px;
background-color: #D6F0FF;
background: url('pics/design/menuHaut.png') no-repeat;
}


#menu ul, #menuDroit ul
{
list-style-image: url("pics/design/puce.png");
}

#menu li, #menuDroit li
{
padding-bottom:5px;
}

#menu .titleTable, #menuDroit .titleTable
{
width:220px;
margin:0px;
}

#menuDroit .titleTable
{
width:190px;
margin:0px;
}

#menu .titleTable, #menu .titleTr, #menu .titleCenter, #menu .titleLeft, #menu .titleRight, #menuDroit .titleTable, #menuDroit .titleTr, #menuDroit .titleCenter, #menuDroit .titleLeft, #menuDroit .titleRight
{
font-size:1.1em;
border:0px;
border-collapse: collapse;
padding:0px;
color:white;
font-weight:bold;
font-style:italic;
text-align:center;
}

#menu .titleCenter
{
background: url('pics/design/titleMenuRepeat.png') repeat-x;
width:100%;
vertical-align:bottom;
}

#menu .corps_menu, #menuDroit .corps_menu
{
border: 1px solid #848686;
border-top:1px solid #F4F9FD;
background-color:#B5CFFC;
color: #0d39c8;/*c7bdae;*/
padding: 0px;
margin: 0px;
margin-bottom:10px;
}

#menu a, #menuDroit  a
{
color:#515151;
text-decoration: none;
}

#menu a:hover, #menuDroit a:hover
{
color:#515151;
text-decoration: underline;
}

#menu a:visited, #menuDroit a:visited
{
color:#515151;
}

#menu label.label_cote, #menuDroit label.label_cote
{
width:60px;
clear:left;
float:left;
text-align:center;
margin-right:15px;
}

#menuDroit
{
float : right;
width: 195px;
min-height:100%;
margin:0px auto;
padding-top:30px;
background-color: #D6F0FF;
}

#menuDroit .titleCenter
{
background: url('pics/design/titleMenuRepeat.png') repeat-x;
width:100%;
vertical-align:bottom;
text-align:left;
}

#menuDroit .slideshow
{
margin-top:10px;
text-align:center;
height:130px;
}



#corps
{
margin-left:250px;
margin-right:220px;
margin-top:30px;
margin-bottom :50px;
min-height:450px;
}

#corps h3
{
font-size: 1.1em;
}


#corps h4
{
font-size: 1em;
margin-top:20px;
margin-left:20px;
}

#corps .titleTable
{
width:90%;
margin:auto;
}

#corps .titleTable, #corps .titleTr, #corps .titleCenter, #corps .titleLeft, #corps .titleRight
{
font-size:1.1em;
margin-bottom:20px;
border:0px;
border-collapse: collapse;
padding:0px;
color:#0215C9;
font-weight:bold;
font-style:italic;
text-align:center;
}

#corps .titleCenter
{
background: url('pics/design/titleCorpsRepeat.png') repeat-x;
width:100%;
}

#corps .promTable
{
margin-left:30px;
margin:auto;
border: 2px solid #A9A9A9;
border-collapse: collapse;
}

#corps .promTable caption
{
font-size:1.1em;
padding-bottom:10px;
margin-left:30px;
margin:auto;
text-align:center;
}

#corps .promTable th, #corps .promTable td
{
width:80px;
padding:10px;
text-align:center;
border: 2px solid #A9A9A9;
border-collapse: collapse;
}

#corps .tableau
{
width:95%;
margin:auto;
border: 1px solid #A9A9A9;
border-collapse: collapse;
}

#corps .tableau th, #corps .tableau td
{
border: 1px solid #A9A9A9;
border-collapse: collapse;
}

#corps .piloteTable
{
width:90%;
margin:auto;
margin-bottom:50px;
}

#corps .photoPilote
{
width:200px;
text-align:center;
}

#corps .aideTdLeft
{
text-align:left;
font-weight:bold;
width:200px;
vertical-align:top;
}

#corps .aideTdRight
{
padding-bottom:50px;
}

#corps .videoTdImg
{
width:100px;
}

#corps .links
{
margin-bottom:20px;
}

#corps .colSmall
{
width:120px;
}

#corps .colMed
{
width:200px;
}

#corps .spacer /*Div qui sert a sauter des lignes dans les formulaires*/
{
clear:both;
height:6px;
}

#corps .accroche
{
text-align:center;
font-size:1.2em;
}

#corps label.label_cote /* Les labels sont placés sur une "colonne" à gauche  */
{
width:180px;
clear:left;
float:left;
text-align:right;
margin-right:15px;
}


#corps .vignette
{
width: 160px;
height: 150px;
/*clear:left;*/
float:left;
text-align:center;
margin-right:10px;
margin-bottom:20px;
font-weight:bold;
font-size:0.8em;
}

#corps .msgError
{
color: #ff8000;
font-weight: bold;
}

#corps .boxError
{
color: #ff8000;
font-weight: bold;
border:2px #ff8000 dashed;
margin:10px;
padding:10px;
}

#corps .send
{
text-align:center;
}

#corps .boxCorps
{
overflow:auto;
width:100%;
margin:auto;
}

#corps .titreDiv
{
height: 18px;
font-size:90%;
margin-bottom:0px;
padding-top:4px;
padding-left:8px;
padding-right:8px;
vertical-align: bottom;
font-weight:bold;
}

#corps .attachDiv
{
padding:20px;
border:1px solid #A9A9A9;
width:90%;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}

#corps .newsTable
{
width:100%;
margin:auto;
margin-bottom:20px;
}

#corps .newsTable, #corps .newsTr, #corps .newsCenter, #corps .newsLeft, #corps .newsRight
{
font-size:1em;
border:0px;
border-collapse: collapse;
padding:0px;
color:#0215C9;
font-weight:bold;
font-style:italic;
text-align:left;
}

#corps .newsCenter
{
background: url('pics/design/titleNewsRepeat.png') repeat-x;
width:100%;
padding-left:5px;
}


#corps .contenuDiv
{
overflow:auto;
}



#corps .retour
{
margin-top :30px;
text-align:right;
}

#corps .listeMsg
{
width:100%;
color: #000000;
}

#corps .listeMsg a, #corps .listeMsg a:hover, #corps .listeMsg a:visited
{
color: #000000;
}

#corps .listeMsg a:hover
{
text-decoration: underline;
}


#corps .listeMsg caption
{
padding-bottom: 20px;
font-weight:bold;
font-style:italic;
font-size:1.3em;
}

#corps .listeMsg, #corps .listeMsg td
{
border: 1px solid #6394bd;
border-collapse:collapse;
background-color: #B5CFFC;
}

#corps .listeMsg .icon
{
text-align:center;
width:40px;
background-color: #afc6db;
}

#corps .listeMsg .medium
{
width:150px;
}

#corps .listeMsg th
{
text-align:center;
background: url('pics/design/titleNewsRepeat.png') repeat-x;
height:30px;
}

#corps .readMsg
{
width:100%;
color: #000000;
}

#corps .readMsg, #corps .readMsg td
{
border: 1px solid #6394bd;
border-collapse:collapse;
}

#corps .readMsg caption
{
padding-bottom: 20px;
font-weight:bold;
font-style:italic;
font-size:1.3em;
}

#corps .readMsg .titleMsg
{
background: url('pics/design/titleNewsRepeat.png') repeat-x;
height:30px;
}

#corps .readMsg .bodyMsg, #corps .readMsg .bodyMsg td
{
background-color: #B5CFFC;
padding : 10px;
}

#corps .readMsg .bodyMsgAdmin, #corps .readMsg .bodyMsgAdmin td
{
background-color: #6394bd;
padding : 10px;
}


#pied_de_page
{
clear:both;
margin:0px;
margin:auto;
margin-bottom:10px;
font-weight:bold;
font-style:italic;
text-align:center;
}


.pageActuelle
{
font-weight:bold;
}

.pagination
{
text-align:center;
}

.center
{
text-align:center;
}

.icone
{
float:right;
}

.move
{
cursor: move;
}

.cachediv
{
top: -20px;
position: relative;
text-align:right;
visibility:hidden;
display:none;
}

.petitTexte
{
font-size:0.8em;
}

.spacer
{
clear:both;
height:6px;
}

/* Pour les info bulles spéciales*/
.info {
position: relative;   
}

.info span {
display: none; /* on masque l'infobulle */
}

.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}

.info:hover span {
display: inline; /* on affiche l'infobulle */
text-align:left;
text-decoration:none;
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: #B5CFFC;
padding: 3px;
color: #0D39C8;
border: 1px solid #848686;
border-left: 4px solid #848686;
}