/* ------------  général -------------------*/	
body {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #BAB9D8;
	}

#master_haut {
	width: 1058px;
	height: 13px;
	margin: 0 auto;
	padding: 0px;
	background: url("/ui/images/liserai-haut.jpg") no-repeat;
	clear: both;
	}
#master_bas {
	width: 1058px;
	height: 13px;
	margin: 0 auto;
	padding: 0px;
	background: url("/ui/images/liserai-bas.jpg") repeat-x;
	clear: both;
	}	
#master {
	position: static;
	width: 1025px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 0 33px;
	font-size: 13px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color: #606060;
	background: url("/ui/images/fond_body.jpg");
	clear: both;
	}
h1 {
	font-size: 17px;
	font-weight: 800;
	color: #8885BC;
	text-align: center;
	clear: both;
	}

h2 {
	font-size: 16px;
	
	font-weight: 400;
	color: #FFFFFF;
	text-align: left;
	background: #8ad2c7;
	padding: 0 0 1px 10px;
	}	
	

	

h3 {
	margin: 2px 0 5px 0px;
	font-size: 14px;
	font-weight: 400;
	color: #8885BC;
	text-align: left;

	}
h4 {
   margin: 0 0 0 0px;
   padding: 20px;
   font-family: Verdana, Arial, Helvetica, sans-sherif;
   font-weight: 500;
   font-size: 12px;
   color: #66B0A7;
   letter-spacing: 3px;
   }
h5 {
	font-size: 12px;
	width: 300px;
	font-weight: 600;
	color: #FFFFFF;
	margin:0 0 2px 200px;
	text-align: center;
	background: #8ad2c7;
	padding: 0 0 1px 10px;
	}

h6 {
	font-size: 14px;
	font-weight: 800;
	color: #8885BC;
	text-align: left;
	clear: both;
	}

   
.modele_liste1 {
	list-style-image: url("/ui/images/puce_bandeau_boutique.gif");
    line-height: 20px;
	}
	
a img {
	border: none;
	}
.imleft {
	float: left;
	margin: 8px 20px 10px 10px;
	display: block;
	}
.imright {
	float: right;
	margin:10px;
	display: block;
	}
.imcenter {
	float: center;
	}
.image_gauche {
	float: left;
	margin:10px;
	display: block;
	text-align: center;
	font-size: 9px;
	}
.image_gauche a{
	font-size: 9px;
	}
.image_droite {
	float: right;
	margin:10px;
	display: block;
	text-align: center;
	font-size: 9px;
	}
.image_droite a{
	font-size: 9px;
	}	
.centrer {
	text-align: center;
	}

.droite {
	text-align: right;
	}
.petit {
	font-size: 10px;
	}
.centregras {
	font-weight: 600;
	text-align: center;
	}
.centre_rouge {
	font-size: 14px;
	font-weight: 800;
	text-align: center;
	color: #FF0000;
	}
.gras {
	font-weight: 600;
	}
.grasouligne {
	font-weight: 600;
	text-decoration: underline;
	}	
.italique {
	font-style: italic;
	}	
	
.clear_b {
    clear: both;
		}	

