body, html {
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica,  sans-serif;
	font-size: 12px;
	color: #3680c7;
	margin: 0;
	padding: 0;
	text-align:center;
	background-image: url(images/motif_top.png);
	background-position: top;
	background-repeat: repeat-x;
}
body {
	min-width: 812px;
}
a img {
	border: 0;
}
.top{margin-top:-10px !important;margin-top:-15px;}
.red{color:red;margin-left:180px;}
/*definition des blocs principaux de layout*/
#contenue {
	clear:both;
	background: #fff;
	margin: 0 auto;
	width: 812px;
	text-align:left;
}

#wrap {
	clear:both;
	background: #fff;
	margin: 0 auto;
	width: 812px;
	text-align:left;
}

#header {
	background: #fff;
}
#menu h1{margin:0;padding:0;}

#main {
	background: #fff;
	float: left;
	width: 511px;
}
#main h1,#main h2,#main h3{
margin-left:0px;
}
#main h1 {
font-size: 18px;
font-variant: small-caps;
border-bottom: #e0e0e0 solid;
border-bottom-width: 1px;
}
#main h2 {
font-size: 15px;
border-bottom: #ff9800 solid;
border-bottom-width: 1px;
}
#main h3 {
color: #ff9800;
font-size: 13px;
}
#main h4{	
margin:0;	
font-size:10px;
font-weight:lighter;
}
#main h5{	
margin:0;	
font-size:12px;
font-weight:lighter;
}


#main p a{
color:#303030;
}
#main a {
color:#ff9800;
text-decoration:none;
}

#main a:hover {
color: #3680c7;
}
#main .chapeau {
font-size: 13px;
color:#ff9800;
font-style: italic;
font-weight: bold;
}
#main .chapeau a{
 text-decoration:underline;
}

#main img {
padding:2px;
}

#main p.Title_chapeau{
font-size: 13px;
color:#ff9800;
font-style: italic;
font-weight: bold;
}

#main ul li{list-style-position:outside;}
#bouton{
        float:left;
        width:96px;
}
#bouton2{
        float:left;
        padding-left:108px;
        width:204px;
}
#bouton1
{ 
  float:right;
  width:96px;
  margin-right:5px;
}
#colonne_contact
{
float:left;
margin-left:2px;
padding-left:0px;
margin-top:10px;
}
#colonne_contact  p a{color:#fff;margin-left:0px;text-decoration:underline;}
#colonne_contact p {padding-left:0px;font-size:10px;}
#colonne_contact a:hover {color:#ff9800;}

#footer {
	height: 25px;
	background-color: #FFFFFF;
	background-image: url(images/motif_down.png);
	background-repeat: repeat-x;
	clear: both;
}
#footer img{vertical-align:middle;}

#footer p {
	text-align: center;
	padding: 7px;
	margin-left: 5px;
	color: #303030;
	font-size: 9px;
}
#footer p.baseline{margin:0;padding:0;color:#ff9800}
#footer a {
	/*color: #3680C7;*/
	color:#303030;
	text-decoration: none;
}
#footer a:hover {
	color:#303030;
	text-decoration: underline;
}
/* bloc  gauche*/
#sidebar {
	
	float: left;
	width: 250px;
	background-image: url(images/motif_boite.png);
	/*background-position: top;
*/ 
	background-repeat: repeat-y;
}
#sidebar li {
	color:#fff;
	font-size: 12px;
}
#sidebar h3, #sidebar p, #sidebar a {
	color: #fff;
	margin-top: 1px;
	margin-left: 10px;
	margin-right: 4px;
    text-decoration: none;
}
#sidebar h3 {
	font-size: 13px;
}

#sidebar a:hover {
	text-decoration: none;
	color: #ff9800;
}

#sidebar a.select {
	color: #000;
}
#sidebar img {
	margin-bottom: -2px;
}
#acceuil_texte{
    color: #fff;
	margin-top: 1px;
	margin-left: 10px;
	margin-right: 4px;
    text-decoration: none;
}
/* bloc gauche affichage du listing produit sur la homepage*/
#titre{
  background-image:url(images/chapeau_perpignan.png);
  font-size:10px;
  color:#fff;
  padding:10px;
   }

#colonne_gauche
{
 float:left;
 width:250px;
 margin-right:50px;
}
#texte{
 color:#303030;
 padding:7px;
}
#texte ul,li{color:#303030;margin:0;padding:0;list-style-type:disc;list-style-position:inside;}

