/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

html,body{
margin: 0;
padding: 0;
height: 100%;
}

body {
text-align: center;
font-size: 1em;
font-family: arial, verdana, sans-serif;
color: black;
background:white url(images/body_bg.jpg) top right repeat-x;

}

div#hauteur{
min-height: 100%;
position: relative;
}

img, table,div,td,span,form,ul,li,p { margin: 0; padding: 0; border: none; }
input { margin: 0; padding: 0; }
ul{list-style:none;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
a {color:black;;
text-decoration:none;}
a:hover{text-decoration:underline;}
.nettoyeur{clear:both;}
.nettoyeur_right{clear:right;}
img.fin_cadre{
width:100%;
height:1px;
}
span.fin_cadre{
display:block;
width:100%;
height:1px;
}

/*******************************Bandeau*******************************/
div#bandeau{
text-align:left;
position:relative;
color:white;
}

img#logo{
display:block;
margin-right:auto;
margin-left:28px;
width:318px;
height:174px;
}

div#bandeau h3{
display:block;
margin-bottom:8px;
font-weight:bold;
font-size:0.82em;
}

div#bandeau h3 span.gras_titre{
font-size:1.4em;
text-transform:uppercase;
}

div#bandeau div.corner{
width:5px;
height:5px;
}

/***************************Menu*******************************/
ul#menu{
display:block;
width:90%;
margin-left:28px;
height:50px;
margin-top:42px;
}

ul#menu li{
display:block;
float:left;
margin-right:70px;
padding-top:4px;
background:transparent url(images/petite_puce.gif) 0px 12px no-repeat;
padding-left:10px;
}

ul#menu li a{
font-size:0.82em;
font-weight:bold;
color:white;
}

ul#menu li a:hover{
color:#FFED06;
}

/************************Compte client********************/
div#compte_client{
width:15%;
position:absolute;
top:0px;
left:42%;
padding-top:35px;
padding-bottom:10px;
padding-left:2%;
padding-right:2%;
z-index:5;
background:#000000 url(images/compte_client_bg.png) top left repeat-x;
}

div#compte_client div.corner_bottom_left{
background-image:url(images/noir_bottom_left.png);
}

div#compte_client div.corner_bottom_right{
background-image:url(images/noir_bottom_right.png);
}

form#connex{
display:block;
}

ul.champ_mon_compte{
display:block;
}

ul.champ_mon_compte li{
display:block;
margin-top:4px;
}

ul.champ_mon_compte li span{
font-size: 0.88em;
color:white;
}

input.champ_mon_compte{
border:1px solid #3F3F3F;
background:#FEFEFE url(images/input_bg.gif) top left repeat-x;
padding-bottom:1px;
padding-top:1px;
padding-left:2px;
padding-right:2px;
font-size: 0.77em;
font-family: arial, verdana, sans-serif;
}

ul.lien_mon_compte{
display:block;
margin-top:7px;
}

ul.lien_mon_compte li{
display:block;
margin-top:3px;
}

ul.lien_mon_compte_puce li{
background:transparent url(images/petite_puce.gif) center left no-repeat;
padding-left:10px;
}

ul.lien_mon_compte li a{
color:white;
font-size: 0.77em;
}

/*************************Panier**********************/
div#panier{
width:15%;
position:absolute;
top:0px;
left:63%;
padding-top:35px;
padding-bottom:10px;
padding-left:2%;
padding-right:2%;
z-index:5;
background:#107AB5 url(images/panier_bg.png) top left repeat-x;
}

div#panier div.corner_bottom_left{
background-image:url(images/bleu2_bottom_left.png);
}

div#panier div.corner_bottom_right{
background-image:url(images/bleu2_bottom_right.png);
}

li.article{
font-size:0.82em;
margin-bottom:7px;
}

li.panier a{
background:transparent url(images/panier.gif) left center no-repeat;
padding-left:25px;
}

li.panier a:hover{
background-image:url(images/panier_on.gif);
color:#FFED06;
text-decoration:none;
}


/***************************Perso****************************/
div#block_perso{
min-width:924px;
width:100%;
position:absolute;
top:0px;
left:0px;
}

img#perso{
display:block;
position:absolute;
top:0px;
right:0px;
z-index:10;
width:160px;
height:250px;
}


/***********************Page************************/

div#page{
width:90%;
min-width:924px;
margin-left:auto;
margin-right:auto;	
text-align:left;
padding-top:0px;
padding-bottom:120px;
margin-top: 0;
}


/***********************Bloc********************/
div.bloc{
margin-top:29px;
margin-left:0px;
margin-right:0px;
margin-bottom:29px;
position:relative;
}

div.bloc_seul{
margin-left:29px;
margin-right:auto;
}

div.bloc_left{
margin-left:29px;
margin-right:0px;
float:left;
width:69%;
}

div.bloc_right{
margin-left:0px;
margin-right:29px;
float:right;
width:22%;
}

