/* CSS Document */

body{	
margin:0px; padding:0px; /* pour éviter les marges */
text-align: left; /* pour corriger le bug de centrage IE */
background:white;
font-size:12px; color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
SCROLLBAR-FACE-COLOR: white; SCROLLBAR-HIGHLIGHT-COLOR: white;; CURSOR: default; SCROLLBAR-SHADOW-COLOR: white; SCROLLBAR-3DLIGHT-COLOR:white; SCROLLBAR-ARROW-COLOR:red;  SCROLLBAR-TRACK-COLOR: white; SCROLLBAR-DARKSHADOW-COLOR: white; SCROLLBAR-BASE-COLOR: white; 	}

/******************************   STRUCTURE ***************************************************/
#fond{ position:absolute; left:30%; top :0; z-index:1; text-align:center;  width:330px; height:90px;}
#entete{ position:relative; width: 950px; margin:0; padding:0; height:225px; background-image:url(../objets/entete.jpg); margin-left:auto; margin-right:auto; z-index:2}
#corps{position:relative; width:950px; margin:0; padding:0;  margin-left:auto; margin-right:auto;   overflow:inherit; display:block;}

#pied{float: left; width:950px; margin:0; padding:0; min-height:60px; height:auto; margin-left:auto; margin-right:auto; margin-top:8px; text-align:center; }

#menuhaut{position :absolute; top:203px; width:99%; height:20px;  filter:alpha(opacity=85); border-bottom:1px solid #999999}
#menubas{ top:0px;  width:100%; height:15px; border:1px dotted black;}
#legales{top:18px;  width:100%; height:30px; text-align:center;  }
#gauche{ float:left; text-align: center; width:18%; height:auto;}
#centre{ float:left; text-align:center; width:64%; height:auto; }
#droite{ float:left; text-align:center; width:18%; height:auto;  }
#centre_demo{ float:left; text-align:center; width:100%; height:1130px; text-align:center; overflow:auto; background-image:url(../objets/corps-contact.jpg); }

/********************************   Contenu central   ******************************************/
#modeles{ width:97%; height:350px;border:1px solid black; margin:2px; padding:3px; text-align:justify; background-color:#EAEAEA }
#formule{ width:97%; height:auto;border:1px solid #cccccc; margin:2px; text-align:justify; padding:3px;  }
#profs{ width:97%; height:332px;border:1px solid black; margin:2px; padding:3px; text-align:justify;}
#profs_annu{ width:97%; min-height:418px;border:1px solid black; margin:2px; padding:3px; text-align:justify;}
#bannieres{ width:97%; height:auto;border:1px solid black; margin:2px; padding:3px; text-align:center;}
#tarifs{ width:97%; height:auto;border:1px solid black; margin:2px; padding:3px; text-align:left;}

/********************************  Balises   ***************************************************/
#annonce_g{with:95%; height:198px; margin-top:3px;margin-bottom:2px; text-align:center;}
#utils {with:95%; margin:0; padding:0; height:auto; background-color:#FFFFFF; margin-top:3px; margin-bottom:2px;}
#bouton { width:95%; height:65px; margin-top:3px; margin-bottom:2px; text-align:center}
#vign_annu{ float: left; width:47%; height:125px; border:1px dotted red; margin:2px;padding:0; text-align:left; padding-left:2px; background-image:url(../objets/fond_annu.jpg)}
#liste_annonces{ margin:0; padding:0; text-align:left; max-height:900px; overflow:auto;}


/*********************************** Contenu Publicite ****************************************/
#banHaut_ggl{ position: absolute; top:1px; left:740px; width:200px;  height:200px; background-color:#FFFFFF; z-index:2; }
#centrale_ggl{ width:470px;  height:62px; border:1px dotted #333333; margin-left:auto; margin-right:auto; }
#pied_ggl{ float:left; width:435px; height:92px;  margin-left:2px; margin-bottom:2px; border:1px dotted black; margin-top:10px; text-align:left;  }
#theme_ggl{ float:left; width:162px; height:92px; margin-top:10px; margin-right:4px; border:1px dotted black}
#bancote_ggl { width:171px; height:630px; margin-top:3px;  text-align:center;}
#annonce_d{with:95%; height:630px;margin-top:3px;margin-bottom:2px; text-align:center; vertical-align:middle}
#annonce_d:hover{ filter:alpha(opacity=60);}

