@import "formulaire.css";
@import "referencement.css";
@import "navigation.css";
@import "produits.css";
@import "paiement.css";

@import url("../lightbox/lightbox.css");

/*
@import url("highslide.css");
@import url("highslide-styles.css");
*/

/*------------------------------------------------------*
*-- appel des css --------------------------------------*
*------------------------------------------------------*/

/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web 02-04-2008 --*
 *------------------------------------------------*/


html {
 margin: 0;
 padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	color: #2b2b2b;
	background-image:url(../images/deco/fond/fond-body.gif);
	background-position: center top;
}

p, form, input {
	margin: 0;
	padding: 0;
}

select {
	color: #000;
	background-color: #fff;
}

.image-gauche {
	margin: 0 10px 5px 0;
	padding:1px;
	background-color: #FFF;
	display:block;	
	border: solid 1px #c7c7c7;
	float:left;
}

.image-droite {
	margin: 0 0 5px 10px;
	padding:1px;
	background-color: #FFF;
	display:block;	
	border: solid 1px #c7c7c7;
	float:right;
}


.image-rubrique {
	margin: 15px 8px 30px 8px;
	padding:3px;
	background-color: #FFF;
	display:block;	
	border: solid 1px #c7c7c7;
}


.strong {
	font-weight:bold;
}

.strongbleu {
	font-weight:bold;
	color:#00b9f2;
}	


hr {
	margin:10px 0 10px 0;
	padding:0;
	height:1px;
	clear: both;
	display:block;
	border-bottom: dashed 1px #7dcb00;
	border-top: none;
	border-left: none;
	border-right: none;
}

 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


#general{
	margin:0 auto;
	padding:0;
	width:990px;
	background-image:url(../images/deco/fond/fond-general.png);
	background-repeat: repeat-y;
}

/*Haut de page  HEADER*/

#header{
	margin:0 auto;
	padding:0;
	width:964px;
	height:172px;
}

#logo{
	margin:0;
	padding:0;
	width:350px;
	height:172px;
	float:left;
}

/*BLOC ACTUS INDEX*/

#bloc_actus_index{
	margin:0;
	padding:30px 0 0 0;
	width:613px;
	height:142px;
	background-color:#1a7bc4;
	background-image:url(../images/deco/fond/fond-actus.gif);
	background-position:center center;
	background-repeat:no-repeat;
	float:right;
	color:#FFF;
	border-right: solid 1px #FFF;
}

#bloc_actus_index p{
	margin:0;
	padding:3px 0;
}

#bloc_actus_index h2{
	margin:0;
	padding:0 0 0 15px;
	color: #FFF;
	font-size:26px;
	display:block;
	float:left;
	letter-spacing:2px;
}

#bloc_actus_index h3{
	margin:0;
	padding:0;
	color: #FFF;
	font-size:12px;
	font-weight:bold;
}

.encart_actus_index {
	margin:0 10px 0 15px;
	padding:0;
	width:230px;
	height:130px;
	float:right;
	font-size:11px;
}

.savoir_plus {
	margin:0;
	padding:0;
	color: #FFF;
	font-size:10px;
	display:block;
	float:right;

}

.savoir_plus a{
	margin:0;
	padding:5px 10px 6px 15px;
	color: #FFF;
	text-decoration:none;
	background-image:url(../images/deco/fond-savoir-plus.gif);
	background-position:left center;
	background-repeat:no-repeat;
	display:block;

}

.savoir_plus a:hover{	
	margin:0;
	padding:5px 10px 6px 15px; 	
	color: #FFF;
	text-decoration:none;
	background-image:url(../images/deco/fond-savoir-plus-over.gif);
	background-position:left center;
	background-repeat:no-repeat;
	display:block;

}

/*Contenu de page  CONTENT */

#content {
	margin:0 auto;
	padding:0;
	width: 962px;
	background-image:url(../images/deco/fond/fond-content.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}

/*/// debut des colonnes ///*/
#left_content{
	margin:0;
	padding:0;
	width:377px;
	float:left;
}


#flash_diaporama{
	margin:0 auto;
	padding:0;
	width:377px;
	height:279px;
}


/*OFFRES SPECIALES*/

#bloc_offres{
	margin:0 auto;
	padding:0 0 0 20px;
	width:357px;
	background-image:url(../images/deco/fond/fond-offres-speciales.gif);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#2a37a0;
}

#bloc_offres p{
	margin:0;
	padding:3px 0;
}

#bloc_offres h2{
	margin:0;
	padding:32px 0 10px 0;
	color: #FFF;
	font-size:35px;
	font-weight:normal;
	letter-spacing:2px;
}

#bloc_offres h3{
	margin:0;
	padding:0 0 5px 0;
	color: #1a7bc4;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
}

.content_encart_offres {
	margin:0 0 5px 0;
	padding:0 0 13px 0;
	width:307px;
	background-image:url(../images/deco/ombre-encart-offres.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
}

.encart_offres {
	margin:0 auto;
	padding:10px;
	width:285px;
	background-color:#FFF;
	border: solid 1px #727272;
}

.encart_offres img{
	margin: 0 15px 0 0;
	padding:0;
	display:block;
	float:left;
}

/*MARQUES*/

#bloc_marques{
	margin:0 auto;
	padding:0 0 0 50px;
	width:327px;
	background-image:url(../images/deco/fond/fond-marques.gif);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#FFF;
}

