body
{
   background-image: url("images/fondSite.jpg");
   
}

.avertissement
{
/*text-align:center;*/
margin-top:50px;
margin-left: 30px;
margin-right:30px;
padding: 10px;
background-color:#2c0ffd;
color: white;
font-size: 1.2em;
}

#adsense {
margin-top:90px;
margin-left:20px;
float:right;
height:1000px;
}

.avertissement a
{
color: red;
}
.avertissement:before
{
content: url("images/warning.gif");
}

#site
{
position:relative;
width: 95%;
margin: auto;
/*margin-bottom: 20px;   */
background-image: url("images/blanc.JPG");
border:2px solid black;
}

/* L'en-t�e */
#en_tete
{
  width: 800px;
  height: 100px;
  /*background-image: url("images/haut.png");*/
   background-repeat: no-repeat;
   margin-bottom: 3px;
}

/* Le menu */
#menu
{
position: relative;
margin-left: 0px;
margin-right: 10px;
float: left; /* Le menu flottera �gauche */
}


/* Le corps de la page */


#corps
{

height: auto;
min-height:  600px;
_height:  600px;
position: relative;
/* min-height: 600px; */
/*width: 610px;*/
width:96%;
margin-top: 20px;
margin-bottom: 10px;
/*overflow:auto;*/
/*border: 1px solid gray;*/
}

#corpsAdmin
{
height: auto;
min-height:  600px;
_height:  600px;
position: relative;
/* min-height: 600px; */
margin-top: 40px;
margin-bottom: 10px;
/*overflow:auto;*/
/*border: 1px solid gray;*/
}

#logo
{
margin-top: 20px;
margin-bottom:140px;
}

#pub
{
position: absolute;
top: 850px;
left: 10px;
}

/* Le pied de page (qui se trouve tout en bas, en g��al pour les copyrights) */

#bas
{
font-size:0.9em;
color:#9a9ea1;
padding-top: 14px;
background-image: url("images/bas.jpg");
background-repeat: repeat-x;
font-family:Impact, "Arial Black", Arial, Verdana, serif; 
}

#tabAlert
{
margin-top: 50px;
margin:auto;
border: 1px outset #2a06fd;
}

#tabAlert th
{
   padding: 5px;
   background-color: #1072ff;
   color: white;
   font-size: 1.1em;
}

#tabAlert td
{
padding:5px;
font-size: 1.1em;
font-family: "Comic Sans MS", Arial, "Arial Black", Times, "Times New Roman", serif;
}

#titreNews
{
color: white;
text-decoration:none;
}

#tabNews
{
width:100%;
border-collapse:collapse;
margin-bottom:10px;

}
#tabNews td
{
background-color:#f3f7fe;
 border: 2px solid #3d45ce;
 border-collapse: collapse;
padding:20px;
}

#tabNews th
{
color:#FFFFFF;
font-size: 1.1em;
height:30px;
background-image:url('images/onglet_news.JPG');
background-repeat:no-repeat;
vertical-align:bottom;
text-align:left;
padding-left:20px;
/*background-color:#0000CC;*/
}

#tabroutes
{
border-collapse:collapse;
margin-bottom:10px;
}
#tabroutes td
{
 border: 2px solid #3d45ce;
 border-collapse: collapse;
}

#tabroutes th
{
color:#FFFFFF;
font-size: 1.1em;
height:30px;
background-image:url('images/onglet_route.JPG');
background-repeat:no-repeat;
vertical-align:bottom;
text-align:left;
padding-left:20px;
/*background-color:#0000CC;*/
}

#confInscription
{
margin:auto;
vertical-align:middle;
font-size:1.5em;
}

#aide
{
position:absolute;
width:226px;
height:380px;
background-image: url('images/menuaide.gif');
/*background-repeat:no-repeat;*/
overflow:hidden;
}

#aideif
{
float:right;
margin-top:300px;
}

/*-------------------------------------- gestion de la partie les Bandit ------------------------------------*/

#photoMoto
{
 margin-bottom: 20px;
}

#presentation p
{
 font-style:italic;
}

#presentation
{
margin-bottom: 50px;
}


ul {list-style-type: none;}
li {float:left;}

