*{ margin:0; padding:0; border:0; outline:0; text-decoration:none; font-size:12px; font-family:Arial,sans-serif;}
body { background:#e1f3f6 url('../images/bg.png') repeat-x;}

/*
 *
 * PROPRIETES IMPORTANTE
 * Propriétés importantes et récurrentes
 *
*/

a { color:#1482B5; font-size:12px; text-decoration:none;}
a:hover { color:#01025c; text-decoration:underline; }
h1,h2,h3,h4,h5{margin:0px;font-family:Helvetica;}


.clear { clear:both; width:100%; height:0; line-height:0; }
.cache { display:none; }
.left { display:block; float:left; }
.right { display:block;float:right; }

.comm{display:none;color:#888; position:absolute; margin-top:-18px;margin-left:18px; background:#ffc; border:1px solid #fa5;padding:3px;}
.comment{color:#aaa;font-style:italic;}

input.error, textarea.error,{border:2px solid #e00;}
input, textarea, button, #sujet{border:1px double #aaa; background:#eee; }
textarea{width:400px; height:80px;font-size:12px;}
#prix, .nothing {border:0px; background-color:transparent;}
.input input{height:20px;}
.input{margin-bottom:5px;}
textarea#content{background:#eee;}

a.boutonBleu{display:block;background:url("../images/bouton-bg-bleu.png"); height:23px;padding-left:10px;float:left;  text-decoration:none !important; cursor:pointer; }
a.boutonBleu:active{position:relative; top:1px; left:1px; }
a.boutonBleu span:hover{color:#7fd8e7;  }
a.boutonBleu span{display:block;background:url("../images/bouton-bg-bleu.png") top right no-repeat; 
	height:21px;font-weight:bold; font-size:14px;color:#eee; padding-right:10px; float:left;padding-top:2px; text-decoration:none;}
	
a.boutonTurquoiseBgBlanc{display:block;background:url("../images/bouton-turquoise-bg-blanc.png"); height:23px;padding-left:10px;float:left; text-decoration:none !important;  }
a.boutonTurquoiseBgBlanc:active{position:relative; top:1px; left:1px; }
a.boutonTurquoiseBgBlanc span:hover{color:#01025c; }
a.boutonTurquoiseBgBlanc span{display:block;background:url("../images/bouton-turquoise-bg-blanc.png") top right no-repeat; 
	height:21px;font-weight:bold; font-size:14px;color:#eee; padding-right:10px; float:left;padding-top:2px;text-decoration:none;}


div.boutonBleu{display:block;background:url("../images/bouton-bg-bleu.png"); height:23px;padding-left:10px;float:left;  text-decoration:none !important; cursor:pointer; margin-top:5px; margin-bottom:5px;}
div.boutonBleu:active{position:relative; top:1px; left:1px; }
div.boutonBleu span:hover{color:#7fd8e7;  }
div.boutonBleu span{display:block;background:url("../images/bouton-bg-bleu.png") top right no-repeat; 
	height:21px;font-weight:bold; font-size:14px;color:#eee; padding-right:10px; float:left;padding-top:2px; text-decoration:none;}
	
div.boutonTurquoiseBgBlanc{display:block;background:url("../images/bouton-turquoise-bg-blanc.png"); height:23px;padding-left:10px;float:left; text-decoration:none !important; cursor:pointer; }
div.boutonTurquoiseBgBlanc:active{position:relative; top:1px; left:1px; }
div.boutonTurquoiseBgBlanc span:hover{color:#01025c; }
div.boutonTurquoiseBgBlanc span{display:block;background:url("../images/bouton-turquoise-bg-blanc.png") top right no-repeat; 
	height:21px;font-weight:bold; font-size:14px;color:#eee; padding-right:10px; float:left;padding-top:2px;text-decoration:none;}
	
	
/*
 *
 * MESSAGES DE CONFIRMATION
 * Propriétés des éléments de validation ou d'échec des formulaires
 *
*/
.comm_error { color:#c22; }
.avert_message, .error_message{padding:7px 15px; margin:7px auto; font-size:14px; font-weight:bold;width:500px;text-align:center; }
.avert_message { background:#afa; color:#262; border:3px solid #262; }
.error_message {  background:#faa; color:#622; border:3px solid #622; }


/*
 *
 * PAGINATION
 * Propriétés du système de pagination présent sur le site
 *
*/
.pagination_number { width:100%; height:24px; }
.pagination { width:100%; height:24px; }
.pagination_nb { display:block; float:left; border:1px solid #c7c7c7; background:#FFF; width:18px; height:17px; margin-top:1px; padding-top:3px; text-align:center; margin-right:2px; }
.pagination_nb a { float:left; width:18px; height:20px; color:#0099FF; font-size:12px; font-weight:bold; }
.pagination_nb:hover { float:left; border:1px solid #FB3FB9; width:18px; height:17px; color:#FB3FB9; font-size:12px; font-weight:bold; }
.pagination_nb_actif a { float:left; background:#FFF; width:18px; height:17px; border:1px solid #0099FF; color:#0099FF; font-size:12px; font-weight:bold; padding-top:3px; text-align:center; margin-right:2px; margin-top:1px; }


/*****************************************************/

.colorbackheader{background:#88ceda; }
.colorback{background:#e1f3f6; }

.colortextbleumarine{color:#01025c; }
.colortextturquoise{color:#5fb8c7; }

.bordercolor{color:#1482b5; }

.finbg{color:#e1f3f6; }
/******************************************************/


#wrapper{width:990px; margin:0 auto;}

/**** HEADER *****/
/**** HEADER *****/

#header{position:relative;background:url('../images/femme-piqure-esthetique.jpg') no-repeat 270px 0px; height:172px; } 
#logo{text-indent:-10000px; background:url("../images/logo-societe-medecine-esthetique.png") no-repeat; 
	position:relative; top:3px; left:30px; width:311px; height:167px; }
	
#topLinks{position:absolute; top:10px; right:10px;}
#panier{position:absolute; top:50px; right:10px; width:190px; }
#panier h3{margin:0;}

#panierAjax{margin-right:5px;padding-top:4px;width:180px;}
#panierImg{float:left;margin-right:5px;}

#ajoutArticle{display:none;position:absolute;width:350px;margin-left:-175px;left:50%;border:1px solid #666666;text-align:center;background-color:#E1F3F6;top:150px;padding:20px;}
#ajoutArticle .boutonBleu{margin-left:20px;}
#addArticleText{font-weight:bold;font-size:14px;margin-bottom:10px;}

/**** MENU *****/
/**** MENU *****/

#menu{background:url('../images/menu-bg.gif') repeat-x ; height:37px;}
#menu  a{line-height:35px; height:35px; display:block; font-size:13px; color:#6e6c6f;float:left;font-weight:bold;padding:0px 12px;}
#menu  a:hover{background:url("../images/menu-on-bg.gif") repeat-x; color:#eee; text-decoration:none}
#menu  a.actif{background:url("../images/menu-on-bg.gif") repeat-x; color:#eee;}
#menu  .liseret {height:20px; width:1px; margin-top:8px;background:#01025c;float:left;}


/**** CONTENT *****/
/**** CONTENT *****/

#content{background:#e1f3f6;overflow:hidden;padding-bottom:15px;}
#content_inside{color:#393E83;padding-top:20px;}
#rightInside a{text-decoration:underline;}
.nochildren{margin-left:50px;margin-right:50px;margin-bottom:20px;}
.children #rightInside{margin-left:20px;width:770px;float:left;}
#content_inside #leftInside{width:170px;float:left;text-align:left;margin-left:10px;}
h1, h2, h3{color:#1482B5;font-weight:normal;}

h1{font-size:18px;margin-bottom:20px;}
h2{font-size:16px;margin-bottom:10px;margin-top:20px;}
.bloc h3{font-size:14px;margin-top:0px;margin-bottom:5px;}


#leftInside h1{color:white;background:url('../images/fond_titre_left.gif') repeat-y;text-align:left;font-size:14px;height:35px;padding-top:5px;padding-left:15px;}
#leftInside h1 a{color:white;}
#leftInside a{color:#1482B5;padding-left:5px;font-weight:bold;font-size:13px;display:block;width:150px;padding-bottom:5px;}
#leftInside a.bordure{background:url('../images/dessous_titreleft.gif') bottom left no-repeat;}
#leftInside a:hover{text-decoration:underline;}
#leftInside a.active{text-decoration:underline;}
ul{margin-left:50px; padding-bottom:10px;}
li{ list-style-image:url('../images/puce.gif');}



.infoscongres{width:80%; border:1px dashed #c5dbe0;}
.infoscongres td{text-align:center}
.infoscongres tr,.infoscongres thead{height: 24px;}
.fond{background-color:#c5dbe0;}

/*** Panier ***/
#cartlist{width:100%;}

/*** ACCUEIL ***/
/*** ACCUEIL ***/

.bloc h2,.bloc h1{margin-bottom:0;margin-top:0;}


.content{font-size:12px; line-height:18px;  color:#01025c;}
.linkVoirTout{float:right;margin-top:20px;}
.bloc a.linkVoirTout {text-decoration:underline;}
.bloc a{text-decoration:none;}
.bloc a:hover{text-decoration:underline;}

.bloc#edito{width:540px; float:left;margin:20px;}
.bloc#edito h1{width:478px; height:26px; background:url('../images/home-h1-bg.png') no-repeat;color:#fff; padding-top:5px; padding-left:15px;font-size:16px;}
.bloc#edito .content{padding:5px; border:1px solid #1482b5; background:#fff;position:relative;overflow:hidden;height:133px;}
.bloc#edito .suite{display:block;position:absolute;bottom:0px; right:0px;width:112px; height:22px; 
	background:url('../images/suite-bg.png') no-repeat;padding:8px 5px 0 0; text-align:right;color:#fff; font-weight:bold;font-size:13px;}
.bloc#congres{width:360px; float:left;margin:20px;overflow:hidden;}
.bloc#congres h2{text-align:right; height:25px; color:#01025c;
	background:url('../images/home-h2-bg2.jpg') no-repeat top right; padding-top:5px; padding-right:15px;font-size:15px;}
.bloc#congres .content{text-align:center;padding:3px; border:1px solid #1482b5; background:#fff;position:relative; overflow:hidden;}
.bloc#congres img{ margin:0px; float:left;}
.bloc#congres .liseret{float:left; margin:15px 8px;height:125px; width:1px;background:#1482b5;}
.bloc#congres p{float:left;font-size:13px;color:#01025c;width:225px; margin:0 auto;}
.bloc#congres p .h3{ display:block;margin:5px 0;font-size:16px; color:#5fb8c7; font-weight:bold;}
.bloc#congres a{ margin:7px 15px 0 0;}


.bloc#actualites{width:249px; float:left;margin:20px;}
.bloc#actualites h2{ height:23px; background:url('../images/home-h2-bg.png') no-repeat;
	color:#fff; padding-top:8px; padding-left:15px;font-size:15px; text-transform:uppercase;}
.bloc#actualites .content{padding:15px 5px 5px 10px;  border:1px solid #1482b5; background:#fff;position:relative;overflow:hidden; height:287px;}
.bloc#actualites .content h3{font-size:14px;color:#5fb8c7;margin-bottom:5px;}
.bloc#actualites .content p{margin-bottom:10px;}


.bloc#libre{width:249px; float:left;margin:20px;}
.bloc#libre h2{ height:23px; background:url('../images/home-h2-bg.png') no-repeat;
	color:#fff; padding-top:8px; padding-left:15px;font-size:15px; text-transform:uppercase;}
.bloc#libre .content{padding:15px 5px 5px 10px; border:1px solid #1482b5; background:#fff;position:relative;overflow:hidden;height:287px;}
.bloc#libre .content h3{font-size:14px;color:#5fb8c7;margin-bottom:5px;}
.bloc#libre .content p{margin-bottom:10px;}


.bloc#journal{width:360px; float:left;margin:20px;overflow:hidden;}
.bloc#journal h2{text-align:right; height:25px; color:#01025c;
	background:url('../images/home-h2-bg2.jpg') no-repeat top right; padding-top:5px; padding-right:15px;font-size:15px;}
.bloc#journal .content{padding:3px; border:1px solid #1482b5; background:#fff;position:relative; overflow:hidden;}
.bloc#journal img{ margin:0px; float:left;}
.bloc#journal .liseret{float:left; margin:15px 20px;height:100px; width:1px;background:#1482b5;}
.bloc#journal ul{ list-style:none; float:left;  }
.bloc#journal .boutonTurquoiseBgBlanc{  margin:5px 0 0 5px; font-size:12px;}
.bloc#journal ul li{margin:4px 0; }
.bloc#journal ul {margin-left:20px; }

.bloc#partenaires{width:360px; float:left;margin:20px;}
.bloc#partenaires h2{text-align:right; height:25px; color:#01025c;
	background:url('../images/home-h2-bg2.jpg') no-repeat top right; padding-top:5px; padding-right:15px;font-size:15px;}
.bloc#partenaires .content{padding:3px; border:1px solid #1482b5; background:#fff;position:relative; width:348px;}
.bloc#partenaires img, .bloc#partenaires a, .bloc#partenaires div { margin:0px; float:left;margin:0px 5px;}
.bloc#partenaires .liseret{float:left; margin:5px 20px;height:40px; width:1px;background:#1482b5;}



/*************** FOOTER ******************/
/*************** FOOTER ******************/

#footer{background:url("../images/footer-bg.png") repeat-x; }
#footerWrapper{width:980px; margin:0 auto;padding:5px 0; color:#fff;position:relative;height:68px;}

#footer #paiement{font-weight:bold;}
#footer #footerLinks{text-align:center;}
#footer #footerLinks a{ font-size:14px; color:#fff;font-weight:bold;padding:0 5px;}
#footer #signature{position:absolute; bottom:4px; right:5px;}
#footer #copyright{position:absolute; bottom:4px; left:5px;}
/** sitemap **/

.sitemap1{margin:20px 0 7px 30px;font-size:16px; display:block;font-weight:bold; }
.sitemap2{ margin-left:50px;font-size:14px; display:block; }

.sitemap1:hover, .sitemap2:hover{color:#B1A491;}


.buymag{cursor:pointer;text-decoration:underline;}


.children{}


#etapesLine{position:relative;height:90px;}
#etapesLine p{position:absolute;top:30px;text-align:center;margin-left:50px;}
#etapesLine p a, #etapesLine p{font-weight:bold;font-size:14px;}
#etapesLine .barre{position:absolute;top:55px;width:100%; height:3px; background:#888;}
#etapesLine .caddie{position:absolute;top:45px;padding:3px; background:#fff;border:1px solid #888;}


