/*   
Theme Name: Ctoutvert theme
Description: Template Ctoutvert 2018
Author: Ctoutvert
Version: 1.0
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: url(./images/paterne.png) repeat; font: 13px/1.3 Arial, sans-serif; color:#322206; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px;}
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#header {width: 100%; height:140px ; margin: 0 auto; background:url(./images/banner_bg.png) repeat-x;}

#block_header {width:1200px;  margin:0 auto; background:url(./images/banner_bg.png) repeat-x #FFF;}

#languages {float:right; height: 20px;}

#banner { height: 120px; margin-bottom:20px;}

#logo {position: relative; padding-left: 20px; height: 100%;}

#logo .img-logo { width: 250px; height: auto; margin: 0 15px; }

/* #logo a {display: inline-flex;} */

#slogan {float: right; height: 120px; line-height: 25px; font-size: 15px; color: #b7c539; text-transform: uppercase; text-align: center;}

.header-si #slogan {color: #fff; font-size: 13px; padding: 0 10px;}

.arrow-up { position: absolute; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 0 20px 15px 20px; border-color: transparent transparent #ffffff transparent; }

#page-wrap { width: 1200px; margin:0 auto; background: #FFF; }

/*Menu principal*/

/* #menubg_left {width: 10px; height: 31px; background:#b7c539; float:left; border-radius: 7px 0 0 7px;} */

/* #menubg_right {width: 10px; height: 31px; background:#b7c539; float:left; border-radius: 0 7px 7px 0;} */

#menubar { width: 100%; height: 100%; margin: 0 auto; background: #b7c539;}

#menu {width: 100%; height: 50px; padding: 20px 0;}

#menu ul {margin: 0; padding: 0 10px; height: 100%;display: inline-flex; align-items: center; justify-content: center; }

#menu li {height: 100%; display: inline-flex; justify-content: center; align-items: center; padding: 0 15px;}

#menu li a {color: #322206; text-decoration:none; text-transform:uppercase; font-size: 12px;}

#menu li:not(.current_page_item) a:hover {color: #FFF;}

#menu .menu-si li a {color: #fff; text-align:center;}

#menu .menu-si li:not(.current_page_item) a:hover {color: #322206 !important;}

.menu-header { width: 100%; height: 100%; }

.menu-si { background: #486392 !important; }

/*Menu principal onglet actif */

#menu .current_page_item{ background: #fff; }

#menu .current_page_item a {font-weight: bold;}

#menu .menu-si li.current_page_item a {color: #322206 !important;}

#menu .sub-menu { display: none; }

#menu .current-menu-ancestor { background: #fff; }

#menu .current-menu-ancestor a { color: #322206 !important; font-weight: bold; }

#menu-item-16844 a { padding: 7px; background: #fff; color: #486392 !important; }

/*Contenu*/

#content {width:1160px; min-height: 600px; margin:0 auto; text-align: justify;}

#content_r {width:920px; margin:0 auto; float:right; text-align: justify;}

#content_r ul {padding: 0 0 0 30px;}

/* #content_r ul li {padding: 0 0 0 10px;} */

.entry {margin: 20px 15px; text-align: justify;}
.spec-entry {margin: 20px 128px; text-align: justify;}


/*Sidebar*/

#sidebar {float:left; width: 240px;}


/*Footer*/

#footer {width: 100%; margin-top: 60px;}

#info_footer {width: 100%; background: #322206;}

.infos_footer {width: 980px; margin: 0 auto; text-align: center; line-height: 32px;}

.menu_footer {width: 980px; margin: 0 auto; text-align: center; line-height: 32px; }

.menu_footer li {display: inline;}

.menu_footer li a {padding: 10px ;}

.menu_footer li a:link, .menu_footer a:visited {color: #6a522a; text-decoration:none; font-size: 12px;}

.menu_footer li a:hover {color: #FFF;}

#logo_footer {width: 300px; margin: 0 auto;}

#logo_ctoutvert_mini {float: left;}

#logo_sh_mini {width: 120px; height: 80px; background: url(./images/shlogo_mini.png) no-repeat; float: right;}


/*Menu left*/
	
.menu_left, .menu_left_si {width: 240px; margin: 0 auto; float:left;}

.menu_left li, .menu_left_si li { display:block; line-height: 24px; background:url(./images/menuleft_bg.png) repeat-y; overflow: hidden; width: 188px; white-space: nowrap; text-overflow: ellipsis;}

.menu_left li a, .menu_left_si li a {margin-left: 10px; color: #322206;}

.menu_left li a:link, .menu_left a:visited, .menu_left_si li a:link, .menu_left_si a:visited {color: #322206; text-decoration:none; font-size: 12px;}

.menu_left li a:hover {color: #b7c539;}

.menu_left_si li a:hover {color: #486392}

.header_menu_left {width: 188px; height:31px; background:url(./images/menuleft_header.png) no-repeat ; float:left;}

.footer_menu_left {width: 188px; height:21px; background:url(./images/menuleft_footer.png) no-repeat ; float: left; margin-top: -5px;}

h2.menutitle {line-height: 31px; margin-left: 10px; color: #FFF !important; text-transform:uppercase; font-size: 10px;}

/*Menu left onglet actif */

.menu_left .current_page_item a {
color: #b7c539;
}

.menu_left_si .current_page_item a {
color: #486392;
font-weight: bold;
text-decoration: underline !important;
}


/*Menu left secondaire*/

#menu_left_sec {margin-top: 40px;}
	
.menu_left_sec {width: 240px; margin: 0 auto; float:left;}

.menu_left_sec li {display:block; color: #322206; line-height: 24px; background:url(./images/menuleft_bg.png) repeat-y;}

.menu_left_sec li a {margin-left: 10px;}

.menu_left_sec li a:link, .menu_left_sec a:visited {background: url(./images/plus_ico.png) no-repeat scroll left; padding-left: 16px; color: #322206; text-decoration:none; font-size: 12px;}

.menu_left_sec li a:hover {color: #b7c539;}

.top_menu_left_sec {width: 188px; height:10px; background:url(./images/menuleft_top.png) no-repeat ; float:left; }

.footer_menu_left_sec {width: 188px; height:11px; background:url(./images/menuleft_bottom.png) no-repeat ; float: left;}

.menu_left_sec_si li a:link, .menu_left_sec_si a:visited {color: #486392;}

.menu_left_sec_si li a:hover {color: #486392 !important;}


/*Slideshow*/

#slideshow {width: 100%; height: 410px; margin: 20px 0 60px;}


/*Shema home*/

.cubegreen {width: 195px; height: 200px; background: #b7c539; margin-top: 20px; margin-right: 15px; margin-left: 15px; float:left; border-top-left-radius: 6px;border-top-right-radius: 6px;}

.cubeblue {width: 195px; height: 200px; background: #486392; margin-top: 20px; margin-right: 15px; margin-left: 15px; float:left; border-top-left-radius: 6px;border-top-right-radius: 6px;}

.cubebrown {width: 195px; height: 200px; background: #322206; margin-top: 20px; margin-right: 15px; margin-left: 15px; float:left; border-top-left-radius: 6px;border-top-right-radius: 6px;}

.cubegreen_menu {width: 195px; height: 140px; background: #b7c539; margin-right: 15px; margin-left: 15px; float:left; border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}

.cubeblue_menu {width: 195px; height: 140px; background: #486392; margin-right: 15px; margin-left: 15px; float:left; border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}

.cubebrown_menu {width: 195px; height: 140px; background: #322206; margin-right: 15px; margin-left: 15px; float:left; border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}

.text_cube {color: #FFF; font-size:22px; line-height:28px; text-align:center; padding:10px;}

.text_cube a:link, .text_cube a:visited {color: #FFF;}

.text_cube a:hover {text-decoration: none;}

.cube_menu {margin-top: 10px;}

.cube_menu  li{color: #FFF; display: block; line-height: 20px; text-align: center;}

.cube_menu  li a{color: #FFF;}

.subtext_cube a:link, .subtext_cube a:visited {color: #FFF;}

.subtext_cube a:hover {text-decoration: none;}

.subtext_cube {color: #FFF; font-size: 11px; text-align:center; margin-bottom:10px;}

.icone_cube_1 {width:40px; height:40px; margin: 0 auto; background:url(./images/icone_cube1.png) no-repeat;}

.icone_cube_2 {width:40px; height:40px; margin: 0 auto; background:url(./images/icone_cube2.png) no-repeat;}

.icone_cube_4 {width:40px; height:40px; margin: 0 auto; background:url(./images/icone_cube2.png) no-repeat;}

.icone_letter {width:40px; height:40px; margin: 0 auto; background:url(./images/icone_letter.png) no-repeat;}

#pointschema {width:912px; height:94px; margin:0 auto; background:url(./images/pointschema.png) no-repeat;}
#pointschema.spec-bg {width:912px; height:94px; margin:0 auto; background:url(./images/pointschema_.png) no-repeat -8px;}


#sh {width:200px; height:200px; margin: 0 auto; margin-top: -50px; background:url(./images/shlogo.png) no-repeat #322206; border-radius: 6px;}
#SI { width: 100%; height: 80px; position: relative;}
#SI img { width: 250px; height: auto; position: absolute; left: 50%; transform: translateX(-50%); top: -39px; }

/*Texte général*/
h1, h2, h3, h4 { font-weight: normal; margin: 0 0 10px 0; }
h1 {color: #b7c539; font-size: 24px; line-height: 32px; border-bottom: 6px dotted #edebe9; }
h2 {color: #b7c539; font-size: 18px; font-weight:normal;display: inline-block; }
h3 {font-size: 16px; color: #b7c539;}
h4 {font-size: 16px; border-bottom: 1px dotted #322206; line-height: 32px;}

.si-environment h1,
.si-environment h2,
.si-environment h3 { color: #486392 }

p { margin: 0 0 10px 0; }
a {text-decoration: none;}
a:link, a:visited {color: #322206;}
a:hover {text-decoration: underline;} 

blockquote { }
blockquote p { }

img  {border: none;}

ul, ol { margin: 0 0 10px 0; }


/*Classes diverses*/
.inline-flex-center { display: inline-flex; align-items: center; justify-content: center; position: relative; }

.flex-center { display: flex; align-items: center; justify-content: center; }

.align-center { text-align: center; }

.hidden { display: none !important; }

.post { }

.separation {border-bottom: 6px dotted #edebe9; width: 90%; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}

.mb {margin-bottom: 20px;}

.masked {display:none;}

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

table {border-collapse:separate; border-spacing:10px;}
td, th {width:auto;}

td.cont, th.cont {width:60%;}

td.triple, th.triple {width: 30%;}

#flags_language_selector img{
      margin:3px;
      border:1px solid #333;
}
} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */

/* Font-awesome */
div.far, div.fas, div.fab {width: 100%; height: 35px; display: flex; justify-content: center; align-items: center; margin-top: 15px;}

div.far:before, div.fas:before, div.fab:before { font-size: 2.5em; color: #fff; }