A:link { color: #807FB8; text-decoration: none; }
A:visited { color: #807FB8; text-decoration: none; }
A:active { color: #66B0A7; text-decoration: none; }
A:hover { color: #66B0A7; text-decoration: underline; }	


.liste1 {
	margin:0 0 0 20px;
	padding: 0px;
	list-style-image: url("/ui/images/puce_pave_gauche.gif");
	line-height:1.5;
	}


		
/* ------------  partie gauche -------------------*/		

#cgauche {
	width: 212px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	}
#haut_gauche {
	width: 212px;
	height: 253px;
	background: url("/ui/images/banniere1.jpg") no-repeat;
	margin: 0;
	padding: 0;
	}
.haut_gauche_bouton {
	width: 70px;
	height: 50px;
	float: left;
	margin: 83px 0 0 0;
	padding: 0;
	}
.titre_pave_gauche {
	width: 212px;
	height: auto;
	margin: 0;
	padding: 8px 0 6px 0;
	text-align: center;
	color: #FFFFFF;
	background: #807FB8;
	font-weight: 600;
	}
.contenu_pave_gauche {
	width: 210px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 1px solid #d3d3d3;
	background: #ffffff;
	}	

.pave_gauche_liste {
	margin:0 0 0 20px;
	padding: 0px;
	list-style-image: url("/ui/images/puce_pave_gauche.gif");
	font-size: 11px;
	line-height:1.5;
	}
.pave_gauche_liste a:link, .pave_gauche_liste a:visited , .pave_gauche_liste a:active{
	color: #9E9E9E;
	font-weight: 500;
	text-decoration: none;
	}
.pave_gauche_liste a:hover {
	color: #807FB8;
	text-decoration: none;
	}

.pave_vert {
	width: 212px;
	height: auto;
	margin: 12px 0 12px 0;
	padding: 0;
	}
	
.titre_pgp {
	width: 206px;
	height: auto;
	padding: 8px 0 6px 0;
	text-align: center;
	color: #807FB8;
	background: #E7E5F2;
	font-weight: 600;
	font-size: 11px;
	border-top: 1px solid #d3d3d3;
	}
.contenu_pgp {
	width: 206px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 2px;
	text-align: left;
	background: #FFFFFF;
	font-size: 11px;
	color: #9E9E9E;
	font-weight: 500;
	}		
	

/* -------------------  partie droite -------------------*/		
#cdroite {
	width: 750px;
	height: auto;
	float: left;
	margin: 0 0 0 38px;
	padding: 0;
	text-align: justify;
	}	
#central {
	margin: 0 0 40px 0;
	}


/* ------------------   DEBUT MODIF DU 18-06-2010----------------*/	
	
/* ------------------   bandeau partie droite en haut --------------------*/		
	
#bandeau-ext{
	width: 750px;
	height: 160px;
	margin: 0;
	padding: 100px 0 0 0;
	background: url("/ui/images/ban-sommeil.jpg") no-repeat;
	clear: both;
	}	
	
.bandeau-int {
	width: 269px;
	height: auto;
	float: left;
	margin: 0px 20px 0px 6px;
	padding: 0;
	text-align: center;
	border-right: 1px solid #EEF7F5;
	border-bottom: 1px solid #EEF7F5;
	}
	
.bandeau-int a:link, .bandeau-int a:visited, .bandeau-int a:active{
	font-size: 11px;
	color: #9E9E9E;
	font-weight: 500;
	text-decoration: none;
	}	
.bandeau-int a:hover{
	font-size: 11px;
	color: #8885BC;
	font-weight: 500;
	text-decoration: none;
	}	


/* ------------------   menu haut --------------------*/		
#menu_haut {
	width: 750px;
	height: 27px;
	clear: left;
	margin: 0;
	padding: 0;
	}
.ul_menu_haut {
	padding:0;
	margin:0;
	font-size: 11px;
	}
.li_haut1 {
	width: 106px;
	height: 27px;
	float: left;
	display: block;
	margin: 0 4px 0 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}
.li_haut2 {
	width: 128px;
	height: 27px;
	float: left;
	display: block;
	margin: 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: center;
	}
	
.li_haut1 a:link, .li_haut2 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 500;
	font-size: 11px;
	}
.li_haut1 a:visited, .li_haut2 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 500;
	font-size: 11px;
	}
.li_haut1 a:active, .li_haut2 a:active{
	color: #38a3be;
	text-decoration: none;
	font-weight: 500;
	font-size: 11px;
	}
.li_haut1 a:hover {
	width: 106px;
	height: 23px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}	
.li_haut2 a:hover {
	width: 128px;
	height: 23px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}		


/* ------------------   menu hautb --------------------*/		
.menu_hautb {
	width: 750px;
	height: 27px;
	clear: left;
	margin: 0;
	padding: 0;
	}