div.bloc div.interieur{
background:#F3F3F3 url(images/gris_top.png) bottom left repeat-x;
border:1px solid #929292;
padding:10px 15px 5px 15px;
}

div.interieur_left{
float:left;
width:75%;
}

div.interieur_right{
float:right;
width:20%;
}

div.bloc div.bottom{
display:none;
}

div.corner{
position:absolute;
z-index:5;
width:5px;
font-size:1px;
margin:0;
}

div.corner_top_left{
top:0px;
left:0px;
height:5px;
background:transparent url(images/gris_top_left.png) top left no-repeat;
}

div.corner_top_right{
top:0px;
right:0px;
height:5px;
background:transparent url(images/gris_top_right.png) top left no-repeat;
}

div.corner_bottom_right{
bottom:0px;
right:0px;
height:54px;
background:transparent url(images/gris_bottom_right.png) top left no-repeat;
}

div.corner_bottom_left{
bottom:0px;
left:0px;
height:54px;
background:transparent url(images/gris_bottom_left.png) top left no-repeat;
}

div.bloc_gris_646{
width:69%;
}

div.bloc_gris_418{
width:45%;
}

div.bloc_gris_866{
margin-left:29px;
margin-right:29px;
}

div.bloc_bleu{

}

div.bloc_bleu div.interieur{
background-image:url(images/bleu_top.png);
background-color:#D7F3FF;
border:1px solid #50A7CC;
}

div.bloc_bleu div.corner_top_left{
background-image:url(images/bleu_top_left.png);
}

div.bloc_bleu div.corner_top_right{
background-image:url(images/bleu_top_right.png);
}

div.bloc_bleu div.corner_bottom_right{
background-image:url(images/bleu_bottom_right.png);
}

div.bloc_bleu div.corner_bottom_left{
background-image:url(images/bleu_bottom_left.png);
}

div.bloc_bleu div.bottom{
background-image:url(images/bleu_bottom.png);
}

div.bloc_bleu_646{

}

div.bloc_bleu_866{
margin-left:29px;
margin-right:29px;
}

div.bloc_rose{

}

div.bloc_rose div.interieur{
background-image:url(images/rose_top.png);
background-color:#FFE2F2;
border:1px solid #ED55A6;
}

div.bloc_rose div.corner_top_left{
background-image:url(images/rose_top_left.png);
}

div.bloc_rose div.corner_top_right{
background-image:url(images/rose_top_right.png);
}

div.bloc_rose div.corner_bottom_right{
background-image:url(images/rose_bottom_right.png);
}

div.bloc_rose div.corner_bottom_left{
background-image:url(images/rose_bottom_left.png);
}

div.bloc_rose div.bottom{
background-image:url(images/rose_bottom.png);
}

div.bloc_rose_646{

}

div.bloc_rose_191{

}

/*************************Titre***************************/

div.bloc h1,div.bloc h2{
display:block;
margin-bottom:7px;
padding-bottom:2px;
border-bottom:1px solid #999999;
font-weight:bold;
font-size:1.2em;
}

div.bloc_bleu h1,div.bloc_bleu h2{
border-color:#50A7CC;
color:#082F3F;
}

div.bloc_rose h1,div.bloc_rose h2{
border-color:#ED55A6;
}

div.bloc h1 span.titre_grand,div.bloc h2 span.titre_grand{
font-size:1.3em;
}

div.bloc h3 span{
display:none;
}

/************************Pied**********************/

div#pied{
width:100%;
position:absolute;
bottom:0px;
left:0px;
background:#D8D8D8 url(images/pied_bg.png) top left repeat-x;
padding-top:20px;
padding-bottom:15px;
margin-bottom: 0;
}

div#rappel_menu{
width:90%;
min-width:924px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

div#rappel_menu ul{
display:block;
}

div#rappel_menu ul li.left,div#rappel_menu ul li.right{
display:block;
margin-bottom:8px;
}

div#rappel_menu ul li.left{
float:left;
margin-left:29px;
width:55%;
}

div#rappel_menu ul li.right{
float:right;
margin-right:29px;
width:38%;
text-align:right;
}

div#rappel_menu ul li ul{
display:block;
}

div#rappel_menu ul li ul li{
display:inline;
font-size:0.77em;
padding-left:9px;
padding-right:11px;
background:transparent url(images/pied_separation.gif) center right no-repeat;
}

div#rappel_menu ul li ul li.premier{
padding-left:0px;
}

div#rappel_menu ul li ul li.dernier{
background:none;
padding-right:0px;
}

div#rappel_menu ul li.realisation{
font-size:0.77em;
color:#5F5F5F;
}

div#rappel_menu ul li.realisation a.image{
display:block;
margin-left:auto;
width:97px;
height:30px;
color:#5F5F5F;
background:transparent url(images/pixel_communication.png) top left no-repeat;
margin-top:0px;
cursor:pointer;
}

div#rappel_menu ul li.realisation a.image span{
display:none;
}