.vide
{
color: rgb(21,104,186);

}

.aligne
{
text-align: center;

}

.img
{
border:0px solid #FFF;

}


/* tout le site */

body
{
width:auto;
background-attachment:fixed;
}


/**/
/*la bannière et le "ouvrir une session" générale*/


#en_tete
{
    
margin-top: -30px;
text-align:center; 
margin-left: 0px;
margin-bottom: -40px;
   
}

#langue
{
display:block;
text-align: right;
margin-top: 1%; 
margin-right: 1%;
margin-bottom: 0%;

}

.img-drap
{
border:0px solid #FFF;
padding-left:2%;

}
/**/
/*les liens menu général */

.bande-haute-menu
{
margin-left:0px;
margin-bottom: -30px;

}

#menu
{
 font-family:Tahoma, "Times New Roman", Times, serif;
 color: white;
    
}

.debut-menu
{
	text-align:center;
margin-top: 0%;
 margin-bottom: 0%;	
 
}



.menu-liens
{
color: white;
border:0px solid #FFF;
text-decoration: none;
}


/**/
/*tout le corps géneral*/

#corps
{
   width: 990px;
   margin-left:auto;
   margin-right:auto;
   margin-bottom: 0%; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   
   /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */   
   color: black;
   background-color: white;    
   border: solid orange 5px; /* Une bordure pour bien marquer les limites du corps et pour faire joli */      
   font-size: 16px;
   font-family:Tahoma, "Times New Roman", Times, serif;
   text-indent: 5px;
   font-weight:lighter;
   background-attachment: fixed;
  
 
}
.colonne_gauche
{
	float:left;
}

.colonne-droite
{
   float: right;
   margin-top:-2px;
   margin-right:0px;
   margin-left:-16px;
   background-color: rgb(238, 238, 238);
   background-attachment: fixed;
   
}

.titre-colonne-droite
{
   font-family:Tahoma, "Times New Roman", Times, serif;
   font-weight: lighter;
   font-size: 22px;
   text-align:center;
   color: rgb(21,104,186);




}


/**/
/*tout pied de page générale*/


#pied_de_page
{
	text-align: center;
	font-size:14xp;
	font-family:Tahoma, "Times New Roman", Times, serif;
}

.plan_du_site
{
text-decoration: none;
font-size:11px;
color: rgb(241, 147, 0);

}

.mail
{
text-decoration:none;
color: gray;

}

.pied-page
{
color: rgb(241, 147, 0);
font-size: 16px;
text-decoration: none;
font-weight: lighter;
font-family:Tahoma, "Times New Roman", Times, serif;


}


.bande-haute-menu2
{
margin-top: -40px;



}

/**/

/* Base pour les liens */

.lien-tarif
{
color: black;
font-size:28px;

}

.lien-rouge
{
color: red;
font-style:italic;

}


/*spécificitées*/

/*corps pour l'accueil*/

.black
{
color:#050505;

}

.bienvenue
{
color:#666666;
font-family:Tahoma, "Times New Roman", Times, serif;
font-weight:lighter;
font-style:italic;
text-align: center;
margin-top:0px;
}

.titre-news
{
font-family: Tahoma, arial; ; /* Georgia Century Tahoma Verdana */
color: red;

}


.gris-trait
{
color: rgb(240, 240, 240);


}


.titre-news
{
background-image:url(WEBSITE/entete-news.png);
margin-left:-0px;
display:block;
margin-bottom:-10px;

}

.news
{
	font-family:Tahoma, "Times New Roman", Times, serif;
	font-size:14px;
	
}

.cote-news
{
background: url(WEBSITE/trait-cote-news.png);
display:block;
margin-left:0px;
margin-bottom:-8px;


}


.bas-news
{
	margin-bottom:-20px;




}
.bleu
{
color: rgb(21,104,186);

}

/*NEWSLETTER */

.newsletter-1
{
color: orange;
font-size: 16px;
font-family: Tahoma, times, arial, sans-serif;



}