#partenaires_bas{top:44px;  width:100%; height:100px; margin:2px;  margin:0; padding:0}


/***************************************** liens   *****************************************/
a.menu{color: #666666; font-size:12px; text-decoration: none;}
a.menu:hover{color:red; }
a.menuh{color: white; font-weight: bold; font-size:12px; text-decoration: none;}
a.menuh:hover{color:red; font-weight: bold}
a.menub{color: Black; font-size:12px; text-decoration: none;}
a.menub:hover{color:#999999; font-weight: bold}
a.divers{color:#999999; font-size:11px; }
a.divers:hover{color:red}
a.annu{color:#993300; font-size:11px; text-decoration:underline; font-family:verdana; }
a.annu:hover{color:red}
a.menu_rub{color:#666666; font-size:11px; text-decoration: none;}
a.menu_rub:visited{color:#999999;}
a.menu_rub:hover{color:white;}

/*******************************************  Polices ************************************/
.date{ font-size:11px; color:red;}

.titre{font-size:17.5px; line-height:26px;  color:#CC3333; font-family:Tahoma ;}

h1{color: white; font-size:12px; background-image: url(../objets/entete.gif); margin:0; padding:0px; background-position:center; height:14px; background-repeat:no-repeat}
h2{color: white;  font-size:8px; background-image: url(../objets/pied.gif);margin:0; padding:0px; background-position:center; background-repeat:no-repeat}

h3{color: white;  font-size:11px; background-image: url(../objets/entete2.jpg); margin:0; padding:0px; background-position:center; height:14px; background-repeat:no-repeat}
h4{color: white;  font-size:8px; background-image: url(../objets/pied2.jpg);margin:0; padding:0px; background-position:center; background-repeat:no-repeat}
h5{color:#999999;  font-size:13px; font-weight:500; margin:0; padding:0px; width:100%; text-align:center; margin-bottom:6px;}
h6{color: white; font-size:12px; background-image: url(../objets/entete.gif);  background-position:left; margin:0px; padding:0px; padding-left:15px; height:14px; background-repeat:no-repeat; text-align:left}

.commentaire{ font-size:10px; color:#FFFFFF}
.deroul{ font-size:11px; color:#666666}

.onglet { background-image:url(../objets/onglet.jpg); text-align:center}
.onglet:hover { background-image:url(../objets/onglet_inv.jpg);}

.liste {font-family: Verdana;font-size: 11px;color: #FFFFFF;font-weight: bold;}

.onglet_rub { background-image:url(../objets/onglet_annu_inv.jpg); text-align:center;  border-bottom:1px solid white}
.onglet_rub:hover { background-image:url(../objets/onglet_annu2_inv.jpg);}
.lancement{	color:yellow; background-color:red;	font-style: italic; }


/**************************************   Formulaires   ************************************/

input.champs {
color:#CC0000; 
background-color:white;
border:1px solid #cccccc; 
font-size:12px; 
height:14px;
padding:0; margin:0;
}

input.bouton{ 
color:white;
background-color:#CC0000; border:0; cursor:pointer;
font-size:12px;
font-weight:bold;
}
input.bouton:hover{ color:black;}

input.boutonTaille{ 
color:white;
background-color:red; 
font-size:12px;
font-weight:bold;
font-family:arial;
width:120px
}
input.boutonTaille:hover{ color:white; background-color:red}


select { 
color: black; 
font-size:10px; 
font-family:arial;
padding-bottom:0px;
}

textarea {
color: black; 
background-color:#ffffff;
}

input.fichier {
color:black; 
background-color:white; 
font-size:10px; 
font-family:arial;
}

/******************************* FORMULAIRE DE CONTACT ***************************************/
#coordonnees{ width:80%; height:auto; border:1px dotted white; text-align:right; padding:10px; color:#666666}
#popForm{
margin:0px;  background-image: url(../objets/corps-contact.jpg);
padding:0px;
width:490px; margin-left:auto; margin-right:auto;
border: 1px solid #D1CFC0;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
height:auto; 
}

#popForm h1{ background-image:url(objets/fondform.jpg);
padding:0;
margin:0;
margin-bottom:1px;
font-size: 15px;
border-bottom: 1px solid white;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:15px;
color:white;
text-align: center;
}
a.bl{color:#FFFFFF; font:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
a.bl:hover{ color:#CC3333}