.nouveaute {
	list-style-type: none;
	margin: 0px;
	padding: 0 0 0 1px;
    width: 225px;
	height: 75px;
	display: block;
	border-bottom: white dashed;
	border-bottom-width: 1px;
}
.nouveaute img {
	float: left;
	margin-right: 4px;
}
.nouveaute a {
	text-decoration: none;
	color: #fff;
	font-size: 9px;
	background: #3d89d1;
	width: 225px;
	height: 75px;
	display: block;
}
.nouveaute  a:hover {
	background-color: #3275b6;
}
/* bloc gauche sous navigation*/
.sousNav {
  margin-left: 10px;
  padding: 0 0 0 10px;
  background-image: url(images/suite.gif);
  background-repeat: no-repeat;
  background-position:4px 5px;
  
  font-size: 12px;
}
.sousNav a {
	text-decoration: none;
    color: #fff;
	font-size: 9px;
	background: #3d89d1;
	width: 198px;
	/*height: 20px;*/
	display: block;
	margin-left:25px;
	padding-top:5px;
    padding-bottom:5px;
}
.sousNav a:hover {
background-color: #3275b6;
}
.sousNav a.select
{
 color:#ffff00;
 font-weight:bold;
}
/*liste produit*/

#sous_main{
    background: #fff;
	float: left;
	width: 511px;
	margin-bottom : 15px;
}
#sous_main a {color:#fff;}
#sous_main a:hover{color:#fff;}
.listeProduit{
    margin: 0px;
	padding: 0 0 0 1px;
	width: 500px;
	height: 75px;
	display: block;
	overflow:hidden;
	border-bottom: white dashed;
	border-bottom-width: 1px;
    clear:both;
}

.listeProduit a img {
	float: left;
  border: 0 none;
	margin-right: 4px;
}
.listeProduit  a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	background: #3d89d1;
	
	height: 75px;
	display: block;
}
.listeProduit a:hover {
	background-color: #3275b6;
	color: #fff;
}

#multipage
{
	text-align:center;
}

.clr{clear:both;border:0px solid #000;}

.module
{
	float:right;
	width:100%;
}
.chapeau1 {
font-size: 13px;
color:#ff9800;
font-style: italic;
font-weight: lighter;
}

.contact_form input{border:1px solid #000;margin-left:10px;}
.contact_form textarea{border:1px solid #000;width:290px;margin-left:10px;}
#valider
{
	float:left;
	margin-left:140px !important;
	margin-left:70px;
}

label
{
	/*margin-left:50px;*/
	float: left;
	width:120px;
	text-align:right;
    margin-left:20px;
    /*border:1px solid #000;*/
}

#contenu {
	background: #fff;
	margin: 0 auto;
	width: 100%;
    height:400px;
    margin-top:20px;
}

.annuaire {
	background-image: url(images/motif_boite2.png);
	/*background-repeat: repeat-y;*/
	float: left;
	width: 265px;
    /*margin-right:5px; */  
}
.annuaire a:hover
{
	color:#ff9800;
}
.colonne_milieu
{
    width: 265px;
    height:110px;
    /*border:1px solid #000;*/
}
.colonne_lien
{
 margin-left:2px;
 height:20px;
}
.colonne_lien  p a{color:#fff;margin-left:0px;text-decoration:none;}
.colonne_lien p {padding-left:0px;font-size:10px;}
.colonne_lien a:hover {color:#ff9800;}

.annuaire img{margin-right:-5px;}
.annuaire a{
 color:#fff;
 text-decoration:none;
}


.annuaire img {
	margin-bottom: -2px;
}
.annuaire p{
color:#fff;
margin-left: 10px;
margin-bottom: 0px;
padding-right:10px;
}
.annuaire h2 {
font-size: 13px;
padding-left:5px;
margin-left:5px;
border-bottom: #ff9800 solid;
border-bottom-width: 1px;
margin-top:0px;
}

.colonne_image
{
float:left;
width:75px;
margin-right:1px;
}

.colonne_texte
{
float:left;
width:415px;

/*border:1px solid #000;*/
}
.colonne_texte ul{margin:0;padding:0;color:#fff;}
.colonne_texte ul li{margin:0;padding:0;color:#fff;list-style-position:inside;list-style-type:disc;}

h3.Title_h3 {
color:#ff9800;
font-size: 13px;
}

h2.Title_h2 {
color:#0b3f97;
font-size: 15px;
border-bottom: #ff9800 solid;
border-bottom-width: 1px;
}
p.Title_h5 {
color:#3680c7;
font-size:12px;
font-weight:lighter;
}

p.Title_p{
color: #303030;
font-size: 12px;
font-weight:lighter;
}

p.Title_chapeau{
font-size: 13px;
color:#ff9800;
font-style: italic;
font-weight: bold;
}

/***********************
 * Les multipages
 **********************/
 
.multipage {
	text-align : right;
	font-weight : bold;
	padding-right : 16px;
}
.multipage span {
	padding : 2px 5px;
	background-color : #ffcc00;
}

#main .multipage a {
	padding : 2px 5px;
	background-color : #3d89d1;
	color : #fff;
	font-weight : normal;
}
#main .multipage a:hover {
	background-color : #ffcc00;
	color : #3d89d1;
}

/****************
 * Formulaire d'itinéraire
 ***************/
 
#itineraire_form {
}
#itineraire_form textarea{
	border : 1px solid #000;
	width : 230px;
}

#itineraireTitle{display:none;}
/*** GoogleMap ***/
#map #boxInfoBulle{width:200px; height:70px;font-size:0.8em}
#map #boxInfoBulle img{float:left;margin-right:4px;}