/*   OGST -  01/2016   */
/*   G. Drouen         */

body{background:/*url(../images/body_bg.png) repeat-x scroll center top*/ #ffffff;}
.wrap{width: 1004px}

@keyframes bganim{0%  {background-color:#6aa842;} 100%{background-color:#000;}}
@keyframes bganim2{0% {background-color:#006bb3;} 100%{background-color:#20C7FF;}}

body > header .bandeau{height:120px; }
header nav.menu .mod-languages{line-height: inherit;}
/*body.fr-FR > header .wrap{background: url(../images/header_fr.png) left top no-repeat #035894;}
body.en-GB > header .wrap{background: url(../images/header_en.png) left top no-repeat #035894;}*/

body > header .bandeau{text-align: center;}
body > header .bandeau >a{float: none; display: inline-block; margin: 10px 0 0 20px}
body > header .bandeau ul {float: right; list-style: none; margin:0; padding: 0;}
body > header .bandeau ul li{display: inline-block; margin: 0; padding: 0;}
body > header .bandeau ul li a{color:#545454; text-transform: uppercase; font-size: 13px; font-weight: normal; padding:8px; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; display: inline-block;}
body > header .bandeau ul li+li a{border-left:0;}

body > header nav.menu-ogst{}
body > header nav.menu-ogst ul{list-style:none; margin:0 0 0 44px; padding:0px;}
body > header nav.menu-ogst ul li{margin:0px; padding:0px; display: inline;}
body > header nav.menu-ogst ul li a{font: bold 11px/35px verdana; text-decoration:none; padding:8px 10px 10px 10px; color:#fff; background: url(../images/menu_ogst_sep.png) top right no-repeat;}
body > header nav.menu-ogst ul li a:hover, body > header nav.menu-ogst ul li:last-child a:hover{background-color:#20c7ff;}
body > header nav.menu-ogst ul li:last-child a{background:none}

body > header nav.menu{background-color:#006bb3; height: 32px; padding-top: 3px}
body > header nav.menu ul.menu{float: right; padding-right: 10px}
body > header nav.menu ul li+li{margin-left: 5px}
body > header nav.menu ul.menu li a{background-color: #6aa842; border-radius: 5px; text-transform: none; line-height: 21px;  padding: 2px 15px; margin-top: 2px}
body > header nav.menu ul li.active a{background-color: #fff; color:#035894;}

body > header nav.menu .mod-languages{float: left; margin-left: 20px; margin-top: 4px}
body > header nav.menu .mod-languages ul li a{padding: 0; line-height:25px; display:inline;}
body > header nav.menu .mod-languages ul li+li{margin-left: 5px}

div.breadcrumbs a{color:#006bb3}

/* menus */
.side_exists{}
nav.side > ul{margin-bottom: 5px}
nav.side > ul > li > a{color:#fff; border-bottom: 0; font: bold 12px/22px Arial,sans-serif; padding: 4px 10px; background-color: #006bb3; border-radius: 5px}
nav.side > ul > li > a:hover{}
nav.side ul li.parent.active > a, nav.side ul.menu > li.active > a {background-color: #333}
nav.side ul li ul li a{color:#006bb3; border-bottom: dotted 1px #ccc; border-top: 0; padding-left: 20px; font: 11px/15px verdana;}
nav.side ul li ul li:hover{background: transparent;}
nav.side ul li ul li a:hover{color:#00396D;}
nav.side ul li ul li.current a:before, nav.side ul li.current.parent > ul > li:first-child > a:before{border-color: transparent transparent transparent #f9ae51; left: 8px}


#sidebar .banneritem a img{border:solid 1px #006bb3;}


.newsbox .news_title, .news_title, .newsbox h2{background-color: #006bb3;}
.newsbox{margin-bottom: 1rem}
.newsbox h2{text-transform: inherit;}

.page .wrap{padding-left: 0; width: 1004px; padding-right: 0}
.page nav.side {width: 200px; }
.page #sidebar {float: right; width: 270px;}
.page #main{width: 785px}
.page #main.hp {float: left; margin-left: 20px; width: 500px;}

#front-cover.old .front-cover-box{width: 135px;}
#front-cover.old .front-cover-txt{margin-left: 150px;}


/* contenu */ 
h1{color:#006bb3;}
h2{color:#006bb3;}
h3, h3 em{color:#006bb3;}
a{color: #006bb3;}


/* hp */
#com_accueil h1{font: bold 15px/17px Century Gothic,Arial}
#front-cover .front-cover-box{width: 120px}
#front-cover .front-cover-box .latest-issue{display: none;}
#front-cover .front-cover-txt{margin-left: 140px}
.latest-issue a{background-color: #006bb3; color: #fff; border:solid 1px #006bb3;}
.latest-issue a:hover{animation: bganim2 1s ease-in alternate infinite;}

span.if {background-color: #8bb110; border-radius: 5px; color: #fff; display: inline-block; padding: 0 5px;}

.btn.btn-newsletter{text-align: center;}
.btn.btn-newsletter a{color: #006bb3; font-weight: bold; display:block; border-radius: 5px; padding: 2px 0; background-color: #f9ae51; font:bold 12px/22px Arial,sans-serif; position: relative;}
.btn.btn-newsletter a:hover{text-decoration: none; opacity: 0.8}
.ico32::before{font-size: 24px}
.ico32.ico-newsletter::before{content: "\f0e0"; font-family: Awesome; position: relative; top: 1px; left: -6px}

/*#tabs{margin-top: 0}*/
/*#tabs ul.ui-tabs-nav{display: none;}*/
#tabs ul.ui-tabs-nav li.ui-state-active a{background-color: #006bb3; box-shadow: none;}


.top10 .msg.msg-info{display: none;}


/*autres */
.titre_oil {color: #004e95; float: left; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; margin: 5px 0 0 20px;}
.titre_oil a{color:#fff;}
#aiContactSafeForm{width: 100%;}
#aiContactSafe_row_aics_copiemail{display: none;}
#aiContactSafe_row_aics_message_en{clear: both;}

#aiContactSafeForm textarea#aics_message_en {margin: 22px 0 5px -80px; width: 540px; height: 80px;}
#aiContactSafe_label_aics_message_en {display: block; width: 50px; margin-bottom: -18px;}
#aiContactSafeForm #aiContactSafe_row_aics_message_en div.aiContactSafe_contact_form_field_label_left{display: flex;}


/* toc */
.topic{background-color: #D7F8D7;}

/* footer */
body > footer .wrap{padding-top: 0}
body > footer nav{background-color:#035894;}