.ul_menu_hautb {
	padding:0;
	margin:0;
	font-size: 11px;
	}
.li_hautb {
	width: 128px;
	height: 20px;
	float: left;
	display: block;
	margin: 0 2px 0 0;
	padding: 2px 0 0 0;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}
	
.li_hautb a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 500;
	font-size: 11px;
	}
.li_hautb a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 500;
	font-size: 11px;
	}
.li_hautb a:active{
	color: #38a3be;
	text-decoration: none;
	font-weight: 500;
	font-size: 11px;
	}
.li_hautb a:hover {
	width: 128px;
	height: 20px;
	float: left;
	display: block;
	margin: -2px 0 0 0;
	padding: 2px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: center;
	}		
/* ------------------   FIN MODIF DU 18-06-2010----------------*/		
	
/* ------------------   menu bas --------------------*/		
#menu_bas {
	width: 750px;
	height: 27px;
	clear: both;
	margin: 6px 0 0 250px;
	padding: 0;
	}
.ul_menu_bas {
	padding:0;
	margin:0;
	font-size: 11px;
	}
.li_bas {
	width: 125px;
	height: 27px;
	float: left;
	display: block;
	margin: 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: center;
	}
	
.li_bas a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 500;
	font-size: 11px;
	}
.li_bas a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 500;
	font-size: 11px;
	}
.li_bas a:active{
	color: #38a3be;
	text-decoration: none;
	font-weight: 500;
	font-size: 11px;
	}
.li_bas a:hover {
	width: 125px;
	height: 23px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}	

	

/* ------------------   menu bottom --------------------*/		
.menu_bottom {
	position: static;
	width: 1058px;
	height: 27px;
	clear: both;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #FCF9F9;
	}
.ul_menu_bottom {
	padding:0;
	margin:0;
	font-size: 11px;
	}
.li_bottom {
	width: auto;
	height: auto;
	float: left;
	display: block;
	padding: 6px 26px 6px 26px;
	margin: 0;
	text-align: center;
	font-size: 11px;
	}
	
.li_bottom a:link, .li_bottom a:visited, .li_bottom a:active, .li_bottom a:hover {
	text-decoration: none;
	color: #FFFFFF;
	}
/* -------------------   bloc menu interne -------------------*/	

.pave_menu_liste {
	margin:0 0 0 15px;
	padding: 0px;
	list-style-image: url("/ui/images/puce_pave_gauche.gif");
	line-height:1.5;
	}



	
.li_liste a:link {
	text-decoration: none;
	color: #807FB8;
	}	

.li_liste a:visited {
	text-decoration: none;
	color: #807FB8;
	}	 

.li_liste a:active {
	text-decoration: none;
	color: #807FB8;
	}	 

.li_liste a:hover {
	text-decoration: none;
	color: #66B0A7;
	}	
.li_liste1 a:link {
	text-decoration: none;
	color: #66B0A7;
	}	

.li_liste1 a:visited {
	text-decoration: none;
	color: #66B0A7;
	}	 

.li_liste1 a:active {
	text-decoration: none;
	color: #66B0A7;
	}	 

.li_liste1 a:hover {
	text-decoration: none;
	color: #807FB8;
	}			
.pave_bloc_gauche {
	width : 338px;
	float: left;
    height: auto;
    border: 1px solid #d3d3d3;
    margin: 10px 20px 10px 0px;
	}
.pave_bloc_droite {
	width : 338px;
	float: left;
    height: auto;
    border: 1px solid #d3d3d3;
    margin: 10px 20px 10px 0px;
	}
.nom_bloc {
	width: 338px;
	height: auto;
	padding: 8px 0 6px 0;
	text-align: center;
	color: #ffffff;
	background: #8DD3C6;
	font-weight: 600;
	font-size: 11px;
	}
.gauche_bloc {
	width: 150px;
	height: auto;
	padding:2px;
	text-align: center;
	float: left;
	font-size: 10px;
	}
