@charset "utf-8";
/* CSS Document */

/* BODY */
html, body {
margin: 0;
padding: 0;
margin-top:7px; /* dyn */
background: #c1c1c1 url("../images/fond.png") fixed top center repeat-x; /* dyn */
font-size:11px;
line-height:15px;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Luxi Sans", verdana, arial, sans-serif;
color:#5b5b5b;
}
* {padding:0; margin:0;}
	
/* POSITIONNEMENTS */
#bloc_entete {
	width: 1000px; 
	height: 100px;//height: 100px;
	background-image: url("../images/entete.png");//background: url("../images/entete.png") ; 
	//background-color ::
	z-index:10;
    position: relative;
    margin-left: auto;
	margin-right:auto;
    text-align: left;
    }
#bloc_menu { 
	width: 1000px;//width: 1000px;
	height: 40px;//height: 40px; /* dyn */
	background-image: url("../images/menu_deroulant.png");//background:transparent url("../images/menu_deroulant.png") no-repeat; /* dyn */
		background-repeat: no-repeat;		background-attachment: scroll;	 z-index:90;
     position: relative;
     margin-left: auto;
	 margin-right:auto;
     text-align: left;
     }
#bloc_menu_acc {
	//width: 236px;
	//height: 40px; /* dyn */
	//background:transparent url("../images/menu_accordeon.png") repeat-y; /* dyn */
					position:relative; overflow:hidden;
	 }
#bloc_page { width: 1000px;
     position: relative;
	 margin-left:auto;
     margin-right: auto;
     text-align: left;
     } 
#bloc_corps { width: 1000px; background:transparent url("../images/corps.png") /* dyn */; float:left;} 
#bloc_footer { width: 1000px; height: 47px; background-color: transparent;
     clear: both;
     position: relative;
	 margin-left: auto;
     margin-right: auto;
     text-align: left;
     }
#bloc_footer_fond {background: transparent url("../images/footer_milieu.png");}
#bloc_contenus {padding: 0px 3px 0px 3px;}

/* STYLES */
p {
color: #5b5b5b; 
font-size: 11px;
text-align:justify;
padding:0px 0px 10px 0px; /* top  right bottom left */
}

ul {
color: #5b5b5b; 
font-size: 11px;
text-align:left;
padding:10px 0px 0px 0px;
list-style:inside disc;
}
li { 
padding-bottom:10px;
}
ul li ul {
color: #5b5b5b; 
font-size: 11px;
text-align:left;
padding:0px 0px 0px 20px;
list-style: inside circle;
}
ul li ul li { 
padding-bottom:0px
}

/*div, table { margin:auto} */

td {
color: #5b5b5b; 
font-size: 11px;
text-align:justify; /*border:1px solid #333333; padding:5px; */
}
/*table {border-collapse: collapse;} */

table.table_invisible td {border-width:0; padding:0; margin:0}


alt {
color: #5b5b5b; 
font-size: 11px;
text-align:justify;
padding:10px 10px 10px 10px; /* top  right bottom left */
}

img {
border-width:0px;
}

input, select, textarea {
vertical-align:middle;
font-size:11px;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Luxi Sans", verdana, arial, sans-serif;
color:#000000;
}

