*{margin:0;padding:0;color:#000;}

html{font-size:12px;background:#f9f9f9;font-family:'Trebuchet MS',Verdana,Tahoma,serif}

#top{background:#3fb0d3;height:30px;line-height:30px;width:100%;text-align:right}

#top p{margin:0 50px;color:#fff}

#page{width:95%;margin:20px auto;max-width:1100px;}

#logo{float:left;margin-right:60px;}
#logo img{max-width:300px;}

#top-list ul{float:left}

#top-list ul li{margin-top:20px;}

#top-list ul li a{text-decoration:none}

.miniheadmenu{font-weight:700;font-size:14px}

#topmsg{margin-top:20px;}

.backgroundlink{ display:none;}

a.cta{display:block;color:#fff;text-decoration:none;font-weight:bold;width:auto;float:left;background-color:#dec13c;text-align:center;display:block;padding:7px 20px;font-family:Arial,sans-serif;
-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-khtml-border-radius: 5px;margin-top:5px;}

#spacetop{margin-bottom:20px;}

#forumlink{display:none;}

.minismenu{color:#b3b3b3;font-style:italic}

.message{margin-top:10px;font-style:italic;text-align:center}

.center{text-align:center;display:block;margin:0;padding:0}

.clearb{clear:both}

.menu-page{width:300px;margin:0 auto;margin-top:20px}

.menu-page ol li a{text-decoration:none;color:#aaF}

.cadre{float:left;margin-top:5px;overflow:hidden}

.cadre .element{width:100%}

.cadre .element table{width:96%}

.cadre .content{width:93%;padding-left:30px;padding-right:50px;padding-top:25px;font-size:13px;font-family:'Trebuchet MS',Verdana,Tahoma,sans-serif}

.cadremini{float:left;width:500px;margin-right:40px;margin-top:20px}

.cadremini .element{width:100%;}

.cadremini .content{width:71%;padding-left:20px;padding-right:40px;padding-top:60px}

.cadremoy{float:left;width:500px;margin-right:40px;margin-top:20px}

.cadremoy .element{width:615px}

.cadremoy .content{width:91%;padding-left:20px;padding-right:40px;padding-top:60px}

.cadre .content p{margin:20px 0}

p.logo{text-align:center}

p.logo img{height:100px}

a.binfo{height:36px;background:url(./images/plus.png) 0 0 no-repeat;display:block;float:left;text-indent:-99999px;width:129px}

table.comp{border-spacing:0;border-collapse:collapse}

table.comp tr.head{height:25px;line-height:25px;border:0}

table.comp th{color:#bbb;font-size:normal;text-align:center;font-weight:400;font-family:Arbutus Slab}

table.comp,table.comp td,table.comp tr{border:0;margin:0;padding:0}

table.comp{width:100%}

table.comp tr.pair{background:#f6f7fc}

table.comp tr.impair{background:#fcfcfe}

table.comp tr{height:80px;border-top:solid 1px #dcdcdc;border-bottom:solid 1px #ededed}

table.comp td{padding:0 10px;font-family:Arbutus Slab}
table.comp .validite,table.comp .off{text-align:center;}

table.comp td.desc{text-align:left;font-size:13px;padding:10px;color:#222}

table.comp td.off{color:#aaa;font-size:11px}

table.comp td.off .big{font-size:2em;line-height:28px;height:28px;color:#444;display:block}

.heading{background:#3fb0d3;z-index:99;position:relative;color:#fff;text-align:center;font-size:24px;line-height:43px;padding-left:18px;padding-right:18px;}

/*.heading2,.heading3{margin-top:20px}*/

.heading1{margin-top:2px;background-position-y:-66px}

.element{background:#fff;width:950px;padding-top:20px;padding-bottom:30px;text-align:justify;border:solid 1px #fff}

.element1{width:390px}

.element2{background:#fff;width:400px;margin-right:38px;padding-top:20px;padding-bottom:30px;padding-right:40px;padding-left:30px;text-align:justify;float:right;margin-left:60px}

.puce{background:URL(images/puce1.png) 0 center no-repeat;padding-left:15px;font-weight:700;font-size:18px;margin-top:20px;color:#333}

.texte{margin-top:10px;margin-left:20px}

.pre {border-top:dashed 1px #ccc;border-bottom:dashed 1px #ccc;}
.pre .title{font-weight:bold;font-size:22px;color:#3fb0d3;padding-left:20px;}

.element ul{margin-left:40px}

.element ul li{margin:10px 0}

#footer{color:#b3b3b3;text-align:center;width:100%;margin-top:20px}

.links{float:right;margin:0 12px}

.link{margin:2px 15px;float:left}

.link2,.link3{margin:6px 8px;float:left}

.link3{margin-top:8px}

.backgroundlink{background:url(images/backgroundlink.png) 0 0 no-repeat;width:176px;height:157px;position:absolute;right:100px;top:140px;z-index:-1}

.heading .linkmore{position:relative;right:60px;color:#fff;text-decoration:none;font-size:11px;float:right;display:block}

.linkmore2{position:relative;top:14px;right:600px;color:#fff;text-decoration:none;font-size:11px;float:right;display:block}

.bottom{height:10px;background:#3fb0d3;bottom:0}

form{margin:0 0 20px}

form label{font-weight:700;color:#777}

form p{margin-bottom:15px}

form input.text{border-left:solid 1px #ccc;border-right:solid 1px #bbb;border-bottom:solid 1px #ccc;border-top:solid 1px #bbb;font-weight:700;color:#444;width:190px;line-height:23px;height:23px;padding:0 4px}

form input.inline{margin-left:20px}

form button.inline{margin-left:20px;cursor:pointer;font-size:16px;background:#3fb0d3;color:#fff;padding:10px 20px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

#toptop {margin-left:20px; float:left;}
#toptop img{margin-right:20px;}

form#search{overflow:hidden;margin-top:30px;}
form#search input.bigtext{border:solid 2px #75ad34 !important;width:88%;height:29px;line-height:27px;font-size:18px;padding-left:10px;margin-top:2px;}
form#search input.submit{height:32px;width:10%;}
form#search .ex{font-size:12px;line-height:14px;margin-top:4px;font-style:italic;}

#specialoff{float:left;width:60%;margin-top:10px;padding-bottom:10px;}

.content h1{margin-bottom:20px;}
.content h2{font-size:16px;border-left:solid 20px #3fb0d3;padding-left:10px;}
.content h3{font-size:14px;color:#444;}
.content h2,.content h3{margin:20px 0 10px;}

@media only screen and (max-width: 800px) {
.backgroundlink{ display:none;}
.links{display:none;}
.cadre{width:90%;}
#specialoff,
form#search input.bigtext,
form#search input.submit{width:95%;}
}

@media only screen and (max-width: 640px) {
body{width:100%;overflow:hidden;}
#page{width:95%;padding:2px 2%;}
#page #logo{margin:0 auto;width:100%;text-align:center;}
#top{text-align:center;}
#top-list{margin-left:6%;}
h2{font-size:16px!important;background:transparent!important;color:#3fb0d3!important;height:16px !important;line-height:16px !important;border-left:solid 20px #3fb0d3;margin-bottom:2%;}
#footer{width:90%;}
.cadre,.cadremini,cadremoy{width:95% !important;margin-right:0!important;overflow:visible!important;}
.cadremini h2,.heading{width:95% !important;}
a.binfo{height:37px;}
.element{margin:0 auto;width:90%;}
.element table img{width:95px!important;}
.home .off{display:block!important;}
.validite{display:none;}
label{display:block;margin-bottom:8px;}
input{margin-bottom:6px;}
.cadremini .element{width:95%!important;}
.cadre .element{padding:2%;}
.cadre .content{padding:2%;width:95% !important;}
#toptop{ display:none;}
table.comp tr{border-top:dashed 2px #3fb0d3;}
table.comp td{padding-top:10px !important;}
table.comp td.logo{float:left!important;}
table.comp td.desc{clear:left!important;float:left;}
.fortu{width:95% !important;}
#articlebody{padding-left:10px !important;padding-right:10px !important;}
}