.droite_bloc {
	width: 160px;
	height: auto;
	padding:0px;
	float: left;
	margin: 10px 0 10px 0;
	text-align: left;
	font-size: 10px;
	}
.droite_bloc a:link, .droite_bloc a:visited, .droite_bloc a:active, .droite_bloc a:hover{
	text-decoration: none;
	font-size: 10px;
	}
	
.pave_topbloc_gauche {
	width : 700px;
	float: left;
    height: auto;
    border: 1px solid #d3d3d3;
    margin: 10px 20px 10px 0px;
	}
.pave_topbloc_droite {
	width : 700px;
	float: left;
    height: auto;
    border: 1px solid #d3d3d3;
    margin: 10px 20px 10px 0px;
	}
.nom_topbloc {
	width: 700px;
	height: auto;
	padding: 8px 0 6px 0;
	text-align: center;
	color: #ffffff;
	background: #8DD3C6;
	font-weight: 600;
	font-size: 11px;
	}
.gauche_topbloc {
	width: 250px;
	height: auto;
	padding:2px;
	text-align: center;
	float: left;
	}
.droite_topbloc {
	width: 400px;
	height: auto;
	padding:0px;
	float: left;
	margin: 10px 0 10px 0;
	font-size: 10px;
	text-align: left;
	}
.droite_topbloc a:link, .droite_topbloc a:visited, .droite_topbloc a:hover, .droite_topbloc a:active{
	text-decoration: none;
	font-size: 10px;
	}	

.pave_interne_gauche {
	width : 310px;
	float: left;
    height: auto;
    border: 1px solid #d3d3d3;
    margin: 10px 20px 10px 0px;
	}
.pave_interne_droite {
	width : 310px;
	float: left;
    height: auto;
    border: 1px solid #d3d3d3;
    margin: 10px 20px 10px 0px;
	}
.nom_interne {
	width: 310px;
	height: auto;
	padding: 8px 0 6px 0;
	text-align: center;
	color: #ffffff;
	background: #8DD3C6;
	font-weight: 600;
	font-size: 11px;
	}	
	
/* -------------------   menu liste page interne -------------------*/

.menu_interne {
	width: 600px;
	height: 20px;
	clear: left;
	margin: 5px 0px 5px 20px;
	padding: 0;
	}
.ul_menu_interne {
	padding:0;
	margin:0 0 20px 0;
	font-size: 8px;
	}

.li_interne {
	width: 45px;
	height: 25px;
	float: left;
	display: block;
	margin: 0 4px 0 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: center;
	}
	
.li_interne a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 10px;
	}
.li_interne a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 10px;
	}
.li_interne a:active{
	color: #38a3be;
	text-decoration: none;
	
	font-weight: 800;
	font-size: 10px;
	}

.li_interne a:hover {
	width: 45px;
	height: 25px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}	
.li_interne1 {
	width: 45px;
	height: 25px;
	float: left;
	display: block;
	margin: 0 4px 0 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}
	
.li_interne1 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 10px;
	}
.li_interne1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 10px;
	}
.li_interne1 a:active{
	color: #38a3be;
	text-decoration: none;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	font-weight: 800;
	font-size: 10px;
	}

.li_interne1 a:hover {
	width: 45px;
	height: 25px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: center;
	}	
.menu_internes {
	width: 600px;
	height: 20px;
	clear: left;
	margin: 5px 0px 5px 20px;
	padding: 0;
	}
.ul_menu_internes {
	padding:0;
	margin:0 0 20px 0;
	font-size: 10px;
	}

.li_internes {
	width: 16px;
	height: 25px;
	float: left;
	display: block;
	margin: 0 2px 0 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: center;
	}
	
.li_internes a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 10px;
	}
.li_internes a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 10px;
	}
.li_internes a:active{
	color: #38a3be;
	text-decoration: none;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	font-weight: 800;
	font-size: 10px;
	}

.li_internes a:hover {
	width: 16px;
	height: 25px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}	
.li_internes1 {
	width: 16px;
	height: 25px;
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}
	