.newsletter-2
{
color: rgb(21,104,186);
font-size: 24px;
font-family: Tahoma, times, arial, sans-serif;



}

.newsletter-3
{
color: black;
font-size: 12px;
font-style: italic;
font-family: Tahoma, times, arial, sans-serif;



}


.newsletter-4
{
color: rgb(21,104,186);
font-size: 12px;
font-style: italic;
font-family: Tahoma, times, arial, sans-serif;



}

.newsletter-5
{
color: rgb(21,104,186);
font-size: 12px;
font-style: italic;
font-family: Tahoma, times, arial, sans-serif;
text-decoration: underline;



}



.menu-liens2
{

color: rgb(21,104,186);
border:0px solid #FFF;

}


.gris
{
color: rgb(239, 239, 239);


}

.sub1
{
width: 600px;
float: left;


}

.grand
{
font-size: 22px;
color: gray;
font-style: italic;


}


.grand2
{
font-size: 15px;
color: black;
font-style: italic;


}


/**/
/*DIAPORAMA */

.gauche
{
float: left;
margin-top:-2%;	
margin-left: 10%;
margin-bottom:-25px;
	
}







/*Produit*/

/* MENU */

.grand-titre-produits
{
text-align:center;
color: gray;
font-family: "times new roman", arial;
font-weight: lighter;
font-style:italic;

}


.lien_produit
{
font-size: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
color: white;
font-weight:lighter;
text-decoration:none;

}

.lien_liste /* Image de liste pour produit */
{
list-style-image:url(img/logo-petit-noir.png);
list-style-position: outside;

}

.lien_liste-noir
{
list-style-image:url(img/logo-petit2.png);

}

.lien_liste2 /* pas d'image */
{
list-style-type:none;

}

/**/
/*CORPS*/



.lien_produits
{

color: black;
font-size: 12px;
font-family: giorgia, verdana, arial;
text-decoration: underline;
text-align: left;
}


.produit
{
font-size:16px;
font-weight: bold;
color: black;

}

/**/

/*TOUS LES PRIX - TARIFS 2009 */


.prix
{
text-align: center;

}
	
.tirets
{
border: dashed gray 1px;

}

.tableau-prix
{
	width: 757px;
	
	
}

.caption-prix
{
text-align:center;
color: red;
font-size: 20px;

}


.colonne-prix
{
	width: 130px;
	border: dashed gray 1px;
	text-align: center;
	font-weight: bold;
	
}

/*Couleur pour le tableau de prix; couleur = catégorie ! */

.prix-1
{	
border: dashed gray 1px;
font-size: 19px;
color: black;
font-weight: lighter;
padding: 6px;

}

.img-tarifs
{
border:0px solid #FFF;
padding:3px;

}

.legend-prix
{
	color: red;
	
}


/**/
/****/
/*GRILLE SECURISEE*/


.img_grille
{
width: 760px;
height: 400px;

}

.align /* alignement du texte pour image*/
{
text-align:center;
font-style:italic;
color: rgb(21,104,186);
font-size:21px;

}

.titre-grille
{
font-size: 24px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align: center;
font-style:italic;
color: rgb(21,104,186);

}

.titre-grille-petit
{
font-size: 18px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align: center;
font-style:italic;
font-weight: lighter;
color:#0B00D5;

}


.italic
{
font-style:italic;

}


.menu-petit
{
width: 350px;
height: 100px;
float: left;



}


.menu-liens2
{
color: rgb(21,104,186);
border:0px solid #FFF;
text-decoration: none;
font-size: 30px;
text-align: center;
}

.photo-acc
{
width: 520px;

}





/**/
/*COFFRET DE DEPART*/

.titre-produit-petit
{
font-size: 18px;
text-align: left;
font-style:italic;
color: #74B2DE;
}

.termes
{
color:red;
text-align: left;

}

.gras /* Ecriture en gras *//*ICI pour le tableau "Random delay" */
{
font-weight: bolder;

}

.coffret
{
text-align:center;

}