.menuBandit li {
margin: 1 2px;
width: 110px;
height: 22px;
float:left;
color: #9a9ea1;
background: #fff;
border: 1px solid gray;
vertical-align: middle;
margin-bottom:5px;
}
.menuBandit a{
font-family:Impact, "Arial Black", Arial, Verdana, serif; 
font-size : 1em;
color: #9a9ea1;
background: #fff;
display:block;
vertical-align: middle;
text-align:center;
text-decoration:none;
}

.menuBandit a:hover {
background: #fdf444;
border: 1px solid gray;
color: #2a01ff;}

.menuBandit a:active {
background: #fdf444;
border: 1px solid gray;
color: #2a01ff;}

.concour li {
margin: 1 2px;
width: 220px;
height: 22px;
float:left;
color: #9a9ea1;
background: #fff;
border: 1px solid gray;
vertical-align: middle;
margin-bottom:5px;
}
.concour a{
font-family:Impact, "Arial Black", Arial, Verdana, serif; 
font-size : 1em;
color: #9a9ea1;
background: #fff;
display:block;
vertical-align: middle;
text-align:center;
text-decoration:none;
}

.concour a:hover {
background: #fdf444;
border: 1px solid gray;
color: #2a01ff;}

.concour a:active {
background: #fdf444;
border: 1px solid gray;
color: #2a01ff;}
/*--------------------------------------------------------------------------------------------------------------------*/
#ficheTechnique
{
   width: 520px;
   margin: auto;
   border: 4px outset #3c46c8;
   border-collapse: collapse;
}

#ficheTechnique th
{
   background-color:#3c46c8;
   color: white;
   font-size: 0.9em;
   font-family: "Comic Sans MS", Arial, "Arial Black", Times, "Times New Roman", serif;
   width: 160px;
}

/*-- Uniquement sous firefox ---------*/
#ficheTechnique th:hover
{
   background-color:#fdf444;
	/*background-image:url(images/avatar.png);*/
   color: black;
   font-size: 0.9em;
   font-family: "Comic Sans MS", Arial, "Arial Black", Times, "Times New Roman", serif;
}

#ficheTechnique tr:hover {
background-color: #fdf444;
border: 3px solid gray ;
}
/*------------------------------------*/


#ficheTechnique td
{
   height: 10px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   vertical-align: middle; /* Alignement vertical, le contenu des cellules sera plac�en bas */
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size: 0.8em;
   text-align: center;
   padding: 3px;
}


.Performance caption /* Titre du tableau */
{
   font-family: "Comic Sans MS",Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #3c46c8;
   margin-bottom: 12px; /* Pour �iter que le titre ne soit trop coll�au tableau en-dessous */
}

.Performance /* Le tableau en lui-m�e */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset #0066FF;
   border-collapse: collapse; /* Colle les bordures entre elles */
}

.Performance th /* Les cellules d'en-t�e */
{
   background-color:#3c46c8;
   color: white;
   font-size: 0.9em;
   font-family: "Comic Sans MS",Arial, "Arial Black", Times, "Times New Roman", serif;
   padding: 8px;
}

.Performance td /* Les cellules normales */
{
   height: 10px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   vertical-align: middle; /* Alignement vertical, le contenu des cellules sera plac�en bas */
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size: 0.8em;
   text-align: center;
   padding: 3px;
}

/*-- Uniquement sous firefox ---------*/
.Performance th:hover
{
   background-color:#fdf444;
	/*background-image:url(images/avatar.png);*/
   color: black;
   font-size: 0.9em;
   font-family: "Comic Sans MS", Arial, "Arial Black", Times, "Times New Roman", serif;
}

.Performance tr:hover {
background-color: #fdf444;
border: 3px solid gray ;
}
/*------------------------------------*/

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


#avatar
{
width:90px;
height:90px;
padding:9px;
background-image: url("images/avatar.png");
background-repeat:no-repeat;
margin-right:17px;
}

#clicavatar img
{
	text-decoration: none;
	border: none;
}


.menuAdherent {
float: right;
}

.menuAdherent li {
width: 150px;
height: 22px;
color: #9a9ea1;
background: #fff;
border: 1px solid gray;
vertical-align: middle;
}
.menuAdherent a{
font-family:Impact, "Arial Black", Arial, Verdana, serif; 
font-size : 1em;
color: #9a9ea1;
background: #fff;
display:block;
vertical-align: middle;
text-align:center;
text-decoration:none;
}

.menuAdherent a:hover {
background: #fdf444;
border: 1px solid gray;
color: #2a01ff;}

.menuAdherent a:active {
background: #fdf444;
border: 1px solid gray;
color: #2a01ff;}

#log
{
font-family:Impact, "Arial Black", Arial, Verdana, serif; 
color: blue;
}

#log input
{
font-style:italic;
background-color:#CCCCCC;
}

#log a
{
float:right;
text-decoration:none;
color:#FF0000;
font-size:13px;
}
/*-----------------------------------------------------------------------------------------------------------------------------*/
#profil
{
font-size:26px; 
font-family: "Comic Sans MS", Arial, "Arial Black", Times, "Times New Roman", serif;
margin-top: 15px;
margin-bottom: 16px;
}

/*--------------------------------------------------GALERIE--------------------------------------------------------------*/
#formulaireGallerie 
{
vertical-align: middle
}
#formulaireGallerie td
{
vertical-align: middle
}

#apercu
{
 margin-left: 10px;
}

/*------------------------------------------LISTE ADHERENT -----------------------------------------------------------*/

a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
  
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   zindex: 500; /* on d�init une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par d�aut en curseur d'aide */
}

a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   whitespace: nowrap; /* on change la valeur de la propri��whitespace pour qu'il n'y ait pas de retour �la ligne nond�ir�*/
   top: -30px; /* on positionne notre infobulle */
   left: 55px;
   /*background: white;*/
}

.info img
{
	text-decoration:none;
	border: none;
}

#mabul
{
 height: 316px;
 width: 150px;
 padding-top: 19px;
 padding-left: 19px;
 background-image: url("images/infoBul.jpg");
 background-repeat: no-repeat;
 font-family: Arial, "Arial Black", "Times New Roman", serif;
 text-decoration: none;
 color: white; /* Le titre en vert (pourquoi pas ?) */
 overflow: hidden;
}

#mabul .titre
{
color: green;
}

#listAdherent /* Le tableau en lui-m�e */
{
   
   border: 2px outset blue; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
text-decoration:none;
margin-bottom: 290px;
}

#listAdherent th /* Les cellules d'en-t�e */
{
   background-color: blue;
   color: white;
   font-size: 1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   padding: 8px; 
}

#listAdherent td /* Les cellules normales */
{
   font-size: 0.9em;
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   padding: 4px; /* Petite marge int�ieure aux cellules pour �iter que le texte touche les bordures */
}

#listAdherent caption
{
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: blue;
   margin-top: 20px; 
}

/*------------------------------------------------------------------ menu onglet Admin----------------------------------------------------------------------------------------------------------*/
#header #headernav                 	{float:left; width:90%; white-space: nowrap; text-align: center;background-color:#ffffff;}
#header #headernav strong         	{font-family : arial, verdana, helvetica, sans-serif; font-size: 11px;}
#header #headernav ul              	{margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; list-style: none;background-color:#ffffff;}
#header #headernav li              	{line-height: 10px; font-size: 11px; color: #000000; display: inline; margin: 0px; padding: 0px; }
#header #headernav a               	{float: left; background: url("images/onglet_left_violet.gif") no-repeat left top; margin: 0px;  padding: 0px 0px 0px 6px; text-decoration:none; }
#header #headernav a span          	{float: none; display: block; background: url("images/onglet_right_violet.gif") no-repeat right top; padding: 12px 6px 8px 2px; color: #666666; }
#header #headernav #current a      	{background-position: 0 -150px; border-width: 0px; color: #FFFFFF; }
#header #headernav #current a span 	{background-position: 100% -150px; color: #FFFFFF; }
#header #headernav a:hover         	{background-position: 0% -150px; color: #FFFFFF; }
#header #headernav a:hover span    	{background-position: 100% -150px; color: #FFFFFF; }

#header #searchbar 			{float:left; width:97%;color: #ffffff; font-size: 19px; margin: 0px;background-color:#3c46c8; height: 26px;}
#header #searchbar p			{margin: 5px; text-align: right; font-size: 20px; padding-right:10px;}
#header #searchbar .sep 			{margin: 0px 6px 0px 6px}


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


/*------------------------------------------------------------------ menu onglet ----------------------------------------------------------------------------------------------------------*/
#acces #accesnav                 	{float:left; width:90%; white-space: nowrap; text-align: center;background-color:#ffffff;}
#acces #accesnav strong         	{font-family : arial, verdana, helvetica, sans-serif; font-size: 11px;}
#acces #accesnav ul              	{margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; list-style: none;background-color:#ffffff;}
#acces #accesnav li              	{line-height: 10px; font-size: 11px; color: #000000; display: inline; margin: 0px; padding: 0px; }
#acces #accesnav a               	{float: left; background: url("images/onglet_left_violet.gif") no-repeat left top; margin: 0px;  padding: 0px 0px 0px 6px; text-decoration:none; }
#acces #accesnav a span          	{float: none; display: block; background: url("images/onglet_right_violet.gif") no-repeat right top; padding: 12px 6px 8px 2px; color: #666666; }
#acces #accesnav #current a      	{background-position: 0 -150px; border-width: 0px; color: #FFFFFF; }
#acces #accesnav #current a span 	{background-position: 100% -150px; color: #FFFFFF; }
#acces #accesnav a:hover         	{background-position: 0% -150px; color: #FFFFFF; }
#acces #accesnav a:hover span    	{background-position: 100% -150px; color: #FFFFFF; }

#acces #searchbar 			{float:left; width:97%;color: #ffffff; font-size: 19px; margin: 0px;background-color:#3c46c8; height: 26px;}
#acces #searchbar p			{margin: 5px; text-align: right; font-size: 20px; padding-right:10px;}
#acces #searchbar .sep 			{margin: 0px 6px 0px 6px}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
a.info {
   position: relative;
   color: black;
   textdecoration: none;
   borderbottom: 1px gray dotted; /* on souligne le texte */
}
a.infoBulle span {
   display: none; /* on masque l'infobulle */
}
a.infoBulle:hover {
   background: none; /* correction d'un bug IE */
   zindex: 500; /* on d�init une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par d�aut en curseur d'aide */
}
a.infoBulle:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   whitespace: nowrap; /* on change la valeur de la propri��whitespace pour qu'il n'y ait pas de retour �la ligne nond�ir�*/

   top: 300px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   borderleft: 4px solid green;
}

/*------------------------------------------------------------------------------VOTES MOTO----------------------------------------------------------------------------------------------------------------*/
#questionnaire
{
margin:auto;
}

#plusMoin
{
margin-top:35px;
margin: auto;
}

#note
{
border : none;
position: relative;
left: 90%;
}
#note:hover
{
height:48px;
}

#detailAvis
{
margin: auto;
width: 95%;
border: 1px outset blue; 
border-collapse:collapse;
font-size: 1em;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}

#detailAvis .plus
{
color: blue;
}
#detailAvis  .plus:before
{
content: url("images/fleche.gif");
}

#detailAvis .moins
{
color: red;
}
#detailAvis .moins:before
{
content: url("images/fleche.gif");
}

#detailAvis .pseudo
{
color: white;
background-color: #3c46c8;
font-size: 1.2em;
width:100%;
}

#resultatAvis
{
margin:auto;
vertical-align:bottom;
padding-bottom:15px;
font-size: 1em;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}

#resultatAvis caption /* Titre du tableau */
{
   font-family: "Comic Sans MS",Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #3c46c8;
   margin-bottom: 30px; /* Pour �iter que le titre ne soit trop coll�au tableau en-dessous */
}

#question
{
vertical-align:bottom;
padding-bottom:15px;
font-size: 1em;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}
 label
 {
 font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
 font-size: 1em;
 }
#recapq1
{
padding-left:25px;
}
#recapq2
{
padding-left:25px;
}
#recapq3
{
padding-left:25px;
}
#recapq4
{
padding-left:25px;
}
#recapq5
{
padding-left:25px;
}
#recapq6
{
padding-left:25px;
}
#recapq7
{
padding-left:25px;
}
#recapq8
{
padding-left:25px;
}

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

#source
{

 font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
 font-size: 0.7em;
float:right;
}

/*------------------------------------------------------------------ menu acces ----------------------------------------------------------------------------------------------------------*/
#admin #adminnav                 	{margin:auto; width:100%; white-space: nowrap; text-align: center;background-color:#ffffff;}
#admin #adminnav strong         	{font-family : arial, verdana, helvetica, sans-serif; font-size: 11px;}
#admin #adminnav ul              	{margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; list-style: none;background-color:#ffffff;}
#admin #adminnav li              	{line-height: 10px; font-size: 11px; color: #000000; display: inline; margin: 0px; padding: 0px; }
#admin #adminnav a               	{float: left; background: url("images/onglet_left_violet.gif") no-repeat left top; margin: 0px;  padding: 0px 0px 0px 6px; text-decoration:none; }
#admin #adminnav a span          	{float: none; display: block; background: url("images/onglet_right_violet.gif") no-repeat right top; padding: 12px 6px 8px 2px; color: #666666; }
#admin #adminnav #current a      	{background-position: 0 -150px; border-width: 0px; color: #FFFFFF; }
#admin #adminnav #current a span 	{background-position: 100% -150px; color: #FFFFFF; }
#admin #adminnav a:hover         	{background-position: 0% -150px; color: #FFFFFF; }
#admin #adminnav a:hover span    	{background-position: 100% -150px; color: #FFFFFF; }

#admin #searchbar 			{float:left; width:100%;color: #ffffff; font-size: 19px; margin: 0px;background-color:#3c46c8; height: 26px;}
#admin #searchbar p			{margin: 5px; text-align: right; font-size: 20px; padding-right:10px;}
#admin #searchbar .sep 			{margin: 0px 6px 0px 6px}

/* formulaire acces*/
#formulaireAccessoire label
{
width:280px;
display:block;
float: left;
}
#formulaireAccessoire label
{
width:280px;
display:block;
float: left;
}

#tabloaccessoire
{
   width: 520px;
   margin: auto;
   border: 4px outset #3c46c8;
   border-collapse: collapse;
}

#tabloaccessoire th
{
   background-color:#3c46c8;
   color: white;
   font-size: 0.9em;
   font-family: "Comic Sans MS", Arial, "Arial Black", Times, "Times New Roman", serif;
   width: 60px;
}

/*-- Uniquement sous firefox ---------*/
#tabloaccessoire th:hover
{
   background-color:#fdf444;
	/*background-image:url(images/avatar.png);*/
   color: black;
   font-size: 0.9em;
   font-family: "Comic Sans MS", Arial, "Arial Black", Times, "Times New Roman", serif;
}

#tabloaccessoire tr:hover {
background-color: #fdf444;
border: 3px solid gray ;
}
/*------------------------------------*/


