body {
   min-width:976px;
   margin:0;
   color:#636b75;
   font:12px Arial, Helvetica, sans-serif;
   background:#363533;
}

h1, h2, h3, h4, h5, h6{
   font-weight: normal; color: #0E6AA4; font-family: Arial, Helvetica, sans-serif;
   padding: 0; padding-bottom: 2px; margin: 5px 0;
}

h1{ font-size: 225%; letter-spacing: -0.03em; border-bottom: 1px dotted #DCE0E2; margin-bottom: 20px;}
h2{ font-size: 225%; letter-spacing: -0.03em; border-bottom: 1px dotted #DCE0E2; margin-bottom: 20px;}
h3{ font-size: 185%;}
h4{ font-size: 145%; color: #636B75;}
h5{ font-size: 125%; color: #636B75; font-weight: bold;}
h6{ font-size: 115%; color: #636B75; font-weight: bold;}

img { border-style:none;}
a {
   text-decoration:none;
   color:#0E6AA4;
}
a:hover { text-decoration:underline;}
input,
textarea {
   font:100% Arial,sans-serif;
   vertical-align:middle;
}
.break{ clear: both}
form, fieldset {
   margin:0;
   padding:0;
   border-style:none;
}
#pagewidth {
   min-width:976px;
   overflow:hidden;
   background:#63615b url(../s/groupearobas/themes/bg-pagewidth.gif) repeat-x;
}
/*main*/
#main-box {
   width:976px;
   margin:0 auto 30px;
   padding:0 0 15px;
   position:relative;
   overflow:hidden;
   border-bottom:2px solid #363533;
   background:#fff url(../s/groupearobas/themes/bg-main-box.gif) repeat-y;
}
#main {
   display:table;
   width:976px;
   overflow:hidden;
   background:url(../s/groupearobas/themes/bg-main.gif) no-repeat;
}
/*header*/
#header {
   width:976px;
   display:table-header-group;
   overflow:hidden;
}
#header .head-nav {
   height:1%;
   overflow:hidden;
   margin:31px 0 0;
}
#header ul {
   display:inline;
   list-style:none;
   margin:0 10px 0 0;
   padding:0;
   font-size:18px;
   line-height:21px;
   text-transform:uppercase;
   float:right;
}
#header ul li {
   float:left;
   padding:0 0 0 3px;
}
#header ul a {
   color:#a5a5a5;
   float:left;
}
#header ul a strong,
#header ul a span {
   float:left;
   height:41px;
   overflow:hidden;
   font-weight:normal;
   cursor:pointer;
}
#header ul a span {
   height:31px;
   padding:10px 14px 0;
}
#header ul a:hover strong{
   background:url(../s/groupearobas/themes/bg-head-link-left-hover.gif) no-repeat;
}
#header ul a:hover span{
   background:url(../s/groupearobas/themes/bg-head-link-right-hover.gif) no-repeat 100% 0;
}
#header ul a:hover {
   color:#fff;
   text-decoration:none;
   background:url(../s/groupearobas/themes/bg-head-link-hover.gif) repeat-x;
}
#header ul li.active a strong {
   background:url(../s/groupearobas/themes/bg-head-link-left.gif) no-repeat;
}
#header ul li.active a span {
   background:url(../s/groupearobas/themes/bg-head-link-right.gif) no-repeat 100% 0;
}
#header ul li.active a{
   color:#fff;
   text-decoration:none;
   background:url(../s/groupearobas/themes/bg-head-link.gif) repeat-x;
}
#header .img-holder {
   height:253px;
   width:960px;
   overflow:hidden;

   margin:31px 0 0 8px;
}
/*logo*/
.logo {
   margin:0;
   text-indent:-9999px;
   overflow:hidden;
   position:absolute;
   top:3px;
   left:58px;
border:none;

}
.logo a {
   display:block;
   width:256px;
   height:144px;
   background:url(../s/groupearobas/themes/logo.png) no-repeat;
}
/*content-box*/
#content-box {
   width:976px;
   display:table-footer-group;
   overflow:hidden;
}



