@import "formulaire.css";
@import "referencement.css";
@import "navigation_vertical.css";
@import "actualites.css";
@import "produits.css";
@import "typo.css"; /* Contient H1, h2, etc */
@import "../colorbox/colorbox.css";
/*------------------------------------------------------*
*-- appel des css --------------------------------------*
*------------------------------------------------------*/

/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web 03-04-2009 --*
 *------------------------------------------------*/
 
/*------------------------------------------------------*
*-- utilisation de l'unité em pour la taille de la typo et la largeur du contenu de la page
*------------------------------------------------------*/

/*toutes les balises ont des marges internes et externes ŕ 0*/
* {
margin: 0;
padding: 0;
}

/*html {
 font-size: 75%;
}
*/
body {
	font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;/*fixe la taille de la typo pour IE*/
	background-color: #DDD;
	color: #000;
	text-align: center;
}
img {
	border:none;
}
select {
	color: #000;
	background-color: #fff;
}

a {
	text-decoration: none;
	color: #7c9f00;
}
a:visited {
	color: #7c9f00;
}
a:hover, a:focus, a:active {
	text-decoration: none;
	color: #000;
	background: #7c9f00;
}
 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


#general{
	width:100%;
}

/*Haut de page  HEADER*/

#header{
	width:100%;
	background: #000000 url(../images/deco/bg-header.jpg) no-repeat center top;
	height: 18.5em;
}
#header #header-content {
	margin:0 auto;
	width:82.25em;
}

/*Contenu de page  CONTENT */

#content {
	margin:0 auto;
	width:82.25em;
}
.separator {
	margin:10px;
	height:2px;
	
}
/*/// debut des colonnes ///*/
#left_content{
	float:left;
	width:19%;
	
}

/*///    partie du centre   ///*/
#middle_content{
	float:left;
	width:67%;
	background: #FFF url(../images/deco/bg-content-haut.jpg) no-repeat right top;
	padding: 4em;
	text-align: left;
	
}
#middle_content p{
margin: 0.8em 0;
font-size: 1em;
}
#middle_content p.lien {
margin: 2em 0 1.5em;
}
#middle_content a{
}
#middle_content a:visited {
}
#middle_content a:hover, #middle_content a:focus, #middle_content a:active{
}

#middle_content ul{
	margin: 0.5em 0;
	font-size: 1em;
}
#middle_content ul.lien {
	list-style:none;
	margin: 0.5em 0 1.5em 1em;
}
#middle_content li{
	list-style-position:inside;
	margin-bottom: 0.4em;
}

.image-droite {
   float:right;
}
.image-gauche{
   float:left;
} 
.image-centre{
   margin:3em auto 1em;
   padding: 1.5em 0;
   text-align: center;
   background-color: #f2f2f2;
} 

table#loc {
width: 90%;
border: 1px solid #DDD;
margin: 0 auto;
padding: 0.5em;
}
table#loc caption{
float: left;
color: #595959;
font-weight: bold;
font-size: 1.2em;
}
table#loc td {
padding: 0.5em;
background-color: #FFF;
}
table#loc td.img-prod a {
background-color: #7C9F00;
margin: 0;
padding: 0.4em;
display: block;
}
table#loc td.img-prod a:hover {
background-color: #DDD;
}
table#loc td.img-prod h5 {
text-align: left;
margin-top: 0.5em;
}
table#loc th {
color: #595959;
}
/*/// fin des colonnes ///*/	


/*Bas de page  FOOTER*/

#footer{
	margin:0 3.4em 0.5em 0;
	padding: 1em 3em 1em 4.25em;
    text-align: left;
    width: 68%;
	float: right;
	font-size: 1em;
	text-align: center;
	background: transparent url(../images/deco/bg-footer.jpg) no-repeat right top;
}
#footer ul {
	list-style:none;
	margin:1em 0;
	color: #e4ff84;
	padding-bottom: 2.5em;
}
#footer ul li {
	float: left;
	margin-bottom:0.3em;
/*	text-transform: uppercase;*/
}
#footer a{
	color: #e4ff84;
	margin: 0 0.3em;
}
#footer a:visited {
	color: #999;
}
#footer a:hover, #footer a:focus, #footer a:active {
background-color: #e4ff84;
color: #999;
}
.adr {
margin-top: 0.5em;
color: #b1b1b1;
text-align: left;
}
 
#header .adr {
margin-top: 0em;
font-size: 1em;
padding-top: 0.4em;
}
#header .tel {
display: block;
color: #ee7e30;
font-size: 14px;
margin:0;
padding:0;
display:inline;
}
#content .tel {
display: block;
color: #ee7e30;
font-size: 14px;
margin:0;
padding:0;
display:inline-block;
}

#footer .tel {
display: inline;
color: #FFF;
font-size: 2em;
margin:0;
padding:0;
}

/*classe clear*/

.clear {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   font-size: 0;
   line-height: 0;
}
#player {
	width: 800px;
   height: 170px;
   margin: 30px 0 0 169px;
}
#player-son {


}
#player-video {


}

 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/