* {margin: 0; padding: 0;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
   	margin: auto; /* Pour centrer notre page */
   	margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	text-align: left;
	/*background:#fff url(../images/maquette-eclipse-azur-v7.png) top center no-repeat;  */
	}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li{
    list-style:none;
    display:inline;

}

a{
	text-decoration:none;
	color: #FFFFFF;
}
	
img{
border:none;
}
/*table {border: 1px solid black}
td {border: 1px dotted gray}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
ul.select_menu {background-color: green}
ul.select_menu li {background-color: lightgreen}
div#bandeau {background-color: yellow}
div#page {background-color: red}
div#contenu {background-color: blue}
div#pied_page {background-color: lightblue}
div#flashcontent{background-color: lightblue}
ul.tabs {background-color: green}
ul.tabs li {background-color: lightgreen}

div {border: 1px solid green}*/

/*-----------------------------------------------------------------------------------*/

#page { /*permet le centrage horizontal du site quelque soit l'écran de l'internaute*/
/*     position:absolute;
     width: 820px;
     left: 50%; 
	 height:950px;
     margin-left: -405px;*/ /* moitié de la largeur */
	position:relative;
	width: 820px;
	margin: 0 auto;
	}

/*-----------------------------------------------------------------------------------*/

#bandeau {
	background:transparent url(../images/bandeau_haut.png) top left no-repeat;
	height:105px;/*90px;*/
}
#bandeau h1{
	color:#303030;
	text-align:center;
}
/*-----------------------------------------------------------------------------------*/
#pflow {
	height: 300px;
}
/*-----------------------------------------------------------------------------------*/

#menu {
	height:33px;
	}
	
#menu li {
    float : left;/*permet de faire un menu horizontal*/
	margin-right:1px;
      }
	
#menu li a {
	display : block;
	width : 112px;
    height : 32px;  /* la moitié de la hauteur totale de l'image */
	font : bold 0.8em Verdana, Helvetica, sans-serif;
	background:transparent url(../images/bouton_menu.png) left top no-repeat;
	text-align : center;
	line-height : 32px;
    }        
	
#menu li a:hover {
      background-position : 0 -32px;
      color : #303030;
      }
       
#menu li a.active_index{
    background-position : 0 -32px;
    color:#303030;
}         
#menu li a.active_galerie{
    background-position : 0 -32px;
    color:#303030;
}  
#menu li a.active_actualites{
    background-position : 0 -32px;
    color:#303030;
}  
#menu li a.active_services{
    background-position : 0 -32px;
    color:#303030;
}  
#menu li a.active_contact{
    background-position : 0 -32px;
    color:#303030;
}  
#menu li a.active_concept{
    background-position : 0 -32px;
    color:#303030;
}       	
#menu li a.active_caracteristiques{
    background-position : 0 -32px;
    color:#303030;
}       	
/*-----------------------------------------------------------------------------------*/


#contenu {
	position:relative;
	margin:0 auto;
	background-color:#525252;
	border: 1px solid #666666;
	padding:15px 0 0 15px;
	}
#contenu h1{
	font-weight:400;
	font-size: 1.1em;
	color:#FFFFFF;
	padding-left:14px;
	padding-top:2px;

}
#contenu h2{
	font-size:0.85em;
	font-weight:500;
	color:#303030;
	margin-left:14px;
	margin-top:14px;

}

#contenu h3{
	font-size:1.1em;
	font-weight:bold;
	color:#e8572e;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;

}
.titre3{
	font-size:1.1em;
	font-weight:bold;
	color:#e8572e;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;

}
#contenu h4{
	font-weight:500;
	color:#303030;
	margin-left:25px;
	margin-top:3px;

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

#zone_contenu_onglet{
	background-color:#FFFFFF;
	width:781px;
	/*height:465px;*/
	padding:15px 0px;
	padding-left:7px;
	border-left: 1px solid #e8572e;
	border-right: 1px solid #e8572e;

/*	border: 1px solid red;
*/
}
/*-----------------------------------------------------------------------------------*/

#bloc_1{
	float:left;
	padding-right:15px;
}
#bloc_2{
	float:left;
	padding-right:15px;
}
#bloc_3{
	float:left;
	padding-right:15px;
}
#bloc_4{
	float:left;
	padding-right:15px;
}

.bloc_accueil{
	width:177px;

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

#zone_1{
}
#zone_2{
	background:transparent url(../images/zone_bas.png) top left no-repeat;
	margin-top:15px;
	height:238px;
	/*border: 1px solid blue;*/
}
/*-----------------------------------------------------------------------------------*/


#pied_page {
	height:30px;
	background:transparent url(../images/pied_de_page.png) top left repeat-x;
	width:781px;
	padding:10px 0 0 8px;
/*	border: 1px solid yellow;
*/
	}