a:link { text-decoration: none; color:#da0000; font-size: 11px; font-weight: normal;}
a:visited { text-decoration: none; color:#da0000; font-size: 11px; font-weight: normal;}
a:hover { text-decoration: none; color:#5b5b5b; font-size: 11px; font-weight: normal;}


h1 {
color: #da0000;
font-size: 18px;
line-height:21px;
font-weight: normal;
padding:0px 0px 10px 0px;
}


h2 {
color: #0099ff;
font-size: 18px;
line-height:21px;;
font-weight: normal;
padding:0px 0px 10px 0px;
}

h3 {
color: #00ce00;
font-size: 18px;
line-height:21px;
font-weight: normal;
padding:0px 0px 10px 0px;
}

h4 {
color: #da0000;
font-size: 15px;
line-height:18px;
font-weight: normal;
padding:0px 0px 10px 0px;
}

h5 {
color: #0099ff;
font-size: 15px;
line-height:18px;
font-weight: normal;
padding:0px 0px 10px 0px;
}

h6 {
color: #00ce00;
font-size: 15px;
line-height:18px;
font-weight: normal;
padding:0px 0px 10px 0px;
}

hr {
/* width:100%; */
border:0;
height:1px;
color: #d9d9d9;
background-color:#d9d9d9;
margin: 5px 0px 5px 0px;
}

fieldset {border:1px solid #d9d9d9; -moz-border-radius:3px; -webkit-border-radius:3px;}
legend {}


/* CSS client */
a.lien_bleu:link { text-decoration: none; color:#0099ff; font-size: 11px; font-weight: normal;}
a.lien_bleu:visited { text-decoration: none; color:#0099ff; font-size: 11px; font-weight: normal;}
a.lien_bleu:hover { text-decoration: none; color:#5b5b5b; font-size: 11px; font-weight: normal;}

a.lien_vert:link { text-decoration: none; color:#00ce00; font-size: 11px; font-weight: normal;}
a.lien_vert:visited { text-decoration: none; color:#00ce00; font-size: 11px; font-weight: normal;}
a.lien_vert:hover { text-decoration: none; color:#5b5b5b; font-size: 11px; font-weight: normal;}

a.lien_gris:link { text-decoration: none; color:#5b5b5b; font-size: 11px; font-weight: normal;}
a.lien_gris:visited { text-decoration: none; color:#5b5b5b; font-size: 11px; font-weight: normal;}
a.lien_gris:hover { text-decoration: none; color:#da0000; font-size: 11px; font-weight: normal;}

.block_moyen{width:496px; margin-top:10px}
.block_moyen_top{width:496px; height:7px; background:transparent url("../userfiles/images/block_moyen_top.png");}
.block_moyen_corps{width:496px; height:100%; background:transparent url("../userfiles/images/block_moyen_corps.png");}
.block_moyen_titre{width:496px; height:25px; background:transparent url("../userfiles/images/block_titre.png") bottom repeat-x;}
.block_moyen_degrade{width:496px; height:100%; background:transparent url("../userfiles/images/block_degrade.pn") bottom repeat-x;}
.block_moyen_bottom{width:496px; height:7px; background:transparent url("../userfiles/images/block_moyen_bottom.png");}

.gaia_encadre {border:1px solid #dddddd; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; margin:10px 10px 10px 0px;}
.gaia_encadre .bordure_interne {border:1px solid transparent; height:100%; -moz-border-radius:3px; -webkit-border-radius:3px;}
.gaia_encadre .titre_image {width:100%; margin-top:-40px; text-align:right; z-index:100; position:absolute;}
.gaia_encadre .titre_fond {background:url(../userfiles/images/titre_degrade.png) 0px 50px; -moz-border-radius:2px 2px 0px 0px; -webkit-border-radius:2px 2px 0px 0px;}
.gaia_encadre .titre_fond h1, .gaia_encadre .titre_fond h4 {padding:3px; color:#FFFFFF;}
.gaia_encadre .contenu {padding:2px; background:#dddddd url(../userfiles/images/titre_degrade.png) repeat-x;}

.accueil_yeux {background:url(../userfiles/images/accueil_yeux.png) bottom center no-repeat;}
.accueil_fille {position:absolute; z-index:10; margin-left:710px; margin-top:5px; background:url(../userfiles/images/accueil_fleches.png) no-repeat;}

ul.gaia_ul_vert {list-style-image:url(../userfiles/images/puce_verte.png);}
ul.gaia_ul_rouge {list-style-image:url(../userfiles/images/puce_rouge.png); padding:0}

.gaia_table_comparatif .td_center  {width:100px; height:20px; text-align:center}
.gaia_table_comparatif .tr_gris {background:url(../userfiles/images/panneau2comp_corps.png) repeat}
.gaia_table_comparatif .td_modules {padding-left:6px}
.link_packs {line-height:26px}
.link_packs:hover {color:#5b5b5b;}

.packs_fille {position:absolute; width:480px; height:150px; margin-top:-22px; background:url(../userfiles/images/packs_fille1.png) 330px no-repeat}
.packs_fille:hover {background:url(../userfiles/images/packs_fille2.png) 330px no-repeat}

.bouton {background:url(../userfiles/images/bouton_fond.png) no-repeat}
.bouton_petit {background:url(../userfiles/images/bouton_fond_petit.png) no-repeat}

.plan_site * { line-height:15px}

.smartphone_contenus {margin-left:7px; width:240px; height:250px; text-align:center;}
.smartphone_contenus2 {margin-left:7px; width:240px; height:250px; display:block; background-image:url(../userfiles/images/ordi_fille1b.png); text-align:center;}
.smartphone_contenus3 {margin-left:7px; width:240px; height:250px; display:block; background-image:url(../userfiles/images/ordi_fille2b.png); text-align:center;}

/* CSS modules */
.module_cadre_info {
width:254px; /* dyn idem largeur info */
float:right; /* dyn gauche ou droite */ clear:right;
margin-left:10px; /* auto-dyn marge gauche cadre (margin-right:10px si cadré à gauche) */
margin-right:0px; /* auto-dyn marge droite cadre (margin-left:10px si cadré à droite) */
margin-top:0px; /* dyn marge haut cadre */
margin-bottom:0px; /* dyn marge bas cadre */
}
.module_cadre_info .cadre_info {
background:transparent url("../images/cadre_infos_fond.png"); /* dyn image et couleur arrière-plan cadre */
}
.module_cadre_info li {
margin-bottom:0px; /* dyn marge info (margin-bottom:XXpx si vertical) (margin-right:XXpx si horizontal) */
width:254px; /* dyn largeur info */
height:250px; /* dyn hauteur info */
background:transparent url("../images/spacer.png"); /* dyn image et couleur arrière-plan info */
}
.module_cadre_info .prev, .module_cadre_info .next {float:left; width:80px; height:15px; line-height:15px; margin:2px 2px 0px 0px; text-align:center; background:#5c5c5c /* dyn couleur */ url(../images/degrade_titres.png) 0px 90px; border-color:#dddddd; border-width:1px; border-top-style:outset; border-left-style:outset; border-right-style:inset; border-bottom-style:inset; border-style:dotted;}
.module_cadre_info a.prev:link, .module_cadre_info a.next:link { text-decoration: none; color:#9b4da4 /* dyn couleur */; font-size: 11px; font-weight: normal;}
.module_cadre_info a.prev:visited, .module_cadre_info a.next:visited { text-decoration: none; color:#9b4da4 /* dyn couleur */; font-size: 11px; font-weight: normal;}
.module_cadre_info a.prev:hover, .module_cadre_info a.next:hover { text-decoration: none; color:#9b4da4 /* dyn couleur */; font-size: 11px; font-weight: normal;}
.module_cadre_info ul, .module_cadre_info li {list-style:none; list-style:outside; margin:0; padding:0;}


/* galerie mouvante */
#galerie_mouvante {position:absolute;
width:400px; /* dyn */
height:70px; /* dyn */
margin-left:7px; /* dyn */
background:transparent; /* dyn */
overflow:hidden;}
.image_mouvante {position:relative; float:left;
width:70px; /* dyn */
height:70px; /* dyn */
margin-right:10px; /* dyn */
overflow:hidden;}
.imgimage_mouvante  {position:absolute; border:none; text-decoration:none; cursor:pointer;}


/* CSS CATALOGUES */
#bloc_catalogue { width: 1000px; background: transparent url("../images/client_contenu.png");
     position: relative;
     margin-right: auto;
	 margin-left:auto;
     text-align: left;
     }
#bloc_catalogue .top_panier { padding:5px 10px 0px 10px; text-align:right;}
#bloc_catalogue .top_panier table { width:100%;}
#bloc_catalogue .top_panier .padding{ padding-left:20px; float:right;}
#bloc_catalogue img { vertical-align:middle;}
#bloc_catalogue hr { width:100%;border:0; height:1px;color:#aaaaaa; background-color:#aaaaaa; clear:both}
div.catalogue { margin:0px 10px 0px 10px;}
div.catalogue img { vertical-align:middle;}
div.top_catalogues { padding:5px 0px 0px 0px;}
div.top_catalogues table { width:100%;}
div.top_catalogues table .droite{ text-align:right;}
div.sous_catalogues { float:left; width:237px; margin:10px 3px 3px 3px; padding:5px 0px 5px 0px; text-align:center; background:#5b5b5b /* dyn couleur */ url(../images/degrade_titres.png) 0px 90px;
border-color:#dddddd; border-width:1px; border-top-style:outset; border-left-style:outset; border-right-style:inset; border-bottom-style:inset; border-style:dotted;}
div.reference { float:left; width:237px; margin:10px 3px 3px 3px; text-align:center;}
div.reference img { padding:3px;}
div.sous_catalogues a, div.reference a {text-decoration:none; color:transparent}

div.photos { float:left; margin-right:10px}
div.photos img { background-color:transparent;}
div.miniatures { float:left; clear:left;}
div.photo_principale { margin:2px; text-align:center; vertical-align:middle;}
div.conteneur_miniatures { width:56px; height:56px; background-color:#eeeeee; text-align:center; vertical-align:middle; float:left; margin:2px; 
border-color:#dddddd; border-width:1px; border-top-style:outset; border-left-style:outset; border-right-style:inset; border-bottom-style:inset; border-style:dotted;}
div.selection { float:left; margin:0px 5px 0px 0px; padding:1px 7px 1px 7px; text-align:center; background:#5b5b5b /* dyn couleur */ url(../images/degrade_titres.png) 0px 90px;
border-color:#dddddd; border-width:1px; border-top-style:outset; border-left-style:outset; border-right-style:inset; border-bottom-style:inset; border-style:dotted;}
div.selection img{ vertical-align:middle;}

div.ma_selection { margin:0px 10px 0px 10px;}
div.ma_selection img { vertical-align:middle;}
div.ma_selection hr { width:100%;border:0; height:1px;color:#aaaaaa; background-color:#aaaaaa; clear:both}
div.ma_selection table { width:100%;}
div.ma_selection table .gauche { margin-right:10px;}
div.ma_selection table .milieu { text-align:center;}
div.ma_selection table .droite{ text-align:right;}