body{
	margin:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background:#0086C5 url(../design/images/fond.jpg) repeat-x top;
	scrollbar-3dlight-color:#0092C7;
	scrollbar-arrow-color:#0092C7;
	scrollbar-darkshadow-color:#0092C7;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
}

img{border:0;}

a {color:#c2001a;text-decoration: underline;}
a:hover {text-decoration: none;}
a:focus {outline: none;}

#bloc{margin:20px auto 0 auto; padding:10px;width:980px; background-color:#FFFFFF; position:relative; text-align:left;}

/* === Left === */
#blocLeft{ width:195px;float:left;/*background:url("../design/images/blocLeft_fond.png") repeat-x top;min-height:830px;*/}

/* Séléction des Unes */
#selectionUnes{background:url("../design/images/calendrier_fond.png") no-repeat top left;}
ul.monthList{ margin:0; padding:10px 0 0 20px; width:175px; height:55px;}
ul.monthList li{ margin:0 2px 2px 2px; padding:3px; text-align:center; width:19px; height:19px; color:#FFFFFF; font-size:16px; font-weight:bold;background:url("../design/images/calendrier_mois.gif") no-repeat top left; float:left;display:block; cursor:pointer;}

#years{ color:#FFFFFF; font-size:15px; font-weight:bold; margin:0; padding:0; height:60px;}
#years li{ background:none; background-image:none; margin:0; padding:0; float:left;cursor:pointer; }
#years li.title{ float:none; background:url("../design/images/calendrier_annee.gif") no-repeat top center; width:195px; height:19px;}
#years li#previousYearButton{ width:25px; height:25px;}
#years li#nextYearButton{ width:25px; height:25px; float:right;}
#years li#year{font-size:20px; padding:0 10px;}
#years li#previousYear{ width:40px; padding:6px 0 0 0; text-align:center;}
#years li#nextYear{ width:40px; padding:6px 0 0 0; text-align:center;}
#imagesContains{ text-align:left; padding-top:30px; background-color:#FFFFFF; display:none; min-height:850px;}

/* Hack Safari + Chrome*/
body:first-of-type #imagesContains{height:273px;min-height:273px;}
body:nth-of-type(1) #imagesContains{
   height:273px;min-height:273px;
}

/* Backnumber */
#backnumber{position:absolute; top:135px; left:10px; background-color:#1289d4; width:190px; height:20px; padding:5px 0 0 5px; color:#FFFFFF; font-weight:bold; }
#backnumber .formText{width:80px;height:18px;padding:1px 2px; border:0; position:absolute; top:2px; right:30px;}
#backnumber .formBouton{width:23px;height:20px;padding:1px;position:absolute; top:2px; right:5px;font-size:12px;color:#FFFFFF; border:1px solid #ffffff; background-color:#1289d4;background-image:none;}
#backnumber .formBoutonOver{width:23px;height:20px;padding:1px;position:absolute; top:2px; right:5px;font-size:12px;color:#FFFFFF; border:1px solid #ffffff; background-color:#0097FB;background-image:none;}

/* === Right === */
#blocRight{ width:785px; margin-left:195px;}
/** html #blocRight{
margin-left:190px;
}*/

/* === Header === */
#header{height:125px; text-align:left; position:relative;}
#logo{ width:440px; height:125px; position:absolute; top:0; left:0;}

/* Annonces Légales */
.annoncesLegales{ position:absolute; top:0; right:0;width:167px; height:85px; z-index:1;}
ul.annoncesLegalesTexteContainer{ position:absolute; top:95px; right:10px;width:167px; margin:0; padding:0; z-index:10; }
li#annoncesLegalesTexteTitre{background:url("../design/images/annoncesLegalesText_top2.gif") no-repeat left bottom; margin:0; padding:12px 0 0 10px;width:157px; height:17px; color:#FFFFFF; font-size:14px; font-weight:bold;}
li#annoncesLegalesTexte{ margin:0;padding:5px; height:30px; font-size:11px; text-align:justify; border:2px solid #0077c5; background:none; background-image:none; background-color:#FFFFFF; overflow:hidden;}
li#annoncesLegalesTexte a{ color:#0077c5;}

/* Trois menus du haut */
ul#menuTop{ margin:0; padding:0;position:absolute; top:0; left:440px;}
ul#menuTop li{ margin:0 0 2px 0; padding:0; background:none; background-image:none;}
ul#menuTop li a{ width:170px; height:20px; padding:6px 0 0 3px; background-color:#0077c5; display:block; text-decoration:none; color:#FFFFFF;}
ul#menuTop li a:hover{background-color:#0097FB;}
ul#menuTop li ul{ display:none;}


/* === Main Content === */

/* Colonne droite */
#columnRight{ float:right; width:180px; }
#columnRight ul{ margin:0; padding:0;}
#columnRight ul li{ margin:0; padding:0; background:none; background-image:none; text-align:left;}
h2.columnRightTitle{ color:#1289d4; font-size:28px; font-weight:normal;padding:40px 0 5px 0;}
li.article_1{ display:none;}
li.article_2,li.article_3{ font-size:14px;}
li h2{font-size:16px;}
li.article_2 h2,li.article_3 h2{font-size:22px;}
#pubRight{ width:180px; overflow:hidden;}

/* Contenu principal */
#mainContainer{width:585px; padding:0 5px; position:relative; text-align:justify;border-right:1px solid #0097FB;border-left:1px solid #1289d4;}
#encartAbonnement{ position:absolute; top:0; left:5px; background-color:#c2001a; width:330px; height:90px; color:#FFFFFF; font-size:38px; font-weight:bold; text-align:center; z-index:0;}
.kiosque{ position:absolute; top:100px; left:5px;margin:0; padding:10px 10px 0 10px; width:310px;/*width:398px;*/ height:40px; background-color:#c2001a;color:#FFFFFF; font-size:25px; font-weight:bold; text-align:left;}
#kiosqueImage{ position:absolute; top:-5px; right:0; width:260px; height:188px; z-index:1;}
.pastille{ width:170px; height:170px; position:absolute; top:0; left:380px; z-index:10;}

/* Une de l'été */
#mainContent ul#dessinList{ margin:0; padding:0; width:585px; height:1350px;}
#mainContent ul#dessinList li{float:left; width:106px; height:210px; margin:4px; padding:0; text-align:center; background:none; background-image:none;color:#0077c5;}
#mainContent ul#dessinList li .thumb{width:100px; height:145px; background-color:#fff; margin:auto;}
#mainContent ul#dessinList li h4{ text-align:center; margin:0; padding:3px 0 0 0;}
#mainContent ul#dessinList li h5{text-align:center; margin:0; padding:0; color:#0077c5;}
#mainContent ul#dessinList a{height:145px;width:100px; display:block;padding:3px; border:1px solid #ccc;}

#mainContent fieldset{ border:1px solid #0077c5;}
#mainContent fieldset legend{ background-color:#0077c5; color:#fff; font-size:1.4em; font-weight:bold; padding:3px 8px;}

/* Texte */
#mainContent{ text-align:justify; padding:180px 0 145px 0;}
/*#mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6{ color:#0077c5;}*/
#mainContent a{ color:#0077c5;}
#mainContent h1 a{color:#c2001a;}
#mainContent ul{ margin:0 0 0 15px; padding:0;}
.une_2,.une_3,.une_4,.une_5,.une_6{ display:none;}
#articleThumbImage{ float:left; margin:0 15px 15px 0; display:block;}

.bar{ position:relative; clear:both; margin:auto;}
#pubBottom{width:585px; overflow:hidden; padding:10px 5px; position:absolute; bottom:33px;}
.copyright{
	margin:5px 0;
	padding:3px 10px;
	text-align:center;
	background-color:#F2F2F2;
	color:#666; font-size:0.9em;
}

/* Page Abonnement */
.encartAabonnement{border:1px solid #CCCCCC; margin:5px 0px 15px 0px; padding:5px 15px 10px 15px;}
table.tableAbonnement .formLabel{background-color:#E3F3FB;text-align: right;padding:4px 7px 0px 0px;}
table.tableAbonnement {margin-top:10px; border:0;}
table.tableAbonnement .formLabe1{ width:25%;height:20px; padding:2px 2px 2px 4px;}
table.tableAbonnement .formLabe2{width:75%;height:24px;}
table.tableAbonnement .border{ border-bottom:1px dashed #CCCCCC; height:23px;width:100%;}
table.tableAbonnement .borderRectangle{ border:1px solid #CCCCCC; height:22px;width:200px;}
table.tableAbonnement .borderRectangle2{ border:1px solid #CCCCCC; height:22px;width:100px;}
#bt_abonnement a{background:#666666;border:1px solid #666666;color:#FFFFFF; margin:0; padding:3px 10px;font-size:12px; display:block; text-decoration:none; width:80px; text-align:center;}
#bt_abonnement a:hover{background:#999999;}

/* Liens d'en bas */
#footerLinks{ min-height:23px; padding-top:10px;}
#footerLinks a{padding:3px 26px; margin:0 2px;color:#ffffff; font-size:14px; text-decoration:none; background-color:#0078c4; width:auto; float:left; display:block;}
#footerLinks a:hover{background-color:#1289d4;}


/* === Fil d'Arianne === */
#urlhere{font-size:10px;text-align:left; margin:5px auto 0px auto; padding-left:10px; position:relative;}
#urlhere a{ text-decoration:none;color:#3F3F3F; padding:0 15px 0 10px;background:url("/design/images/arrow_here.gif") no-repeat left top;}
#urlhere a:hover{}


/* === Liste des catégories === */
ul#categoryList{}
ul#categoryList li{padding:0 0 10px 20px;}
ul#categoryList h4{padding:0 0 5px 0;}

/* === Footer === */
#credit{position:relative;width:1000px; margin:auto;font-size:11px;text-align:right; padding-top:10px;color:#ffffff;}
#credit a{ color:#ffffff;}

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;color:#c2001a; text-align:left;}
h1{font-size:36px;padding:0 0 10px 0; font-weight:bold;}
h2{font-size:22px;padding:10px 0 5px 0;}
h3{font-size:16px;padding:10px 0 5px 0;}
h4{font-size:14px;padding:8px 0 4px 0;}
h5{font-size:12px;padding:8px 0 4px 0;}
h6{font-size:12px;padding:3px 0;font-weight:normal;font-style:italic; color:#666666;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none;}


ul {list-style-image:none; list-style:none; text-align:left;}
ul ul{ list-style-type:square;}
ul ul ul{list-style-type: none;}
ul li{list-style-image:none; list-style:none;background:url(/design/images/list-style-image.gif) no-repeat left top; padding:0 0px 3px 20px; margin:2px 0 2px 0; text-align:left;}

/*Form*/
form{ margin:0;}
.formBouton{background:#666666;border:1px solid #666666;color:#FFFFFF; margin:0; padding:1px 2px;font-size:12px;}
.formBoutonOver{background:#999999;border:1px solid #666666;color:#FFFFFF;margin:0; padding:1px 2px;font-size:12px;}
.formText{border: 1px solid #909090;padding:3px 2px; font-size:12px;}
.formTextarea{border: 1px solid #909090; padding:3px 2px;}
.formLabel {background-color:#E3F3FB;text-align:right;padding: 4px 10px 4px 0px;}
.error {
	border:1px solid red;
	background-color: #FFEBDF;
	color:#FF0000;
	padding:10px;
}


/* ==== formTableLess === */
form#loginForm fieldset#loginFormFieldset legend{color:#666666;}
#shopLogin-divRegisterForm legend{color:#666666;}
form.tableLess{ width:100%; text-align:center; margin:auto;}
form.tableLess fieldset { width:70%; margin:auto;}
form.tableLess fieldset legend {color:#666666;}