#tabloaccessoire td
{
   height: 10px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   vertical-align: middle; /* Alignement vertical, le contenu des cellules sera plac�en bas */
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size: 0.8em;
   text-align: center;
   padding: 2px;
}

a.access{
   position: relative;
   text-decoration: none;
   border-bottom: 1px white dotted; /* on souligne le texte */
}

a.access span {
   display: none; /* on masque l'infobulle */
}
a.access:hover {
   background: none; /* correction d'un bug IE */
   zindex: 0; /* on d�init une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par d�aut en curseur d'aide */
}
a.access:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   whitespace: nowrap; /* on change la valeur de la propri��whitespace pour qu'il n'y ait pas de retour �la ligne nond�ir�*/
   top: 90px; /* on positionne notre infobulle */
   left: 0px;
   background: white;
}

#detailAccesoire
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size: 1 em;
    padding: 2px;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------TUTO----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#auteurTuto a
{
text-decoration:none;
}

#auteurTuto a:hover
{
text-decoration:underline;
}

#auteurTuto
{
font-family: "Trebuchet MS", Times, "Times New Roman", serif;
font-size:0.8em;
position:relative;
float:right;
background-color:#CCCCCC;
border: 1px solid #0000FF;
}

#contenuTuto
{
margin-top: 160px;
}

