/********************************/
/*  Copyright - Optimum PC - 2006     */
/********************************/
/*******************/
/** Corps du site     **/
/******************/   


body {
font-family: Franklin Gothic Medium;
font-size: 11px;
margin: 0;
padding: 0;
background-color:#333333;/*test fond*/
/*background-image: url(fond/stars.gif);/* fond pour les pages */
background-attachment: fixed; /* Le fond restera fixe */
color:#ffffff;
}

/**************************/
/**Style balises classiques   **/
/*************************/ 
p {
font-size: 20px;
color:#ec451c; /*Couleur ecriture balise p ffffff=blanche*/
text-align: left;
}
a
{
color : #ec451c;
font-family : MicrogrammaDMedExt;
text-decoration: underline;
font-size: 18px;
}
/**********************/
/** Classe texte du site  **/
/**********************/
/********************************/
/** Page Intro                 **/
/********************************/
.pagegarde1{
color : #ec451c;
font-family : MicrogrammaDMedExt;
font-size: 100px;
}

.pagegarde2{
color : #ec451c;
font-family : MicrogrammaDMedExt;
font-size: 80px;
}

.pagegarde3{
color : #ffffff;
font-family : arial;
font-size: 20px;
/*white-space:pre;*/
}

.pagegarde4{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 30px;
/*white-space:pre;*/
text-align: center;
}


.indice{
font-size: 20px;
vertical-align : super; 
font-family : Franklin Gothic Medium;
}

/**************************/
/** Class Text asium design  **/
/**************************/
.asium{
color : #ec451c;
font-family : MicrogrammaDMedExt;
font-size: 30px;
}
.design{
color : #ec451c;
font-family : MicrogrammaDMedExt;
font-size: 20px;
}
.R{
vertical-align : super; 
color : #ec451c;
font-family : Arial;
font-size: 15px;
}
/*****************************/
/** Class Text asium design bas **/
/****************************/
.Rbas{
vertical-align : super; 
color : #ffffff;
font-family : Arial;
font-size: 10px;
}
.asiumbas{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 20px;
}
.designbas{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 18px;
}
/***********************/
/** Classe diverse            **/
/***********************/
.titrepage{
color : #ec451c;
font-family : MicrogrammaDMedExt;
text-decoration : underline;
font-size : 25px;
font-weight : bold;
text-align : center;
}

/********************************/
/** Police miniature  **/
/*******************************/
/************************************/
/**gra=gras ita=Italique sou=souligne  **/
/************************************/

.mini{

font-size: 11px;
}
.miniita{
font-style : italic;
font-size: 11px;
}

/***************/
/** Police Prix  **/
/***************/
.prix{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 20px;
}
/********************************/
/** Police Franklin Gothic Medium  **/
/*******************************/
/************************************/
/**gra=gras ita=Italique sou=souligne  **/
/************************************/

.f10v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 10px;
}


.f14{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 14px;
}
.f14v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 14px;
}
.f16{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 16px;
}
.f16v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 16px;
}
.f18{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 18px;
}
.f18v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 18px;
}
.f20{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 20px;
}
.f20v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 20px;
}
.f22v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 22px;
}
.f24v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 24px;
}
.fgra14{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 14px;
font-weight : bold;
}
.fgra16{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 16px;
font-weight : bold;
}
.fgra16v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 16px;
font-weight : bold;
}
.fgra18{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 18px;
font-weight : bold;
}
.fgra18v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 18px;
font-weight : bold;
}
.fgra20{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 20px;
font-weight : bold;
}
.fgra20v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 20px;
font-weight : bold;
}
.fgra24{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 24px;
font-weight : bold;
}
.fsou16{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 16px;
text-decoration : underline;
}
.fsou16v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 16px;
text-decoration : underline;
}
.fita13{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 16px;
font-style : italic;
}
.fita14v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 14px;
font-style : italic;
}
.fita16{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 16px;
font-style : italic;
}
.fita16v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 16px;
font-style : italic;
}
.fgraita14{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 18px;
font-style : italic;
font-weight : bold;
}
.fgraita16{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 16px;
font-style : italic;
font-weight : bold;
}
.fgraita16v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 16px;
font-style : italic;
font-weight : bold;
}
.fgraita18{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 18px;
font-style : italic;
font-weight : bold;
}
.fgrasou18v{
color : #ec451c;
font-family : Franklin Gothic Medium;
font-size: 18px;
text-decoration : underline;
font-weight : bold;
}
.fitasou15{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 15px;
text-decoration : underline;
font-style : italic;
}
.fitasou16{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 16px;
text-decoration : underline;
font-style : italic;
}
.fgraitasou14{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 14px;
font-style : italic;
text-decoration : underline;
font-weight : bold;
}
.fgraitasou18{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 18px;
font-style : italic;
text-decoration : underline;
font-weight : bold;
}

.fgraitasou20{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 20px;
font-style : italic;
text-decoration : underline;
font-weight : bold;
}