.li_internes1 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 10px;
	}
.li_internes1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 10px;
	}
.li_internes1 a:active{
	color: #38a3be;
	text-decoration: none;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	font-weight: 800;
	font-size: 10px;
	}

.li_internes1 a:hover {
	width: 16px;
	height: 25px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: center;
	}			


.menu_examen {
	width: 600px;
	height: 20px;
	clear: left;
	margin: 5px 0px 5px 20px;
	padding: 0;
	}
.ul_menu_examen {
	padding:0;
	margin:0 0 20px 0;
	font-size: 7px;
	}

.li_examen {
	width: 100px;
	height: 25px;
	float: left;
	display: block;
	margin: 0 4px 0 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: center;
	}
	
.li_examen a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 9px;
	}
.li_examen a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 9px;
	}
.li_examen a:active{
	color: #38a3be;
	text-decoration: none;
	
	font-weight: 800;
	font-size: 9px;
	}

.li_examen a:hover {
	width: 100px;
	height: 25px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}	
.li_examen1 {
	width: 100px;
	height: 25px;
	float: left;
	display: block;
	margin: 0 4px 0 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}
	
.li_examen1 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 8px;
	}
.li_examen1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 9px;
	}
.li_examen1 a:active{
	color: #38a3be;
	text-decoration: none;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	font-weight: 800;
	font-size: 8px;
	}

.li_examen1 a:hover {
	width: 100px;
	height: 25px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: center;
	}
.menu_echographie {
	width: 600px;
	height: 20px;
	clear: left;
	margin: 5px 0px 5px 20px;
	padding: 0;
	}
.ul_menu_echographie {
	padding:0;
	margin:0 0 20px 201px;
	font-size: 7px;
	}

.li_echographie {
	width: 100px;
	height: 25px;
	display: block;
	margin: 0 4px 0 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: center;
	}
	
.li_echographie a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 9px;
	}
.li_echographie a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 9px;
	}
.li_echographie a:active{
	color: #38a3be;
	text-decoration: none;
	
	font-weight: 800;
	font-size: 9px;
	}

.li_echographie a:hover {
	width: 100px;
	height: 25px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}	
.li_echographie1 {
	width: 100px;
	height: 25px;
	float: left;
	display: block;
	margin: 0 4px 0 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}
	
.li_echographie1 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 8px;
	}
.li_echographie1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 9px;
	}
.li_echographie1 a:active{
	color: #38a3be;
	text-decoration: none;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	font-weight: 800;
	font-size: 8px;
	}

.li_echographie1 a:hover {
	width: 100px;
	height: 25px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: center;
	}	


.menu_prepa {
	width: 800px;
	height: 20px;
	clear: left;
	margin: 5px 0px 5px 20px;
	padding: 0;
	}
.ul_menu_prepa {
	padding:0;
	margin:0 0 20px 201px;
	font-size: 7px;
	}

.li_prepa {
	width: 152px;
	height: 25px;
	float: left;
	display: block;
	margin: 0 4px 0 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: center;
	}
	
.li_prepa a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 9px;
	}
.li_prepa a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 9px;
	}
.li_prepa a:active{
	color: #38a3be;
	text-decoration: none;
	
	font-weight: 800;
	font-size: 9px;
	}

.li_prepa a:hover {
	width: 152px;
	height: 25px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}	
.li_prepa1 {
	width: 100px;
	height: 25px;
	float: left;
	display: block;
	margin: 0 4px 0 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: center;
	}
	
.li_prepa1 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 8px;
	}
.li_prepa1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 9px;
	}
.li_prepa1 a:active{
	color: #38a3be;
	text-decoration: none;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	font-weight: 800;
	font-size: 8px;
	}

.li_prepa1 a:hover {
	width: 100px;
	height: 25px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: center;
	}




	.menu_suivant {
	width: 1000px;
	height: 15px;
	clear: left;
	margin: 5px 0px 5px 250px;
	padding: 0;
	}