.titre
{
text-align:center;
font-size:2em;
color:#0000FF;
}

#listTuto /* Le tableau en lui-m�e */
{
   
   border: 2px outset blue; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
text-decoration:none;
margin-bottom: 20px;
}

#listTuto th /* Les cellules d'en-t�e */
{
   background-color: blue;
   color: white;
   font-size: 0.9em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   padding: 3px; 
}

#listTuto td /* Les cellules normales */
{
   font-size: 0.8em;
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   padding: 4px; /* Petite marge int�ieure aux cellules pour �iter que le texte touche les bordures */
}

#listTuto caption
{
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: blue;
   margin-top: 20px; 
}

#listTuto a
{
	text-decoration:none;
}

#listTuto a:hover
{
	text-decoration:underline;
}

#boutton img
{
	text-decoration: none;
	border: none;
}

#commentaireTuto 
{
 width: 100%;
border-collapse:collapse;
border: 1px solid black;
}

#commentaireTuto th
{
 vertical-align:middle;
 color:white;
}
/*-----------------------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------METEO------------------------------------------------------------------
/*-----------------------------------------------------------------------------------------------------------------------------*/

#prevJour
{
width:500px;
text-align:center;
border-collapse:collapse;
border:1px solid #3c46c8;
}

#prevJour th
{
background-color:#3c46c8;
font-size:1.3em;
color:#FFFFFF;
}
#prevJour td
{
padding: 10px;
margin: 1px solid #3c46c8;
}