#content {
   height:1%;
   overflow:hidden;
   padding:18px 40px 2px 20px;
   background:url(../s/groupearobas/themes/bg-content-btm.gif) no-repeat 100% 100%;
}
#content p, ul, ol{
   color: #4C525A;
   line-height: 18px;
}
#content ul{
   border: 1px solid #E2E7ED;
   background:#F7FAFE url(../'s/groupearobas/images-css/bg-ul.gif') repeat-x left top;
   padding: 20px 25px;
   width: 525px;
   margin: 0 auto;
   margin-bottom: 20px;
}
#content ul.col{
   width: 240px;
   float: left;
   border: none;
   background-color: #fff;
   background-image: none;
}
#content ol{
   border: 1px solid #FAFAB7;
   background-color:#FDFDED;
   padding: 20px 0 25px 50px;
   width: 400px;
   margin: 0;
}
#content ol li{
   margin: 0;
   font-family: Georgia, "Times New Roman", Times, serif;
   color: #333;
   font-size: 155%;
}
#content ol li span{
   margin: 0;
   font-family: Arial, Helvetica, sans-serif;
   color: #333;
   font-size: 65%;
}
#content ul li{
   margin: 0;
   padding: 1px 0 0 20px;
   list-style: none;
   background: transparent url(../s/groupearobas/images-css/ul-li.arrow.gif) no-repeat left top;
}
#content ul.blank li{
   margin: 0;
   padding: 0 0 0 15px;
   list-style: none;
   background: transparent url(../'s/groupearobas/images-css/ul-li.blank.gif') no-repeat left center;
}




/*content*/
.content-top {
   width:656px;
   float:left;
   background:url(../s/groupearobas/themes/bg-content-center.gif) repeat-y 100% 0;
}
.content-center {
   height:1%;
   overflow:hidden;
   background:url(../s/groupearobas/themes/bg-content-top.gif) no-repeat 100% 0;
}
/*blog*/
.blog {
   height:1%;
   overflow:hidden;
   line-height:18px;
}
.blog-img-holder {
   float:left;
   padding:15px;
   margin:2px 0 0 8px;
   border:1px solid #ccc;
   position:relative;
   background:#e7e7e7;
}
.blog-img-holder img { display:block;}
.blog-img-holder span {
   position:absolute;
   width:1px;
   height:1px;
   font-size:0;
   line-height:0;
   background:#e1e1e1;
}
.blog-img-holder .top-right {
   top:-1px;
   right:-1px;
}
.blog-img-holder .top-left {
   top:-1px;
   left:-1px;
}
.blog-img-holder .bottom-right {
   bottom:-1px;
   right:-1px;
}
.blog-img-holder .bottom-left {
   bottom:-1px;
   left:-1px;
}
.blog h2 {
   margin:0;
   text-indent:-2px;
   font-weight:normal;
   font-size:28px;
   line-height:30px;
}
.blog-main {
   height:1%;
   overflow:hidden;
}
.blog h2 a { color:#0e6aa4;}
.blog-txt {
   width:329px;
   padding:0 10px 0 5px;
   float:right;
}
.blog-head {
   height:1%;
   overflow:hidden;
   margin:4px 0 0;
   text-transform:uppercase;
}
.blog-head strong {
   font-weight:normal;
   font-size:11px;
   float:left;
}
.blog-head a {
   float:left;
   line-height:15px;
   background:#88becf;
   font-size:10px;
   color:#fff;
   padding:0 10px;
   margin:1px 0 0 12px;
}
.blog-txt p {
   margin:9px 0 0;
   padding:0 0 9px;
}
.blog-link {
   height:1%;
   overflow:hidden;
   margin:16px 0 0;
   padding:12px 21px 12px 0;
   background:url(../s/groupearobas/themes/bg-blog-link-box.gif) repeat-x;
}
.blog-link a {
   font-size:10px;
   line-height:13px;
   color:#fff;
   float:right;
   padding:0 0 0 2px;
   background:url(../s/groupearobas/themes/bg-blog-link-left.gif) no-repeat;
   text-transform:uppercase;
}
.blog-link a strong,
.blog-link a span {
   float:left;
   height:26px;
   overflow:hidden;
   font-weight:normal;
   cursor:pointer;
}
.blog-link a strong {
   padding:0 2px 0 0;
   background:url(../s/groupearobas/themes/bg-blog-link-right.gif) no-repeat 100% 0;
}
.blog-link a span {
   height:19px;
   padding:7px 18px 0 20px;
   background:url(../s/groupearobas/themes/bg-blog-link.gif) repeat-x;
}
.blog-link a:hover span { text-decoration:underline;}
.nouvelles {
   height:1%;
   overflow:hidden;
}
.nouvelles a {
   float:right;
   line-height:19px;
   padding:0 0 0 10px;
   color:#0073ae;
   margin:16px 23px 0 0;
   background:url(../s/groupearobas/themes/bg-link-nouvelles.gif) no-repeat 0 9px;
   text-transform:uppercase;
}
/*categories-top*/
.categories-top {
   width:620px;
   overflow:hidden;
   margin:22px 0 0;
   background:url(../s/groupearobas/themes/bg-categories-center.gif) repeat-y;
}
.categories-center {
   height:1%;
   overflow:hidden;
   background:url(../s/groupearobas/themes/bg-categories-top.gif) no-repeat;
}
.categories {
   display:table;
   height:1%;
   overflow:hidden;
   text-transform:uppercase;
   background:url(../s/groupearobas/themes/bg-categories-btm.gif) no-repeat 0 100%;
}
.categories strong {
   width:101px;
   padding:0 10px 0 19px;
   display:table-cell;
   vertical-align:middle;
   font-size:14px;
   line-height:16px;
   color:#0e6aa4;
}
.categories-list {
   width:470px;
   float:right;
   padding:9px 0 14px 20px;
}
.categories-list ul {
   list-style:none;
   margin:0;
   padding:0;
   font-size:11px;
   line-height:19px;
}
.categories-list ul li {
   display:inline;
   padding:0 26px 0 0;
   vertical-align:top;
}
.categories-list ul a {
   color:#0f99c7;
   white-space:nowrap;
   text-decoration:underline;
}
.categories-list ul a:hover { text-decoration:none;}
/*commentaire*/
.commentaire {
   height:1%;
   overflow:hidden;
   margin:38px 0 0;
   padding:0 0 0 25px;
}
.commentaire h4 {
   margin:0;
   font-weight:normal;
   font-size:24px;
   line-height:26px;
   color:#a9a9a9;
}
.commentaire fieldset { margin:5px 0 0 2px;}
.commentaire fieldset .holders {
   height:1%;
   overflow:hidden;
}
.commentaire fieldset label {
   display:block;
   font-size:13px;
   margin:14px 0 0;
   padding:0 0 6px;
   line-height:18px;
   color:#000;
}
.commentaire fieldset input,
.commentaire fieldset textarea {
   width:200px;
   padding:3px 5px 6px;
   margin:0;
   border:1px solid #ccc;
   font-size:12px;
   line-height:17px;
   color:#000;
   background:#fff;
   float:left;
}
.commentaire fieldset textarea {
   width:534px;
   height:52px;
   margin:1px 0 0;
   padding:3px 5px 2px;
}
.commentaire fieldset input.envoyer {
   width:auto;
   height:auto;
   padding:0;
   border:none;
   background:none;
   margin:14px 0 0;
}
/*e-mail-top*/
.e-mail-top {
text-align: bottom;
position: absolute;
bottom: 20px;
   width:602px;
   overflow:hidden;
   margin:100px 0 0 0;
   background:url(../s/groupearobas/themes/bg-email.gif) repeat-x;
}
.e-mail-center {
   height:1%;
   overflow:hidden;
   background:url(../s/groupearobas/themes/bg-email-left.gif) no-repeat;
}
.e-mail {
   height:1%;
   overflow:hidden;
   font-size:30px;
   line-height:32px;
   padding:19px 25px 18px 20px;
   color:#fff;
   background:url(../s/groupearobas/themes/bg-email-right.gif) no-repeat 100% 0;
}
.e-mail strong {
   float:left;
   font-weight:normal;
}
.e-mail a {
   height:1%;
   color:#fff;
   float:right;
}
/*sidebar*/
#sidebar {
   width:300px;
   float:left;
   margin:19px 0 0;
}
.orangium-banner img { display:block;}