.ul_menu_suivant {
	padding:0;
	margin:0 0 20px 250px;
	font-size: 7px;
	}

.li_suivant {
	width: 500px;
	height: 15px;
	display: block;
	margin: 0 4px 0 0;
	padding: 4px 0 0 0;
	background: url("/ui/images/fond_haut.jpg") no-repeat;
	text-align: left;
	}
	
.li_suivant a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 9px;
	}
.li_suivant a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	font-size: 9px;
	}
.li_suivant a:active{
	color: #38a3be;
	text-decoration: none;
	
	font-weight: 800;
	font-size: 9px;
	}

.li_suivant a:hover {
	width: 500px;
	height: 15px;
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	background: url("/ui/images/fond_haut2.jpg") no-repeat;
	text-align: left;
	}	
/* -------------------   boutique  liste -------------------*/	
.ul_categories {
	margin:0 0 10px 200px;
	font-size: 9px;
	text-align: center;
	}
.ul_categories li {
	float: left;
	display: block;
	padding: 0 10px 0 10px;
	text-align: center;
	}
	
.pave_liste {
	width : 320px;
	float: left;
    height: 284px;
    border: 1px solid #d3d3d3;
    margin: 0;
	}
.pave_liste1 {
	width : 322px;
	float: left;
    height: 300px;
    margin: 20px 15px 20px 15px;
	}
.nom_liste {
	width: 320px;
	height: auto;
	padding: 8px 0 6px 0;
	text-align: center;
	color: #807FB8;
	background: #E7E5F2;
	font-weight: 600;
	font-size: 11px;
	}
.gauche_liste {
	width: 120px;
	height: auto;
	padding:10px;
	text-align: center;
	float: left;
	}

.savoirplus {
	width: 100px;
	height: 30px;
	margin: 40px 0 30px 10px;
	padding: 4px 0 0 24px;
	text-align: left;
	background: url("/ui/images/ensavoir.gif") no-repeat;
	}

.prix_liste {
	margin: 0;
    text-align:center;
	font-weight: bold;
	font-size: 14px;
	color: #9B9C9E;
	}
.prixbarre_liste {
	font-weight: 500;
	font-size: 12px;
	color: #9B9C9E;
	text-decoration: line-through;
	}
.resume_liste {
	height: 30px;
	padding: 10px;
    text-align: left;
	font-size: 11px;
	color: #6E6F71;
	clear: both;
	}	
.categorie_liste {
	margin: 0;
	font-size: 9px;
	color: #6E6F71;
	text-align: center;
	}	


/* -------------------   boutique  detail -------------------*/		
.titre_detail {
	font-size: 18px;
	font-weight: 800;
	color: #8885BC;
	}

.images_detail {
    width: 302px;
	height: auto;
	text-align: center;
	margin: 0;
	padding:0;
	float: left;
	}
.pave_detail {
    text-align: left;
	width: 400px;
	height: auto;
	font-size: 12px;
	color: #9B9C9E;
	padding: 0 0 0 0;
	text-align: center;
	float: left;
	}
.quant {
	width: 30px;
	display: inline;
	font-weight:600;
	font-size: 12px;
	color: #9B9C9E;
	}

.gras_vert {
	font-weight: bold;
	font-size: 14px;
	color: #807FB8;
	}
	
.ecopar_detail {
	font-size: 10px;
	color: #67C77C;
	font-style: italic;
	}
	
.validform{
	width: auto;
	color:#ffffff;
	background-color:#80BFB6;
	border : 1px solid #AFAFAF;
	cursor: pointer;
	margin: 0px;
	padding: 0px 6px 0px 6px;
	font-weight:600;
	}	
	
	
.panier{
	width: 150px;
	text-align: center;
	margin: 0 0 12px 570px;
	background: #FFFFFF;
	font-size: 9px;
	color:#C1C1C1;
	font-weight: 600;
	}
.panier a{
	text-decoration: none;
	font-size: 9px;
	color:#4B4B4B;
	font-weight: 600;
	}	
	
	
	
	