#maville
{
margin-top: 80px;
font-size:1.5em;
text-decoration:underline;
color:#3c46c8;
}

#p7
{
margin-top: 30px;
border:1px solid #3c46c8;
width:500px;
}

#p7 th
{
background-color:#3c46c8;
font-size:1.0em;
color:#FFFFFF;
width: 40px;
}

/*-----------------------------------------------------------------------------------------------------------------------------
/*---------------------------------------------ADMINISTRATION------------------------------------------------------------------
/*-----------------------------------------------------------------------------------------------------------------------------*/

#newnew
{
float:right;
margin-top: 40px;
}

#fck
{
position:relative;
margin-top: 80px;
}

#listeNews
{
margin:auto;
border: 1px outset blue;
width:80%;
border-collapse:collapse;
margin-bottom:15px;
}

#listeNews a img
{
text-decoration:none;
border:none;
}

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

/*------------------------------------------------------------------ menu onglet Admin----------------------------------------------------------------------------------------------------------*/
#aideo #aidenav                 	{float:left; width:90%; white-space: nowrap; text-align: center;}
#aideo #aidenav strong         		{font-family : arial, verdana, helvetica, sans-serif; font-size: 11px;}
#aideo #aidenav ul              	{margin: 10px 0px 0px 20px; padding: 0px 0px 0px 0px; list-style: none;background-color:#ffffff;}
#aideo #aidenav li              	{line-height: 10px; font-size: 11px; color: #000000; display: inline; margin-top: 50px; padding: 0px; }
#aideo #aidenav a               	{float: left; background: url("images/ongletaide1.GIF") no-repeat left top; margin: 0px;  padding: 0px 0px 0px 6px; text-decoration:none; }
#aideo #aidenav a span          	{float: none; display: block; background: url("images/ongletaide2.GIF") no-repeat right top; padding: 12px 6px 8px 2px; color: #666666; }
#aideo #aidenav #current a      	{background-position: 0 -150px; border-width: 0px; color: #FFFFFF; }
#aideo #aidenav #current a span 	{background-position: 100% -150px; color: #FFFFFF; }
#aideo #aidenav a:hover         	{background-position: 0% -150px; color: #FFFFFF; }
#aideo #aidenav a:hover span    	{background-position: 100% -150px; color: #FFFFFF; }*