#footer {
   width:960px;
   margin:0 auto;
   padding:32px 0 40px;
   overflow:hidden;
   text-align:center;
   font-size:11px;
   line-height:13px;
   color:#6a6a69;
}
#footer a{
   color: #999;
}
#footer ul {
   list-style:none;
   margin:0;
   padding:0;
}
#footer ul li {
   display:inline;
   padding:0 3px 0 7px;
   background:url(../s/groupearobas/themes/separator-footer-nav.gif) no-repeat 0 3px;
}
#footer ul li:first-child { background-image:none;}
#footer p {
   margin:11px 0 0;
   padding:0 0 29px;
}




/*partenaires-top*/
.partenaires h3, .partenaires h4 {
     text-indent:-9999px;
position:absolute;
top:0;
}

.partenaires-top {
   height:1%;
   overflow:hidden;
   margin:21px 0 0;
   background:url(../s/groupearobas/themes/bg-partenaires-center.gif) repeat-y;
}
.partenaires {
   height:1%;
   overflow:hidden;
   padding:8px 0 15px;
   background:url(../s/groupearobas/themes/bg-partenaires-top.gif) no-repeat;
   border-bottom:1px solid #dce0e2;
}
.partenaires h5 {
   margin:0;
   padding:0 0 8px;
   font-weight:normal;
   font-size:14px;
   line-height:22px;
   color:#2b2f34;
   text-align:center;
   text-transform:uppercase;
}
.partenaires ul {
   list-style:none;
   margin:0;
   padding:0;
}
.partenaires ul li {
   display:inline;
   float:left;
   padding:2px;
   margin:13px 0 0 14px;
   background:url(../s/groupearobas/themes/bg-banners.gif) no-repeat;
}
.partenaires ul img { display:block;}
/*footer-holder*/
#footer-holder {
   height:1%;
   overflow:hidden;
   border-top:1px solid #1a1a1a;
   background:#363533;
}