/* COPYRIGHT undeuxtrois-soleil.com - 2008 - Tous droits réservés */

body{ padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.6em; background: #FFF; color: #454545; }

/* LIENS */
a { color: #003B6E; background: inherit; text-decoration: none; }
a:hover { color: #fec71e; background: inherit; }	

/* headings */
h1 { font: bold 2.5em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; }
h2 { font: bold 2em Arial, Sans-Serif; margin: 0; padding: 0; }
h3 { font: bold 1.5em Arial, Sans-Serif; margin: 0; padding: 5px; }
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }
.title { color: #808080; background: #fff; }

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
input.search { width: 279px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 0px; color: #FFF; background: url(images/bgbutton.gif) 0px 2px no-repeat; border: none; height: 27px; width: 55px; margin-left: 5px;}
input.barNews{ width: 150px; border: 1px solid #2C71AE; padding: 2px; color: #2C71AE; font-weight: bold;}
input.newsletter{ background: url(images/orangebtn.gif) center 5px no-repeat; padding: 4px 17px 5px 16px; text-decoration: none; border: none; color: #2C71AE;width: 55px;height:25px;}
*+html input.newsletter { padding: 3px 0 0 3px;}
* html input.newsletter { padding: 3px 0 0 3px;}

/* content holder */
#content { margin: 5px auto; width: 960px; }

/* header */
#header { height: 100px; margin-bottom: 5px;}
#logo { padding: 15px 0 0 8px; background: url(images/logo.jpg) no-repeat; height: 90px; }
#logo p { margin: 0; padding: 65px 0 0 10px; color: #808080;}
* html #logo p { padding: 65px 0 0 0px;}
#pub { float: right; width: 728px; height: 90px; margin: 10px 5px 0 0; text-align:right;}

/* horizontal tabbed menu */	
#menu{ background: #fff url(images/bgmenu.gif) no-repeat top left; color: #000;  height: 100px; text-align: center; padding: 0 0 0 27px;}
#menu li { display: inline; height: 45px;}
#menu li a { float: left; background: #fff url(images/barbg.gif) no-repeat; color: #808080; padding: 7px 0; width: 82px; text-align: center; font-weight: bold; text-decoration: none; margin-right:10px; }
#menu li a:hover { background: #fff url(images/barcurrent.gif) no-repeat; color: #000; }	
#menu li a.current { background: #fff url(images/barcurrent.gif) no-repeat; color: #2C71AE; }	
.key { text-decoration: underline; }

/* search form */
#search { float: left; color: #000; background: #fff url(images/bgsearch.gif) no-repeat; padding: 16px 0 20px 5px; width: 444px; margin: 2px 3px 0 0px; clear: both; }
#search p { padding: 0; margin: 0; }

/* abc form */
#abc { float: left; color: #000; background: #fff url(images/bgabc.gif) no-repeat; padding: 21px 0 25px 0px; width: 444px; margin: 2px 0 0 0px; color: #1E67A8; font-weight: bold; font-size: 14px; }
#abc p { padding: 0; margin: 0; }	

/* grey subheader */
.gboxtop { clear: both; background: #c9c9c9 ; color: #000; border:1px solid #b7b7b7; border-bottom: none; width: 200px; color:#2C71AE; padding-left:10px; font-weight: bold;}
.gbox { background: #fff; color: #444; padding: 5px; margin: 0 0 10px 0; border:1px solid #b7b7b7; }
.gbox p { padding: 5px; margin: 0;}


/* left side */
.left { float: left; width: 650px; margin: 0 0 10px 0; }
.left_articles_top { float:left;  background: #c9c9c9 ; color: #000; border:1px solid #b7b7b7; border-bottom: none; width: 198px; color:#2C71AE; padding-left:10px; font-weight: bold; }
.left_articles { clear:both; margin: 0 20px 15px 0px; padding: 0 0 0 0; text-align: justify; border: 1px solid #b7b7b7; color: #000; background: #fff; }
.left_articles h1 { font: bold 1.3em "Arial", Sans-Serif; margin-left: 10px; margin-bottom: 5px; letter-spacing: -1px; color: #444; }
.left_articles p { padding: 5px 10px 5px 10px; margin: 0; color: #444;}
.left_articles li { list-style-image: url(images/puce.gif); }
* html .left_articles li {  background:#fff url(images/puce.gif) no-repeat 5px center;list-style:none;list-style-image: none;}
*+html .left_articles li {  background:#fff url(images/puce.gif) no-repeat 5px center;list-style:none;list-style-image: none;}
.left_articles img { border:1px solid #b7b7b7; }
.left_articles a { color: #003B6E; background: inherit; text-decoration: none; }
.left_articles a:hover { color: #1E67A8; background: inherit; }
.left_articles table { border: none; width:100%; text-align:left;margin-bottom:10px;margin-top:10px; }
.left_articles td { width:50%; padding-left:50px; }

.photo{ float:right;margin:10px; }
	
.codePromo{float:right;background-color:#c9c9c9;width:198px;text-align:center;color:#2C71AE;padding:5px;border-left:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;font-weight:bold;font-size:13px; margin-left:10px; }
	
.description { padding: 0 0 2px 0; margin: 0 0px 5px 0; border-bottom: 1px solid #ccc; }
.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }

/* bottom thirds */
.thirds { float: left; width: 203px; background: #eee; margin: 10px 2px 0 4px; color: #5d5d5d; }
* html .thirds { margin: 10px 2px 0 3px; }
.smallboxtop0{ height: 14px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
.smallboxtop1 { height: 14px; background: #fff url(images/smallboxtop2.gif) no-repeat; color: #000; }
.smallboxtop2 { height: 14px; background: #fff url(images/smallboxtop3.gif) no-repeat; color: #000; }
.smallbox { background: #fff url(images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
.smallbox p { padding: 0; margin: 0; }

/* right side */
#right { float: right; width: 295px; margin: 0 0 10px 0; }
.boxtop {  float: right; background: #2C71AE ; border:1px solid #003b6e; border-bottom: none; width: 100px; color:#c9c9c9; padding-right:10px; font-weight: bold; text-align: right; }
.box { clear: both; margin: 0 0px 10px 0px; padding: 10px 0 0 0; text-align: justify; border: 1px solid #003b6e; color: #000; background: #fff;}
* html .box { padding: 5px 0 0 0;}
*+html .box { padding: 5px 0 0 0;}
.box p { padding: 0 10px 5px 10px; margin: 0;}
.image { float: left; margin: 0 9px 3px 0; }

/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: url(images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: url(images/orangebtn.gif) center 3px no-repeat; padding: 4px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: url(images/grisbtn.gif) no-repeat; color: #fff; }

/* footer  */
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; font-size: 10px;}