#aideo #searchbar 			{float:left; width:97%;color: #ffffff; font-size: 19px; margin: 0px;background-color:#3c46c8; height: 26px;}
#aideo #searchbar p			{margin: 5px; text-align: right; font-size: 20px; padding-right:10px;}
#aideo #searchbar .sep 			{margin: 0px 6px 0px 6px}*

#corAide
{
margin: 100px 0px 0px 15px;
width: 200px;
height: 250px;
overflow:auto;
color:#FFFFFF;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
font-size:0.9em;
}

#ill
{
margin:auto;
}

h4
{
text-decoration:underline;
}


#tabModif
{
border-collapse:collapse;
margin-bottom:10px;
margin-right:20px;
}
#tabModif td
{
 border: 2px solid #3d45ce;
 border-collapse: collapse;
}

#tabModif th
{
color:#FFFFFF;
font-size: 1.1em;
height:30px;
background-image:url('images/onglet_modif.JPG');
background-repeat:no-repeat;
vertical-align:bottom;
text-align:left;
padding-left:20px;
/*background-color:#0000CC;*/
}

#listMesModif
{
margin-top: 110px;
padding: 10px;
background-color:#2c0ffd;
color:white;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
margin-bottom: 10px;
}

a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}



#photoConcour
{
border: 2px outset blue; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
}