.fgraitasou20{
color : #ffffff;
font-family : Franklin Gothic Medium;
font-size: 20px;
font-style : italic;
text-decoration : underline;
font-weight : bold;
}
/***********************/
/** Police Microgramma  **/
/***********************/
/************************************/
/**gra=gras ita=Italique sou=souligne  **/
/************************************/
.m14{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 14px;
}
.m16{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 16px;
}
.m18{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 18px;
}
.m20{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 20px;
}
.mgra14{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 14px;
font-weight : bold;
}
.mgra16{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 16px;
font-weight : bold;
}
.mgra18{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 18px;
font-weight : bold;
}
.mgra20{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 20px;
font-weight : bold;
}
.msou18v{
color : #ec451c;
font-family : MicrogrammaDMedExt;
font-size: 18px;
text-decoration : underline;
}
.mgrasou16v{
color : #ec451c;
font-family : MicrogrammaDMedExt;
font-size: 16px;
text-decoration : underline;
font-weight : bold;
}
.mgrasou18v{
color : #ec451c;
font-family : MicrogrammaDMedExt;
font-size: 18px;
text-decoration : underline;
font-weight : bold;
}
.mgrasou20v{
color : #ec451c;
font-family : MicrogrammaDMedExt;
font-size: 20px;
text-decoration : underline;
font-weight : bold;
}
.mgrasou22v{
color : #ec451c;
font-family : MicrogrammaDMedExt;
font-size: 22px;
text-decoration : underline;
font-weight : bold;
}
.mgraita14{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 18px;
font-style : italic;
font-weight : bold;
}
.mgraita16{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 16px;
font-style : italic;
font-weight : bold;
}
.mgraita18{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 18px;
font-style : italic;
font-weight : bold;
}
.mgraitasou14{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 14px;
font-style : italic;
text-decoration : underline;
font-weight : bold;
}
.mgraitasou16{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 16px;
font-style : italic;
text-decoration : underline;
font-weight : bold;
}
.mgraitasou18{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 18px;
font-style : italic;
text-decoration : underline;
font-weight : bold;
}
.mgraitasou20{
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size: 20px;
font-style : italic;
text-decoration : underline;
font-weight : bold;
}
/***********************/
/** Police Microgramma  **/
/***********************/
/************************************/
/**gra=gras ita=Italique sou=souligne  **/
/************************************/
.v11{
color : #ffffff;
font-family : Verdana;
font-size: 11px;
}
.v11v{
color : #ec451c;
font-family : Verdana;
font-size: 11px;
}

/************************************/
/**Bande de couleur Intro   **/
/***********************************/
#boiteviolette{
	width:100%;
	height:2px;
	border:1px navy solid;
    background-color: #ec451c;
	color: #ec451c;
	}	

/************************************/
/**Selecteur Classe alignementdroites   **/
/***********************************/
.alignementdroit{
text-align:right;
}

/*********************************/
/**Mise en place des boites du site   **/
/********************************/ 
#conteneur {
width:800px;
background-color:#333333;/* Fond pour le conteneur */
/*background-image: url(fond/bandeau.gif);/*
/*background-color:#e6e6e6;/*test fond*/
color:#ffffff;
text-align :left;
}
#entete {
text-align :center;
margin: 5px;
width : 700px;
/*background-image: url(fond/bandeau.gif);*/
/*background-color: #000000; couleur de l'entete*/
font-family: MicrogrammaDMedExt;
color:#ec451c;
font-size: 40px;
}
#centre {
/*background-color:#be7437;*/
color:#ffffff;
width : 700px;
margin-left: 5px;
font-size: 1em;
}
#droite {
margin : 20px;
float:right;
width: 100px;
/*background-color: #d3ffd8;/*fond de menu droit*/
color : #ffffff;
/*background-image: url(fond/fondmenubas.gif);*/
}

#gauche{
margin-left : 5px;
float:left;
width: 100px;
/*background-color: #d3ffd8;/*fond de menu droit*/
color : #ffffff;
/*background-image: url(fond/fondmenubas.gif);*/
}



#menubas {
width: 100%;
height:50px;
clear:both;
/*background-color: #bcfe9b;/*fond de menu bas*/
font-size: 9px;
color:#ffffff;


}

#bas {
width: 100%;
height:55px;
margin-top : 2px;
}

/********************************/
/** Conteneur Page Home                 **/
/*******************************/
#conteneurhome{
position:absolute;
margin:0 auto;
width:980px;
background-color:#333333;/* Fond pour le conteneur */
/*background-image: url(fond/bandeau.gif);/*
/*background-color:#e6e6e6;/*test fond*/
color:#ffffff;
}
#boitetextasium {
position:absolute;
margin-top:30px;
margin-left:300px;
width:200px;
height:100px;
/*border:thin solid ;*/
}
#boitetextdesign {
position:absolute;
margin-top:100px;
margin-left:440px;
width:200px;
height:100px;
}
#boitelogo {
margin-left:10px;
width:170px;
height:60px;
}
#boitetextdeco {
position:absolute;
margin-top:390px;
margin-left:160px;
width:200px;
height:100px;
/*border:thin solid ;*/
}
#boitecata1 {
width:110px;
height:125px;
float:right;
/*border:thin solid ;*/
}
#boitecata2 {
width:110px;
height:90px;
float:right;
/*border:thin solid ;*/
}