#bloc_marques h2{
	margin:0;
	padding:30px 0 5px 18px;
	color: #00b9f2;
	font-size:35px;
	font-weight:normal;
	letter-spacing:3px;
}

#diaporama_marques{
	margin:0;
	padding:0;
	width:250px;
	height:150px;
	background-color:#FFF;
	float:left;
}



/*/// partie de droite ///*/
#right_content{
	margin:0;
	padding:20px 10px 10px 0;
	width:570px;
	float:right;
}

#right_content a, #bloc_actus a{
	color: #00b9f2;
	text-decoration:none;
	font-weight:bold;
}

#right_content a:hover, #bloc_actus a:hover{
	color: #7dcb00;
	text-decoration:none;
	font-weight:bold;
}

#right_content p{
	margin:0;
	padding:5px 0;
}

#right_content ul{
	margin: 0;
	padding: 0 40px;
}

#right_content li {
	margin: 0;
	padding: 3px 0 3px 10px;
	list-style-type:none;
	background-image:url(../images/deco/fleche-verte.gif);
	background-position: left 8px;
	background-repeat:no-repeat;
	display:block;
}

.content_adresse{
	margin:0 5px 10px 0;
	padding:5px;
	width:260px;
	height:100px;
	float:left;
	text-align:center;
	color: #2a37a0;
	font-size:13px;
	border-right: solid 3px #1a7bc4;
}

/*ACTUALITES*/

#right_content_actus{
	margin:0;
	padding:20px 10px 10px 0;
	width:570px;
	float:right;
}


#bloc_actus, #bloc_actus_fiche{
	margin:0 auto;
	padding:10px 0 0 0;
	width:550px;
	font-size:11px;
}

#bloc_actus_fiche{
	margin:0 auto;
	padding:10px 0 0 0;
	width:540px;
}

.haut_pages{
	margin: 0 auto;
	padding:5px 3px;
	width:auto;
	font-size:10px;
	text-align:center;
	display:block;
}

.haut_pages a{
	margin: 0;
	padding:5px 3px;
	color: #2b2b2b;
	text-decoration:none;
}

.haut_pages a:hover{
	margin: 0;
	padding:5px 3px;
 	color: #FFF;
	background-color:#00b9f2;
	text-decoration: none;
}

.nav_pages{
	margin:0 auto;
	padding: 3px 0 3px 0;
	color: #2b2b2b;
	font-size: 10px;
	text-align:center;
}

.nav_pages a{
	background-color:#FFF;
	color: #2b2b2b;
	text-decoration: none;
	margin: 0 5px 0 0;
	padding: 1px 4px;
	border: solid 1px #bfbfbf;
}
.nav_pages a:hover{
	color: #FFF;
	background-color:#00b9f2;
	text-decoration: none;
	border: solid 1px #bfbfbf;
}

.nav_pages a.menu_actif{
	color: #FFF;
	background-color:#00b9f2;
	text-decoration: none;
	border: solid 1px #bfbfbf;
}


/*PAGE CONTACT*/


.content_adresse_contact{
	width:500px;
	text-align:center;
	color: #2a37a0;
	font-size:13px;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 25px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.content_adresse_contact img{
	float: left;
	
}

.plan{
	margin:0 auto;
	padding:5px;
	width:500px;
	border: solid 1px #c7c7c7;
}



/*///    partie du centre   ///*/
/*#middle_content{
	float:left;
	position:relative;
	background-color:#FFF;
	width:580px;
}*/

/*/// fin des colonnes ///*/	

/*Bas de page  FOOTER*/


#content_footer{
	margin:0 auto;
	padding:0 0 21px 0;
	width:990px;
	background-image:url(../images/deco/ombre-footer.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}

#footer{
	margin:0 auto;
	padding:15px 0;
	width:962px;
	background-image:url(../images/deco/fond/fond-footer.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-color:#1e6bbb;
	text-align: center;
	color: #00b9f2;
	font-size:11px;
	border-bottom: solid 1px #FFF;
}

#footer a{
	color: #FFF;
	text-decoration:none;
}

#footer a:hover{
	color:#7dcb00;
}

#footer_adresse1{
	/*margin:0 0 0 100px;
	float:left;*/
	margin:0 auto;
	padding:10px 0 0 0;
	/*width:250px;*/
	color: #FFF;
	font-size:12px;
}

#footer_adresse2{
	margin:0 100px 0 0;
	padding:10px 0 0 0;
	width:250px;
	float:right;
	color: #FFF;
	font-size:12px;
}


/*classe clear*/

.clear {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}


 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
  
h1 {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 20px;
	color: #2a37a0;
	font-weight:normal;
	text-transform:uppercase;
}
 
h2 {
	margin: 0;
	padding: 15px 0;
	font-size: 18px;
	color: #00b9f2;
	font-weight:bold;
}

h3 {
	margin: 0;
	padding: 15px 0;
	font-size: 16px;
	color: #00b9f2;
	font-weight:bold;
}
  
h4 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 15px;
	color: #1a7bc4;
	font-weight:bold;
	letter-spacing:1px;
}
 /*
h5 {
	margin: 0;
	padding: 0;
	color:#000;
}
h6 {
	margin: 0;
	padding: 0;
	color:#000;
}*/
		
 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/
.img_logo_optique {
	margin-top: 20px;
	text-align: center;
}
.bleu {
	color: #000066;
}