#photoConcour td
{
border: 2px outset blue; /* Bordure du tableau avec effet 3D (outset) */
}


#photoConcour th /* Les cellules d'en-t�e */
{
   background-color: blue;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
#titreConcour
{
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   margin-bottom: 20px; /* Pour �iter que le titre ne soit trop coll�au tableau en-dessous */
}


.new caption /* Titre du tableau */
{
   font-family: "Comic Sans MS",Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #3c46c8;
   margin-bottom: 12px; /* Pour �iter que le titre ne soit trop coll�au tableau en-dessous */
}

.new /* Le tableau en lui-m�e */
{
   border: 4px outset #0066FF;
width:500px;
   border-collapse: collapse; /* Colle les bordures entre elles */
}

.new th /* Les cellules d'en-t�e */
{
   background-color:#3c46c8;
   color: white;
   font-size: 0.9em;
   font-family: "Comic Sans MS",Arial, "Arial Black", Times, "Times New Roman", serif;
   padding: 8px;
}

.new td /* Les cellules normales */
{
   height: 10px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   vertical-align: middle; /* Alignement vertical, le contenu des cellules sera plac�en bas */
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size: 0.8em;
   text-align: center;
   padding: 3px;
}


/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*---------------------HTML !!!!!---------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/

#menuHTML dl,#menuHTML dt,#menuHTML dd,#menuHTML ul,#menuHTML li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menuHTML {
margin-top:360px;
}
dl#menuHTML {
width: 12em;
}
dl#menuHTML dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
font-size:1.2em;
border: 1px solid gray;
background-color:#2b03fa;
}
dl#menuHTML dd {
border: 1px solid gray;
}
dl#menuHTML li {
text-align: center;
background: #919291;
}
dl#menuHTML dt a {
color:#919291;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menuHTML li a {
color:#fef53d;
font-weight: bold;
font-size:1.em;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menuHTML dt :hover {
background: #eee;
}

dl#menuHTML li a:hover, dl#menuHTML dt a:hover {
background: #fef53d;
color:#2b03fa;
}

/*
-----------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------
Annuaire
-----------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------
*/

#annu legend
{
font-weight: bold;
}

#annu table {
margin : auto;
}

#annu table td{
padding: 4px;
}

#TabAnnuaire caption
{
margin-top: 70px;
margin-bottom: 30px;
}

#TabAnnuaire{
border: 1px outset grey;
border-collapse: collapse;
width : 100%;
}

#TabAnnuaire th{
padding-left: 25px;
text-align: left;
background: #3490da;
}

#TabAnnuaire td{
padding: 10px;
vertical-align: top;
/*width : 50%;*/
}

#TabAnnuaire a{
font-size: 0.8em;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
color: black;
text-decoration: underline;
}

#TabAnnuaire p:before
{
content: url("images/puce.jpg");
margin-right: 10px;   
}

#TabAnnuaire p1:before
{
content: url("images/annuaire/puceSousCat.jpg");
margin-right: 10px;   
}

#TabAnnuaire p{
font-size: 1.2em;
margin-bottom:4px;
font-weight: bold;
}

#TabAnnuaireLiens p{
margin-bottom:-11px;
}

#TabAnnuaireLiens td{
vertical-align:middle;
font-size: 0.9em;
}

#VoteAnnuaire
{
 height: 88px;
 width: 240px;
 padding-top: 90px;
 padding-left: 130px;
 background-position: center;
 background-image: url("images/annuaire/vote.png");
 background-repeat: no-repeat;
 font-family: Arial, "Arial Black", "Times New Roman", serif;
 text-decoration: none;
 color: white; 
 overflow: hidden;
}

#TabAnnuaireLiens a:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   whitespace: nowrap; /* on change la valeur de la propri��whitespace pour qu'il n'y ait pas de retour �la ligne nond�ir�*/
   top: -60px; /* on positionne notre infobulle */
   left: 0px;
}