.tableau-coffret /* taille des tableaux et centrement */
{
width: 700px;
text-align:center;
margin-left:140px;

}



.coffret-tableau/* 1ere ligne coloré */
{
text-align: center;
background-color:#74B2DE;
font-size:20px;
font-style:italic;
color:#FFFFFF;

}

.colonne /* 1ere colonne coloré */
{
background-color:#74B2DE;
font-size:20px;
font-style:italic;
color:#FFFFFF;
width: 100px;
font-weight:bolder;

}

.ancre
{
border:none;
text-align:center;
text-decoration:none;
color:#74B2DE;
}

.ancre-bouge
{
background-repeat: repeat;
border:none;
text-align:center;
text-decoration:none;
color:#74B2DE;
}

.boutons
{
font-family: "Times New Roman", Times, serif;
color:#0000FF;

}

.align2 /* alignement du texte pour le prix*/
{
text-align:center;

}

.colonne1 /* colonne des boutons colorée*/
{
background-color:#74B2DE;
font-size:20px;
font-style:italic;
color:#FFFFFF;
width: 150px;
font-weight:bolder;

}

.size-prix
{
font-size:27px;
font-style:italic;

}
/****/
/*Feux*/

.align3
{
text-align:center;
color: red;

}

.blanc
{
color: white;

}



/****/

/*GRILLE INDIVIDUELLE PORTABLE */

.align4
{
	text-align:center;
	font-size:15px;
	font-weight: lighter;
	font-style: italic;
	
}
	
.underline2
{
	text-decoration:underline;
	color:#333;
}

.titre-technique
{
	font-size: 21px;
	text-decoration:underline;
	color: red;
	
}
	
.avantages
{
	font-style:italic;
	font-size:20px;
	color: blue;
	
}

.rouge
{
	color:red;
	
}

#image-cote
{
	
}

/********/
/*CONTACT*/

.map
{
text-align: center;
text-decoration:none;
color: blue;

}

#fond-michelin
{
background-image:url(../../../Users/olivier/Contacts/Desktop/LOGO_site/contact/via-michelin.png);
background-position:center;
background-repeat:no-repeat;

}

.img-michelin
{
border: none;

}

#fieldset_contact /* attention, ce css est aussi utilisé par la page inscription !!!! */
{
color: black;
font-weight: lighter;
margin-bottom: 15px;
border: black;
}

.legend-contact
{
color:black;

}

/******/
/*************GALERIE*************/

/*PHOTOS*/

#corps-galerie
{
	width:990px;
	margin-left:auto;
	margin-right:auto;
   margin-top: 0px;  
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   color: black;
   background-color:#A9A9A9;
   border: solid orange 5px; /* Une bordure pour bien marquer les limites du corps et pour faire joli */      
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:lighter;
  
}

.galerie-dossier
{
	color: white;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	
}

.bienvenue-gal
{
color: white;
font-family:"Times New Roman", Times, serif;
font-weight:lighter;
font-style:italic;
text-align: center;
}

.marge
{
	padding-left:100px;
	
}

.marge2
{
	padding-left:50px;
	
}

.marge3
{
	padding-left:150px;
	
}

.marge4
{
	padding-left:200px;
	
}

.marge5
{
	padding-left: 250px;
	
}

.none-blanc
{
	text-decoration:none;
	color: white;
	
}

.fond-menu-galerie
{
	background-color:white;
	width:240px;
	
}

.fleche-galerie
{
	border-left-width: medium;
	
	
}

/**/
/*VIDEO*/

.video-style
{
font-family:"Times New Roman", Times, serif;
text-decoration: underline;
font-weight:lighter;
font-size:16px;
color: gray;

}
/******/

/* PLAN DU SITE */

.tableau-plan /* taille des tableaux et centrement */
{
margin-left: 40px;
width: 600px;
text-align: left;

}

.lien_liste-plan /* Image de liste pour produit */
{
list-style-image:url(../../../Users/olivier/Contacts/Desktop/LOGO_site/Logo-petit2.png);

}