#pied_page h1{
	font-size: 0.8em;
	font-style:italic;
	color:#FFFFFF;
	font-weight:400;
}

.bottomright{
	float:right;
	margin-top:-14px;
	margin-right:10px;
}
/*-----------------------------------------------------------------------------------*/
#signature{
}
/*-----------------------------------------------------------------------------------*/
#presentation{
	float:left;
	padding-left:10px;

}
#presentation p{
	font-style:normal;
	font-size:0.85em;
	text-align:justify;
	margin-right:7px;

}
/*-----------------------------------------------------------------------------------*/
#actualite{
	float:left;
}
#actualite h1{
	color:#000000;
	padding-left: 5px;
	font-size:0.85em;
	font-weight:bold;

}
#actualite h2{
	color:#e8572e;
	margin-top:0px;
	margin-left: 5px;

}
#actualite p{
	color:#303030;
	font-style:normal;
	font-size:0.85em;
	text-align:justify;
	margin-right:10px;
	margin-left:5px;

}
#actualite a{
color:#e8572e;
}
#actualite a:hover{
color:#303030;
}

/*-----------------------------------------------------------------------------------*/

#coordonnees{
	float:left;

}

#coordonnees address{
	font-style:normal;
	font-size:0.85em;

}
/*-------------------------------------les classes------------------------------*/
.bas{
	padding-left:14px;
	width:245px;
	padding-top:20px;

}

.accueil{background-color:#303030;}

.noel{ background:#303030 url(../images/noel.png) repeat;}
.spacer{
	clear:both;
	visibility: hidden;
}
.interligne{
	line-height:1.2em;
}
.cadre{
	border: 2px #cccccc solid;
	width:157px;
	margin-top:10px;
	margin-left:14px;
	padding:2px;
}

.cadre img{
text-align:center;
}


.cadre_galerie{
	border: 2px #cccccc solid;
	width:302px;
	margin-top:10px;
	margin-left:14px;
	padding:2px;
}

.cadre_galerie img{
text-align:center;
}



.cadre_vignette{
float:left;
	border: 2px #cccccc solid;
	width:120px;
	margin-top:5px;
	margin-left:2px;
	padding:2px;
}

.cadre_vignette img{
text-align:center;
}

.focus{
background-color:#FFFFCC;
}
/*-----------------------------------------------------------------------------------*/


.onglet{
	background:transparent url(../images/onglet.png) top right no-repeat;
	width:98px;
	height:20px;
	padding-left:80px;
}   
.onglet  a:hover {
	color:#e8572e;

}
.onglet p{
	font-size:0.65em;
	color:#FFFFFF;
	text-align:right;
	padding-top:1px;
	padding-right:7px;
}
/*-----------------------------------------------------------------------------------*/


.gris{
	background-image:url(../images/info_gris.png);
	background-repeat:repeat-y;
	height:20px;
}

.orange{
	background-image:url(../images/info_orange.png);
	background-repeat:repeat-y;
	height:20px;

}	

.style_orange {
	color: #e8572e;
	font-weight: bold;
}

.referencement{
	color:#666666;
	font-weight: 300;
	font-size:0.8em;
	padding-left:14px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
	text-align:justify;

}

.referencement a{
	color: #e8572e;
	font-weight: bold;
}
.referencement a:hover{
	color: #e8572e;
	font-weight: bold;
	text-decoration:underline;
}

.image{
float:left;
padding-left:50px;
padding-right:50px;
}

.menu_bas{
	margin-top:-14px;
	text-align:center;
	font-size:0.8em;
	
}

ul.menu_bas li a:hover {
color:#303030;

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

#contact_rappel{
}
#contact_rappel h1{
	color:#303030;
	text-transform:uppercase;
	margin-left:0;
	padding-left:0;
}


#contact_rappel h2{
	color:#e8572e;
	font-size:0.9em;
	padding-left:0;
	margin-left:0;
	padding-bottom:15px;
}

#contact_rappel a{
	color:#303030;
	font-size:0.85em;
}

#contact_rappel a:hover{
	color:#e8572e;
	text-decoration:underline;

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

#plan_du_site{
}

#plan_du_site h1{
	color:#303030;
	text-transform:uppercase;
	margin-left:0;
	padding-left:0;
}

#plan_du_site h2{
	color:#e8572e;
	font-size:1em;
	margin-left:0;
	padding-left:0;
}

#plan_du_site a{
	color:#303030;
	font-size:0.8em;
}

#plan_du_site a:hover{
	color:#e8572e;
	text-decoration:underline;

}
#plan_du_site ul{
	padding-left:20px;
}
#plan_du_site li{
	display:list-item;
	line-height:17px;
	color:#303030;

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

