html {
  background: #000000;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #660000;
  text-align: center;
  }

body {margin: 0px;padding: 0px;background: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;}


/* Styles pages  Brioude */
#content {clear: both;padding-bottom: 10px;}
#content h2 {font-size: 15px;color: #670001;margin-bottom: 10px;}
#text {font-size: 12px;padding-right: 20px;padding-left: 43px;padding-top: 10px;}


/*
a {text-decoration: underline; color: #999999; font-size:11px}
a:hover {text-decoration: none; color: #FF0000;}
 */
  

h1      { font-size: 19px; font-weight: bold; color: #000099; }
/*
h2      { font-size: 17px; font-weight: bold; }
*/
.h3      { font-size: 22px; font-weight: bold; color: #660000;}
/*
h4      { font-size: 13px; font-weight: bold; }
*/
h5      { font-size: 11px; font-weight: bold; }



.text15      { font-size: 15px; color: #000000; }
.text15b      { font-size: 15px; font-weight: bold; color: #000000;}

.text13      { font-size: 13px;  color: #000000;}
.text13b      { font-size: 13px; font-weight: bold; color: #000000;}

.text11      { font-size: 11px;  color: #000000;}
.text11b      { font-size: 11px; font-weight: bold; color: #000000;}

.text10      { font-size: 10px; color: #000000; }
.text10b      { font-size: 10px; font-weight: bold; color: #000000;}

.etoile      { font-size: 11px;color: #CC0000  }

.formulaire {
	color:#000000;
	border: solid 1px #FF0000;
	background-color:#EEEEEE;
	font-size:11px;
	font-weight: normal;
	font-family: Verdana, Arial, Sans-serif;
}

.bouton {
	border: 1px solid #404040;
	background: #d0d0d0;
	font-family:  Verdana, Arial, sans-serif;
	font-size: 11px;
}	

.tetiere {
	font-family: Verdana, Arial, sans-serif;
	border: 1px dashed #404B55;
	font-size: 13px; 
	color: #000; 
	line-height: 20px;
	font-weight: bold;
	width:309px;
	}
	
.recherche {
	font-family: Verdana, Arial, sans-serif;
	background: #404B55;
	font-size: 13px; 
	color: #FFFFFF; 
	font-weight: bold;
	text-align: center;
	}	

.titretetiere {
	font-family: Verdana, Arial, sans-serif;
	background: #9CB4CE;
	font-size: 11px; 
	font-weight: bold;
	color: #FFFFFF; 
	font-weight: bold;
	text-align: center;
	}
/*
 Pourquoi faire ?!!!!
span{
visibility:hidden;
}
	
.menu {font-size: 11px;color: #fff;font-weight:bold;}	
.menu:link {text-decoration: none; color: #fff;}
.menu:visited {text-decoration: none; color: #fff;}
.menu:hover {text-decoration: underline; color: #fff;}*/

/*-------------------- HAUT --------------------- */

#haut_top{
width:852px;
height:156px;
}

#panier{
float:right;
}

#banniere{
float:left;
height:80px;
width:150px;
background:url("../images/logo_reagan.jpg");
overflow:hidden;

}

#banniere a{
display:block;
width:150px;
height:80px;

}
/*-------------------- MENU --------------------- */

#menu{
clear:both;
}

#menu ul{
margin:0;
padding:0;
}

#menu li{
margin:0;
padding:0;
list-style:none;
float:left;
}

#menu li a{
display:block;
width:100px;
height:20px;
font-size:12px;
color:#999999;
}

#menu li a:hover{
font-size:12px;
color:#ff0000;
text-decoration:none;
}


/*------------------------- DETAILS -------------------------- */

h4{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
border-bottom:1px solid #CCCCCC;
text-align:left;
padding:0 0 0 15px;
color:#660000;
}

#contenu_details{
width:990px;
/*border:1px solid red;*/
overflow:auto;
left:50%;
}

#bloc_content_left{
width:350px;
height:auto;
/*border:1px solid green;*/
overflow:auto;
margin:5px 0 0 0;
float:left;
}

#bloc_content_right{
width:420px;
height:auto;
/*border:1px solid green;*/
overflow:auto;
margin:5px 0 0 0;
float:left;
}

#bloc_droit{
width:200px;
height:auto;
/*border:1px solid green;*/
overflow:auto;
margin:2px 0 0 0;
float:left;
}
   /* -- LEFT -- */