.lien_plan
{
text-decoration:none;
color:#1197D7;

}

.caption-plan
{
text-align:center;
color: red;
font-size:28px;

}

.plan_site1
{
font-size:24px;

}

.plan_site2
{
font-size: 22px;

}

.plan_site3
{
font-size: 20px;

}

.coffret-tableau/* 1ere ligne coloré */
{
background-color:#74B2DE;
font-size:20px;
font-style:italic;
color:#FFFFFF;

}

.colonne /* 1ere colonne coloré */
{
background-color:#74B2DE;
font-size:20px;
font-style:italic;
color:#FFFFFF;
width: 100px;
font-weight:bolder;

}

/*REGLEMENT, CONDITIONS*/

#corps_regle
{  
   width: 990px;
   margin-left:auto;
   margin-right:auto;
   margin-bottom: -10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */   
   color: black;
   background-color: white;    
   border: solid orange 5px; /* Une bordure pour bien marquer les limites du corps et pour faire joli */      
   text-indent: 6px;
   background-attachment: fixed;
   font-family: "verdana";
   font-size: 12px;
   font-family: "trebuchet ms", serif;

   
}

.regle
{
text-align: left;
text-decoration: underline;

}

.regle_2
{
text-align: left;
text-decoration: none;

}
.regle_3
{
color: gray;
font-size:14px;

}


/* TEAM TEAM TEAM TEAM TEAM TEAM TEAM TEAM */

.mel
{
float: left;
width: 490px;



}

.kent
{
float: right;
width: 490px;
}


.titre-colonne-droite-small
{
   font-family: Times;
   font-weight: lighter;
   font-size: 28px;
   color: rgb(21,104,186);

}

.bio-part1
{
color: rgb(21,104,186);


}


.tiret1
{
color: gray;

}


.titre-bio
{
color: gray;
font-family: Tahoma, Times;
font-size: 20px;
text-decoration: underline;




}

.bio-part2
{
color: black;
font-family: Tahoma;
font-weight: lighter;
font-size: 16px;


}

.resum-team
{
color: gray;
font-style: italic;
font-size: 15px;

}

/* LIENS LIENS LIENS LIENS LIENS LIENS LIENS */

.liens-gauche
{
float: left;
width: 230px;



}


.vide-gauche
{
float: left;
width: 20px;



}

.region-liens
{
color: red;
font-size: 18px;
font-family: Georgia, arial, sans-serif;


}

.club-liens
{
color: rgb(21,104,186);
font-size: 14px;
font-family: Georgia, arial, sans-serif;


}





/************** FUTUR !!! SESSION, INSCRIPTION, CONNECTION !!! ***/
/*ouvrir une session, pass.php */

#fieldset_pass
{
background-image:url("../../../Users/olivier/Contacts/Desktop/LOGO_site/Fond/fond-inter.png");
color: red;
}

.ouvrir_session_p /* ouvrir session */
{
color: red;
float: right;
width: 200px;
font-weight:lighter;
font-size:16px;
}

/**/
/*inscription, pass.php*/

#fieldset_form /* attention, ce css est aussi utilisé par la page inscription !!!! */
{
background-image:url("../../../Users/olivier/Contacts/Desktop/LOGO_site/menu/autres/fond-inter2.png");
color: black;
font-weight: lighter;
margin-bottom: 15px;
border-style: none;
}

.bienvenue_inscription /* titre de l'inscription*/
{
color: red;
font-size:18px;
font-weight:lighter;
}

.pass1 /*texte mis en style leger et italique*/ 
{
font-size: 16px;
font-family: "trebuchet ms", serif;
font-weight:lighter;
font-style:italic;

}

.lien_inscrip /*lien de l'insciption pour aller à "inscription.php" */
{
text-decoration: none;
color: red;
font-size: 22px;
float: right;

}

/**/
/* formulaire d'inscription*/

.titre_inscrip /* titre de la page "s'inscrire sur pro start.fr" */
{
text-align: left;
color: gray;
font-family: "times new roman", arial;
font-weight: lighter;
font-style:italic;

}