.tablepanier{
	margin: 0px;
	padding:0px;
	width: 96%;
	border-collapse: collapse;
	}	

.tablepanier td{
	border: 1px solid #d3d3d3;
	padding:6px 0 6px 2px;
	}

.cellulegrise{
	border-color: #ffffff;
	background-color:#E7E5F2;
	text-align: center;
	font-weight: 600;
	color:#807FB8;
	}
.celluleblanche{
	border-color: #d3d3d3;
	background-color:#ffffff;
	text-align: left;
	color:#6D6E71;
	}
.decalright {
	margin-left: 480px;
	}
.formciv table{
	border-collapse:collapse;
	margin:10px 10px 10px 10px;
	width:700px;
	}
.formciv .tdleft{
	margin:0px;
	padding:5px 0 5px 80px;
	text-align:left;
	width:30%;
	}
.formciv .tdright{
	margin:0px;
	padding:5px 0 5px 5px;
	text-align:left;
	}
.formciv .inputmax{
	border:1px solid #d3d3d3;
	width:300px;
	padding:2px;
	font-size:12px;
	}
.formciv .inputmin{
	border:1px solid #d3d3d3;
	width:150px;
	padding:2px;
	font-size:12px;
	}
.formpaiement .submit{
	margin:4px 0px 0px 200px;
	width: 200px;
	font-weight: 800;
	cursor: pointer;
	color: #ffffff;
	background-color:#80BFB6;
	border : 1px solid #AFAFAF;
	}
.tableindice{
	margin: 0;
	width: 100%;
	border: 2px solid;
	border-color: #d3d3d3;
	border-collapse: collapse;
	}	
.tableindice td{
	border: 1px solid;
	border-color: #d3d3d3;
	}

.term{
	width: auto;
	height: 20px;
	line-height: 20px;
	background-color:#80BFB6;
	border : 1px solid #AFAFAF;
	margin: 0px 0px 20px 600px;
	padding: 0px;
	text-align: center;
	}
.term a:link{
	color:#FFFFFF;
	font-weight:600;
	text-decoration:none;
	}
.term a:visited {
	color:#FFFFFF;
	font-weight:600;
	text-decoration:none;
	}
.term a:active{
	color:#FFFFFF;
	font-weight:600;
	text-decoration:none;
	}	
.term a:hover{
	text-decoration:none;
	color:#FFFFFF;
	cursor: pointer;
	font-weight:600;
	}	
/* ------------  formulaires  ---------------------------- */

.formarea {
	background-color: white;
	border: 1px solid #d3d3d3;
	width: 500px;
	height: 200px;
	font-weight: 600;
	}

.forminput2 {
	background-color: white;
	border: 1px solid #d3d3d3;
	width: 240px;
	font-weight: 600;
	}
.forminput3 {
	background-color: white;
	border: 1px solid #d3d3d3;
	width: 500px;
	font-weight: 600;
	}

/* ------------  tableaux  ---------------------------- */

.tableau {
	text-align: center;
	background-color: #cacaff;
	border: 1px solid #d3d3d3;
	}
.tableau td{
	text-align: center;
	}
.pave_formulaire{	
	border: 1px solid #BAB9D8;
	width: 718px;
	height:auto;
	float: left;
	padding: 12px;
	margin: 12px 0 12px 0;
	}	
/* ------------  pave accueil  ---------------------------- */
.pave_accueil {
	width: 650px;
	height: 260px;
	position: relative;
	top: 10px;
	left:10px;
	font-weight: 500;
	}

.article1_accueil img, .article2_accueil img {
	border: 4px solid #CCCBE2;
	margin: 0 0 10px 0;
	}
.pave_accueil a:link, .pave_accueil a:visited, .pave_accueil a:active, .pave_accueil a:hover{	
	text-decoration: none;
	color:#FFFFFF;
	font-weight:800;
	}
.cadeau_accueil {
	width: 500px;
	height: auto;
	position: absolute;
	top: 20px;
	left: 120px;
	text-align: center;
	font-weight: 500;
	background: #FFFFFF;
	}