#diaporama{
}
#diaporama h1{
	color:#303030;
	text-transform:uppercase;
	margin-left:0;
	padding-left:0;
}

#diaporama p{
	color:#303030;
	font-size:0.85em;
}

#diaporama a{
	color:#e8572e;
	font-size:0.8em;
}

#diaporama a:hover{
	color:#303030;

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

#galerie{
padding-left:30px;
}
#galerie h1{
	color:#303030;
	text-transform:uppercase;
	margin-left:0;
	padding-left:0;
}
.bloc_galerie{
	width:350px;


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

#mentions_legales{
	padding-left:30px;
	padding-right: 10px;
}
#mentions_legales h1{
	color:#303030;
	text-transform:uppercase;
	margin-left:0;
	padding-left:0;
}


#mentions_legales h2{
	color:#e8572e;

}
#mentions_legales p{
	color:#303030;
	font-size:0.85em;
	text-align:justify;
	padding-left:20px;

}
#mentions_legales a{
	color:#303030;
}
#mentions_legales a:hover{
	color:#e8572e;
}
/*-----------------------------------------------------------------------------------*/


#contact{
	padding-left:20px;

}
#contact h1{
	color:#303030;
	text-transform:uppercase;
	margin-left:0;
	padding-left:0;
}
#contact h2{
	margin-left:0;
	padding-left:0;
	padding-bottom:5px;
	font-weight:bold;
}
#contact p{
	font-size:0.85em;
	color:#303030;
}

#contact ul{
padding-left:20px;
}
#contact li{
	display:list-item;
	font-size:0.85em;
	line-height:17px;
	color:#303030;
}

#contact table{
	font-size:0.85em;
	color:#303030;

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

#caracteristiques{
padding-left:20px;
}

#caracteristiques h1{
	color:#303030;
	text-transform:uppercase;
	margin-left:0;
	padding-left:0;
}

#caracteristiques h2{
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.8em;
}
#caracteristiques p{
	font-size:0.85em;
	color:#303030;
	padding-top:10px;
	padding-left:10px;
}
#caracteristiques ul{
	padding-left:25px;
}
#caracteristiques li{
	display:list-item;
	font-size:0.85em;
	line-height:17px;
	color:#303030;
}
/*-----------------------------------------------------------------------------------*/

#concept{
}
#concept h1{
	color:#303030;
	text-transform:uppercase;
	margin-left:0;
	padding-left:0;
}

#concept h2{
	color:#000000;
	text-transform:uppercase;
	margin-left:0;
	padding-left:0;
	font-weight:bold;
	font-size:0.8em;
}

#concept p{
	font-size:0.85em;
	color:#303030;
	padding-top:10px;
	padding-left:10px;
	text-align:justify;
}

#concept a{
	color:#e8572e;
}

#concept img{
padding-top:10px;
	
}

.bloc_concept{
	width:220px;
}

.pconcept{
	padding-right:15px;
}
/*-----------------------------------------------------------------------------------*/

#video{
	float:right;
	width:266px;
	margin-top:21px;
	padding-right:5px;
	background: transparent url(../images/fond_video.png) top left no-repeat;
	height:350px;
	padding-left:15px;

}

	#video h1{
	text-transform:none;
	margin:0;
	padding-top:10px;
	padding-left:20px;
	font-size:0.85em;
	}
	
	#video img{
	margin:0;
	padding:0;
	}

/*-----------------------------------------------------------------------------------*/


#toolTip {
        font-family: Verdana, Arial, Sans-serif, 'Times New Roman';
        font-size: 8pt;
        /*filter:alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;*/
        /* comment the above 3 line if you don't want transparency*/
}


#toolTip a {text-decoration: none; /* définition du lien qui affichera le "calque" */}
#toolTip a:hover {background: none; /* correction d'un bug IE */}
#toolTip a span { /* définition de la balise <span> inclue dans <a> */
display: none;}
#toolTip a:hover span { /* définition de la balise <span> au survol */
		display: inline;
		position: absolute;
		top: 100px; 
		/* positions et dimensions du calque, que vous pouvez changer à loisir */
		left: 100px;
		width: 600px;
		height: 200px;
		background: black;
		text-align: center;
		color: white;}
		
		
/*-----------------------------------------------------------------------------------*/
/*texte defilant*/

#conteneur_defil { 
	border:1px solid #336633;
	width:770px; 
	margin:0 auto;
	overflow:hidden;
	line-height:normal;
}
#cadre_defil {
	position:relative; 
	width:770px; 
	height:17px; 
	overflow:hidden;
	}
#cadre_defil img{
	vertical-align: middle;
	border:0;
}
#defile {
	position:absolute;
	width:485px;
	font-size:12px;
	color:#333;
	left: 234px;
	top: 2px;
}
#defile .liens {
	text-decoration:underline;
	color:#FF0033;
}