#gro_pic{
/*border:1px solid blue;*/
width:250px;
height:auto;
margin:0 auto;
overflow:hidden;
}

.bloc_details{
width:80px;
height:80px;
border:1px solid grey;
float:left;
}

   /* -- RIGHT -- */
   
#bloc_text{
text-align:left;
padding:0 0 0 15px;
}

.bloc_colors{
width:80px;
height:80px;
border:1px solid grey;
float:left;
}


/*------------------------- FOOTER --------------------------- */
div#footer{
margin:0 auto;
/*border:1px solid blue;*/
text-align:center;
overflow:auto;
}

div#footer ul{
margin:0;
padding:0;
}

div#footer li{
margin:0 5px 0 5px;
padding:0;
list-style:none;
display:inline;
}

div#footer li a{
font-size:9px;
color:#FFFFFF;
}

/*------------------------- recopie des style de modele/haut --------------------------- */

a {color: #939393}
a:link {text-decoration: underline}
a:active {text-decoration: underline}
a:visited {text-decoration: underline}
a:hover {text-decoration: underline;}

a.lien-rouge-1 { color: #FF0000; font-size: 8pt;}
a.lien-rouge-1:link {text-decoration: none}
a.lien-rouge-1:active {text-decoration: none}
a.lien-rouge-1:visited {text-decoration: none}
a.lien-rouge-1:hover {text-decoration: underline;}

a.lien-rouge-2 { color: #FF0000; font-size: 7pt;}
a.lien-rouge-2:link {text-decoration: none}
a.lien-rouge-2:active {text-decoration: none}
a.lien-rouge-2:visited {text-decoration: none}
a.lien-rouge-2:hover {text-decoration: underline;}

a.lien-noir-1 { color: #000000; font-size: 7pt;}
a.lien-noir-1:link {text-decoration: none}
a.lien-noir-1:active {text-decoration: none}
a.lien-noir-1:visited {text-decoration: none}
a.lien-noir-1:hover {text-decoration: underline;}

a.lien-blanc-1 { color: #939393; font-size: 7pt;}
a.lien-blanc-1:link {text-decoration: none}
a.lien-blanc-1:active {text-decoration: none}
a.lien-blanc-1:visited {text-decoration: none}
a.lien-blanc-1:hover {text-decoration: underline;}

a.lien-gris-1 { color: #A8AEB5; font-size: 8pt;}
a.lien-gris-1:link {text-decoration: none}
a.lien-gris-1:active {text-decoration: none}
a.lien-gris-1:visited {text-decoration: none}
a.lien-gris-1:hover {text-decoration: underline;}

.normal { font-family: Verdana, Arial , sans-serif; font-size: 8pt; color: #000000;}
.normal:link {text-decoration: none; color: #333399;}
.normal:visited {text-decoration: none; color: #333399;}
.normal:hover {color: #000000;}


.tableau
{
	border: 1px solid ;
	color: 660000;
}

.prix { color: #FF0000; font-size: 14pt; text-decoration: none;}
.prixBarre { color: #FF0000;font-size: 12pt; text-decoration: line-through;}
.texte-gris-italic { color: #660000; font-size: 9pt; font-style: italic;}

.texte-1 { color: #660000;font-size: 8pt}
.text-1b { font-size: 8pt; font-weight: bold; color: #660000;}

.texte-2 { color: #660000;font-size: 10pt}
.texte-2G { color: #660000;font-size: 10pt; font-weight: bold}
.texte-blanc-1 { color: #DDDDDD;font-size: 8pt; font-family: Verdana, Arial, sans-serif}

.texte-gris-1 { color: #660000; font-size: 9pt}
.texte-gris-2 { color: #660000; font-size: 8pt}
.texte-rouge-1 { color: #FF0000; font-size: 9pt}
.texte-blanc-2 { color: #FF0000; font-size: 7pt}
.textselect { color: #660000; font-size: 8pt}
.textsaisie { color: #000000; font-size: 7pt}
.textgris { color: #660000; font-size: 9pt}
.champs-1 {  height: 18px; width: 100px}
.champs-2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; background-color: #FFFFFF; text-align: center; height: 14px; width: 20px; border-style: none; vertical-align: top}
.texte-gris-3 { color: #660000; font-size: 8pt}