.article1_accueil {
	width : auto;
	position: absolute;
	top: 10px;
	left: 40px;
    height: auto;
	z-index: 2;
	padding: 0 0 10px 0;
	text-align: center;
	background: #807FB8;
	}
.article2_accueil {
	width : auto;
	position: absolute;
	top: 10px;
	left: 500px;
    height: auto;
	z-index: 2;	
	padding: 0 0 10px 0;
	text-align: center;
	background: #807FB8;
	}
.fondbleu1_accueil {
	width : 210px;
	position: absolute;
	top: 20px;
	left: 50px;
    height: 160px;
	z-index: 1;	
	background: url("/ui/images/fond_bleu.jpg") repeat;
	}
.fondbleu2_accueil {
	width : 210px;
	position: absolute;
	top: 20px;
	left: 510px;
    height: 160px;
	z-index: 1;	
	background: url("/ui/images/fond_bleu.jpg") repeat;
	}
/* ------------  videos  ---------------------------- */

.table_video {
	text-align: center;
	font-size: 10px;
	width: 710px;
	}
.table_video a {
	text-decoration: none;
	}
.table_video_td1{
	width: 232px;
	text-align: center;
	border: 1px solid #d3d3d3;
	}
.table_video_td2a{
	width: 140px;
	text-align: center;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	}
.table_video_td2b{
	width: 301px;
	text-align: left;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	}
.table_video_td2c{
	width: 255px;
	text-align: left;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	}
.ul_video li {
	margin:0 0 0 -20px;
	padding: 0px;
	list-style-image: url("/ui/images/puces_videos.jpg");
	}
/* ------------  classement etoiles  ---------------------------- */

.table_etoile{	
	float: left;
	text-align: left;
	color:#807FB8;
	}
.etoile_titre{	
	text-align: center;
	color: #FFFFFF;
	background: #807FB8;
	font-weight: 600;
	margin:0;
	padding:0;
	}
.table_etoile_liste{	
	text-align: center;
	color:#807FB8;
	font-weight: 800;
	margin:0;
	}
.pave_notreavis{	
	border: 1px solid #BAB9D8;
	width: 718px;
	height:auto;
	float: left;
	padding: 12px;
	margin: 12px 0 12px 0;
	}	
.notreavis{	
	width: 480px;
	float: left;
	margin: 0 50px 0 0;
	font-style: italic;
	}
.dispo{	
	color: #80BFB6;
	font-weight: 800;
	font-size: 12px;
	margin:0;
	}	
/* blog */
.fondvert {
	width:700px;
	margin: 0px auto;
	padding:10px;
	text-align:center;
	border: 1px solid;
	border-color: #A08F85;
	background: #FFFFFF;
	color: #A08F85;
	font-size: 34px;
	font-weight: 800px;
	}
.fondvert2 {
	width:680px;
	margin: 0px auto;
	padding:10px;
	text-align:left;
	border: 1px solid;
	border-color: #AFAFAF;
	background: #AFAFAF;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 800px;
	}
.st2centre {
	font-size: 14px;
	color: #676767;
	font-weight: 600;
	text-align:center;
	}
.lesaviezvous {
	width:680px;
	height:auto;
	margin: 0px auto;
	padding:10px;
	text-align:justify;
	border: 1px solid;
	border-color: #AFAFAF;
	}
	
.rougeit {
	color: #a6ce47;
	font-weight: 500;
	font-size: 12px;
	font-style: italic;
	text-align: right;
	}
.areacoment {
	width: 420px;
	height: 100px;
	}
.inputcoment {
	width: 300px;
	}
.zonecoment {
	padding:10px;
	margin-left: 80px;
	border-left:1px solid #E6E8E8;
	}
.pager {
	margin: 10px 0px 12px 0px;
	padding: 0;
	text-align: center;
	}		
.noresultat{
	text-align: center;
	margin-top: 60px;
	}