.titre_inscrip2 /* petite introduction de l'inscription */
{
text-align: left;
color: black;
font-family: "times new roman", arial;
font-weight: lighter;
font-style: italic;

}

.lien_menu_3 /* couleur du lien pour ouvrir session*/
{
color: blue;
font-weight: lighter;

}

#corps-inscription /* corps de l'inscription, surtout sur taille du cadre et style*/
{     
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */     
   background-image:url("../../../Users/olivier/Contacts/Desktop/LOGO_site/menu/autres/fond-inter2.png");   
   border: solid black 2px; /* Une bordure pour bien marquer les limites du corps et pour faire joli */      
   font-size: 17px;
   font-family:"Times New Roman", Times, serif;   
   font-weight: lighter;
   font-style:italic;
 
}

.coordo /* legende, encadre du formulaire* pour le premier "coordonnées"*/
{
background-image:url("../../../Users/olivier/Contacts/Desktop/LOGO_site/menu/autres/fond-inter2.png"); 
color: #0000CC;

}

.info /* legende, encadre du formulaire* pour le second "informations confidentielles"*/
{
background-color:white;
color: #0000CC;
}
.gauche /* couloir inscription de gauche */
{
float: left;
border-style: none;
margin-right: 15px;
height: 200px;
font-weight: lighter;
font-style:italic;
}

.droit /* couloir inscription de droite */
{
margin-left:700px;
border-style: none;
font-weight: lighter;
font-style:italic;
}

.vie-privee /* introduction à la vie privée, à la confidentialité */
{
font-size: 14px;
color: gray;
font-weight: lighter;
font-style: italic;
}

.terminus
{
font-size: 14px;
color: black;
font-weight: lighter;
font-style: italic;

}
/**/

.galerie-gauche
{
float: left;

}

.lien_galerie /* reglage de l'ecriture, le style, la taille la forme */
{
text-align:left;

}

.galerie-img /*parametre des trois images */
{
border: none;

}


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

.indent
{
text-indent: 12px;


}

.underline
{
text-decoration:underline;

}

h1
{
    color: white;
    font-family: verdana, arial;
    text-align: center;	
	text-decoration: underline;
}

h2
{
color: white;
font-family: verdana, hojo, arial, serif;
text-align: center;
}

h3
{
font-family: verdana, arial;
}

h4
{
font-family: "trebuchet ms", giorgia, arial;
text-align: center;
}


.element_menu_2
{
   font-size: 16px;
   color: black;
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
   list-style-type: square;
   text-align: right;
}

.textmenu
{
font-family: hojo, "trebuchet ms", verdana;
text-align: center;
color: white;
}


/*formulaire*/

/* Entrer et/ou Insription */



/* .......................................*/


.deco
{
text-decoration: underline;
}



.def_inscrip
{
font-style: italic;
font-size: 16px;
}

/*Fin de  Entrer et/ou Insription */

/* Formulaire inscription */




.titre_inscrip3
{
text-align: center;
color: gray;
font-family: "times new roman", arial;
font-weight: lighter;
font-style: italic;
}
.titre_inscrip4
{
text-align: right;
color: gray;
font-family: "times new roman", arial;
font-weight: lighter;
font-style: italic;
}

.droit2
{
border-style: none;
float: right;
}




.conf2
{
font-size: 14px;
font-weight: lighter;
font-style: italic;
}
.lien_menu_4
{
color: black;
font-weight: lighter;
}

/* Fin de Formulaire inscription */


legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Georgia, "Times New Roman", Times, serif;
   color: black;   
      
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   
}
.form
{
font-family: "trebuchet ms", giorgia, arial;

color: red;
text-decoration: underline;
}

.cb
{
color: black;
}



.lien_menu_2
{

border-color: black;
border-style: none;
color: black;
font-size: 20px;
font-family: giorgia, verdana, arial;
text-decoration: none;
font-style: italic;
text-align: left;
}