/*********************/
/**Propriete menubas   **/
/********************/ 
#menubas a {
margin: 0 2px;
color : #ec451c; /*couleur texte du menu bas */
text-decoration: none;
font-size: 10px; /*Taille police du menu bas */
/*font-family: Franklin Gothic Medium;*/
text-align: center;
}

/*********************/
/**Propriete menu haut   **/
/********************/ 
#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #ffffff;
text-decoration: underline;
}
#menuhaut a:hover {
text-decoration: none;
}
#menugauche {
list-style-type: none;
margin: 0;
padding:0;
}

/*********************/
/**Propriete menu droit   **/
/********************/
#contenu {
list-style-type: none;
margin: 0;
padding:0;
color : #ffffff;
font-family : MicrogrammaDMedExt;
font-size : 12px;
}
#menudroit {
list-style-type: none;
margin: 0;
padding:0;
color : #ffffff;
}
#menudroit li {
margin-bottom: 5px;
color : #ffffff;
}
#menudroit a {
display: block;
margin: 0 2px;
color : #ec451c; /*couleur texte du menu droit*/
text-decoration: none;
font-size: 17px; /*Taille police du menu droit */
font-family : MicrogrammaDMedExt;
font-weight : bold;
}
#menudroit a:hover {
text-decoration: none;
color:#ffffff;
}
/*************/
/**Tableau   **/
/************/
table td {
font-size: 10px; /*taille police bas de page */
}

/******************************/
/**Conteneur pour Image   du site**/
/******************************/

#menuvert {
float:left;
margin-left:5px;
}
#boiteagence {
width:263px;
height:350px;
margin:5px;
/*border:thin solid #000000;*/
float:left;
}
#boitemission {
width:192px;
height:200px;
/*border:thin solid #000000;*/
}
#boitesurmesure {
width:200px;
height:150px;
margin:5px;
/*border:thin solid #000000;*/
}
#boitesurmesure2 {
width:300px;
height:300px;
margin:10px;
/*border:thin solid #000000;*/
float:left;
}

#boitesurmesure3 {
width:300px;
height:250px;
margin:10px;
/*border:thin solid #000000;*/
float:left;
}
#boitesurmesure4 {
width:200px;
height:150px;
margin:2px;
/*border:thin solid #000000;*/
float:left;
}
#boitesurmesure5 {
width:200px;
height:150px;
margin:2px;
/*border:thin solid #000000;*/
float:left;
}
#boitesurmesure6 {
width:120px;
height:90px;
margin:2px;
/*border:thin solid #000000;*/
float:left;
}
#boitecatalogue {
margin:10px;
/*border:thin solid #000000;*/
float:left;
}
#boitecata1 {
width:120px;
height:140px;
margin:20px;
/*border:thin solid #000000;*/
float:right;
}
#boitecata2{
width:200px;
height:150px;
margin:5px;
/*border:thin solid #000000;*/
float:right;
}

#textecata {
margin:10px;
/*border:thin solid #000000;*/
float:left;
}

#boitetarif1 {
margin:5px;
margin-right:100px;
/*border:thin solid #000000;*/
float:left;
}
#boitehomme {
width:50px;
height:50px;
margin-right:110px;
margin-top:30px;
/*border:thin solid #000000;*/
float:right;
}
#boitehomme2 {
width:50px;
height:50px;
margin-top:30px;
float:right;
/*border:thin solid #000000;*/
}
#boiteentete {
width:1000px;
height:40px;
float:right;
}

#boiteplayer {
height:60px;
z-index:1;

/*border:thin solid #000000;*/
}
#boitebandeau {
width:800px;
height:200px;
float:left;
/*border:thin solid #000000;*/
}

#boite4 {
height:425px;
width:369px;
/*border:thin solid #000000;*/
}
#boiteperso{
margin-left:20px;

height:80px;
width:600px;
/*border:thin solid #000000;*/
}
#boitepub {
float:left;
width:100px;
/*border:thin solid #000000;*/
}


/*..................................................................................*/
/*Class ImgCenterV centrer l'image verticalement*/
/*.................................................................................*/
img.ImgCentreV{
margin: 0 px;
}
/**************/
/* Les tableaux */
/**************/
caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #0009dc;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   /*border: 2px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   /*background-color: #006600;*/ 
   
   }

th /* Les cellules d'en-tête */
{
   /*background-color: #006600; */
   background-color:transparence;
    /*color: blue; */
   font-size: 0.8em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
td /* Les cellules normales */
{
   color:#ec451c;
   background-color:transparence;
 /*border: 1px solid blue;*/
   font-size: 0.8em;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
td /* Les cellules normales */
{
   color:#ec451c;
   background-color:transparence;
 /*border: 1px solid blue;*/
   font-size: 0.8em;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

/**************/
/* Les Fomulaires */
/**************/