/*Theme Name:studio-jileyes*/
html{background:#e7e6ec}
body{margin:0;padding:0;color:#000;text-align:center;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:100.1%;}
img{border:0px}
#wrapper_global{margin:0; padding:0;}
#wrapper_header{margin:0; padding:0;  position:relative; width:100%; top:0; left:0; z-index:11}
#wrapper_menu{margin:0; padding:0; position:relative; width:100%; height: 41px; top:0; left:0; z-index:11}
#wrapper_before_content{margin:0; padding:0;  position:relative; width:100%; top:0; left:0; z-index:2;height: 50px}
#wrapper_after_content{margin:0; padding:0;  position:relative; width:100%; top:0; left:0; z-index:1; background: #fff; font-size: 10px}
#wrapper_content{position:relative; width:100%; top:0; left:0; z-index:1; margin:0; padding:0; }
#wrapper_content_top{margin:0;position:relative; z-index:8; height:93px; padding:0;}
#wrapper_content_end{margin:-93px 0 0 0;position:relative; z-index:9; padding:0;}
#wrapper_footer{clear: both; margin:0;padding:0;height:auto; position:relative; z-index:10; width:100%; bottom:0; background-size: 100% 100%}
.wrapper, .footer, #main-inner {width: 100%}
#wrapper_header .wrapper { background: #fff}
.wrapper{margin:0px auto;padding:0px;text-align:center;font-size:75%;line-height:20px;height:inherit;}
#header{padding:0;margin:0;}
#wrapper_content .wrapper{background:url(images/bg-content.jpg) #fff no-repeat center top; background-size: cover}
.univers #wrapper_content .wrapper{background:url(images/bg-listing.jpg) #c9c8cd no-repeat center top; background-size: cover}
.listing #wrapper_content .wrapper{background:url(images/bg-listing.jpg) #c9c8cd no-repeat center top; background-size: cover}
.recherche #wrapper_content .wrapper{background:url(images/bg-listing.jpg) #c9c8cd no-repeat center top; background-size: cover}
.fiche #wrapper_content .wrapper{background:url(images/bg-listing.jpg) #c9c8cd no-repeat center top; background-size: cover}

#wrapper_before_content .wrapper{background:url(images/bg-before-content.jpg) #fff no-repeat center top; background-size: cover}

#header{padding:0;margin:0; width:100%; height:95px}
#logo{float:left; margin:10px 0 0 1%; width: 39%}
#logo img {width: 100%; max-width: 413px; height: auto}
#header2{float:left; margin:10px 0 0 5%; width: 55%; height: 86px}
#content{float:left;margin:10px 0 0 0;padding:0 0 0 0; width:65%}
.home #content {width: 70%}
#after_content {clear: both; float: left; width: 100%; height: 48px}
#left{float:left; width:30%; margin:20px 0 0 0}
#menu_left{float:left; width:276px; margin:0 0 0 1px}
#menu_left_sep{float:right; width:5px;}
#page-left{float:left; width:250px; margin:140px 0 0 0}
.menu_left_sep_all{margin:140px 0 0 0}
#search{float:right; width:190px; padding:23px 0 0}                             
#menu_left_nav{float:left; }
#main-index,#main-search{width:100%; float:left;margin:0;padding:0; color:#fff}
#main-univers{width:96%; float:left;margin:0 2%;padding:0; color:#fff}
#main-listing{width:100%; float:left;margin:0;padding:0; color:#fff}
#main-fiche{width:100%; float:left;margin:0;padding:0; color:#fff}
#main-page{width:100%; float:right;margin:0;padding:0 0 15px; color:#000}
#main-page-inner{width:inherit}
#main{width:100%; float:right;margin:0;padding:0; color:#fff}

#bloc1{float:left;  width:400px; height:260px; border:1px solid #000; -webkit-border-radius:10px; -moz-border-radius:10px; -border-radius:10px; padding:5px}
#bloc_coord{float:left; margin:0 0 0 20px; width:285px; height:260px; padding:5px; border:1px solid #000; -webkit-border-radius:15px; -moz-border-radius:15px; -border-radius:15px;}
#bloc_coord h3{padding:0 0 5px 0}
/*#main-inner{width:650px;margin:0;padding:0;}
#main-index-inner{width:650px;margin:0;padding:0;}
*/
#sidebar{float:left;width:26%; padding:20px 0 0 0;margin: 0 2% 0 2%}
#after_content a, .footer a{color:#990033;font-size:14px; font-weight:normal}
#after_content a:hover, .footer a:hover{color:#990033;text-decoration:underline;font-weight:normal}
#footer-inner{}
#navigation{padding:5px 15px;}
#navigation div.fleft{float:left;}
#navigation div.fright{float:right;}
p, h1, h2, h3, h4, h5, h6{margin:0px 0;padding:5px 5px;}
h1, h2, h3, h4, h5, h6{}
h1{font-size:190%;}
h2{font-size:140%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:70%;}
a{color:#4F71C1;text-decoration:none;}
a:hover{color:#4F71C1;text-decoration:underline;}
a img{border:0px;}
hr{height:2px;margin:5px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
blockquote{background:#f4f4f4;padding:5px 15px;margin:3px 30px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
form{margin:0;padding:0;}
fieldset{padding:10px;margin:0;border:none;}
legend{font-weight:800;}
code{font-size:95%;font-family:"Courier New", Courier, monospace;white-space:pre;}
td{vertical-align:top;}
.aligncenter,div.aligncenter{display:inline;   margin-left:auto;   margin-right:auto;}
.alignleft{float:left;}
.alignright{float:right;}
form#searchform2{display:block;float:right;margin:55px 10px 0px 5px;}
h2#sectiontitle{font-size:100%;font-weight:800;padding:6px 6px 6px 10px;margin:0px 10px 15px 10px;background:#f2f2f2;color:#444;}
.post{margin:0 0 10px 0;padding:0 0px 5px 0px;}
.entry{margin:0;padding:0px 0px 3px 0px;text-align:justify;}
.entry_next{clear: both;float: left;padding: 20px 2% 20px 0;width: 100%;}
.entry_list{clear: both;float: left;padding: 20px 0; width: 100%}
.post h2{color:#fff;font-size:150%;font-weight:100;padding:7px 0 2px 2px;margin:5px 0 15px 0;}
.post h2 a{color:#fff;text-decoration:none;font-weight:100;}
.post h2 a:hover{text-decoration:none;color:#fff;}
.postmetadata{font-size:90%;padding:1px 8px 1px 5px;margin:0;border-top:1px solid #ccc;}
.postmetadata p{line-height:18px;padding:0;margin:2px 0;}
.date{float:left;text-align:center;font-weight:800;margin:0 10px 0 0;padding:0 10px;border-right:1px solid #ccc;color:#444;}
.dateDay{display:block;font-size:16px;line-height:16px;text-align:center;}
.dateMonth, .dateYear{display:block;font-size:11px;padding:0;line-height:12px;}
li.widget .textwidget, li.widget #search ul{padding:2px 5px;}
input.searchinput, input.searchsubmit{background:black;border:1px solid white;color:white;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.menuright{padding:0;margin:0;width:220px}
.menuright h4{font-size:13px;color:#006633;}
.menuright p{font-size:12px;padding:0px 0px 2px 20px;}
.menuright ul{list-style:none;padding-left:10px;margin:0px;}
.menuright li{padding-left:17px;background-repeat:no-repeat;background-position:left center;}
.bloc_left_section{background:url(images/bloc_bg.jpg) repeat-y;padding-bottom:5px}
.left{float:left}
.right{float:right}
.clear{clear:both;}
.text_center{text-align:center;}
.menu_sidebar{clear:both; float:left; margin-top:5px}
.menu_sidebar a:hover, .menu_sidebar a:visited{text-decoration:underline}
.spacer{padding:5px 0}
.normal{font-weight:normal}
.black{color:#000}
.bleu{color:#1F497D}
.bleu a:hover{color:#FF9900}
.entry img{margin:10px;  vertical-align:middle;}
.cat_img{width:130px; text-align:center;}
h2{}
h2 a, h2 a:hover, h2 a:visited{text-transform:uppercase}
.copyright{clear:both;background: #E7E6EC; padding:40px 0 0 0;font-size:11px;text-align:center;}
.input-submit{float:right; margin-top:10px}
.footer ul{text-align:center}
#after_content li, .footer li{display:inline; list-style:none; padding:0; margin-right:20px}
.menu_haut,.menu_haut_on{float:left; margin:-5px 0 0 30px; line-height:22px}
.menu_haut_img{vertical-align:middle; margin:-2px 7px 0 0}
.footer{display: none}
.separation{clear:both;height:3px;margin-top:0;padding-top:0;width:980px;background:url(images/separateur.png) no-repeat}
.left_menu_top_btn,.left_menu_top_btn_selected{border-left:thin solid #1EA8E2;height:15px; margin:0 0 5px;padding:0 0 0 8px;text-align:left;width:180px;}
.left_menu_top_btn_selected a,.left_menu_top_btn_selected a:hover,.left_menu_top_btn a:hover{color:#000}
.bandeau{height:243px}
#slideshow{float:left; margin-top:0px; height:243px; width:980px; overflow:hidden}
#slogan{float:right; margin:10px 2% 0 0; color:#fff; }
#menuright-bloc2{padding:0 0 20px 0}
#menuright-bloc2 h2{margin-top:20px; text-align:center}
#menuright-bloc2 p{margin:0; padding:0}
#actu{float:left; text-align:justify; color: #fff}
#recherche{float:left; margin:15px 0; width: 100%}
#coordonnees{float:left; color: #fff; width: 100%}
#blocs{font-size:24px; text-align:center}
#blocs a,#blocs a:hover{color:#fff}
#accueil_actu-contenu_defilant ul,#accueil_actu-contenu_defilant p{padding:0; margin:0}
.nopad{padding:0}
.left-menu-middle,.left-menu-middle_on{float:left}
.left-menu-top{clear:both; float:left; width:247px; height:47px; padding-left:5px; line-height:47px; background:url(images/bg-left-menu-top.png) no-repeat; text-align:left; color:#fff}
.left-menu-middle{clear:both; float:left; width:202px; height:48px; padding:0 10px 0 40px; background:url(images/bg-left-menu-middle.png) no-repeat; text-align:center}
.left-menu-middle-bis{line-height:48px}
.left-menu-middle_on{clear:both; float:left; width:202px; height:48px; padding:0 10px 0 40px; background:url(images/bg-left-menu-middle_on.png) no-repeat; text-align:center}
.left-menu-bottom{clear:both; float:left; width:202px; height:50px; padding-left:50px; line-height:50px; background:url(images/bg-left-menu-bottom.png) no-repeat; text-align:center}
.left-menu-bottom_on{clear:both; float:left; width:202px; height:50px; padding-left:50px; line-height:50px; background:url(images/bg-left-menu-bottom_on.png) no-repeat; text-align:center}
.left-menu-middle a,.left-menu-bottom a{color:#fff; font-weight:800}
.left-menu-middle_on a,.left-menu-bottom_on a{color:#000; font-weight:800}
#main-page-contenu-titre{float:left; color:#fff; text-align:center; margin:0 1%; width: 98%}
#main-page-contenu-titre a {color: #fff}
#main-page-contenu-middle{float:left; color:#fff; margin:0 1%; width: 98%; }
#main-page-contenu-middle .entry{padding:0 4px 3px;}
#main-page-contenu-middle p{padding:5px 0}
#main-page-contenu-middle ul{margin:7px 0; padding-left:30px}
#main-page-contenu-middle a{color: #fff; text-decoration: underline}
#header_links{float:left; margin:20px 0 0px 128px; }
.header_link{float:left;  width:143px; text-align:center}
.header_link a,.header_link a:hover,.header_link a:visited{color:#264195; font-size:14px; font-weight:bold}
#menu{float:left; width:980px; height:54px; }
.menu_link{float:left;  width:196px; text-align:center}
.menu_link a,.menu_link a:hover,.menu_link a:visited{color:#4f71c1; font-size:16px; font-weight:bold; text-transform:capitalize}
#session{float:right; margin:0px 2% 0 0; height:20px}
#language{float:right; margin:0px 2% 0 0; height:20px}
#language ul{list-style:none; padding-left:0; margin: 0}
#language li{float:left; margin:0 0 0 20px}
#language .active a {cursor: default !important}
#coordonnees p{padding:0}
.sidebar-bloc-top{background:url(images/bg_sidebar_top.png) no-repeat; width: 100%; height:34px; padding:8px 0 0 0; color:#d00f3b; background-size: 100% 100%; background-position: center; float: left}
.sidebar-bloc-top-img {float: left; width: 30%; margin: -5px 0 0 0}
.sidebar-bloc-top h3 {float: left; width:70%; padding: 5px 0; text-align: left}
.sidebar-bloc-middle{background:url(images/bg_sidebar_middle.png) repeat-y; background-size: 100% 100%; width:100%; color: #fff; float: left; clear: both}
.sidebar-bloc-bottom{background:url(images/bg_sidebar_bottom.png) no-repeat; background-size: 100% 100%; width:100%; height:10px; float: left; clear: both}
#bloc_section1{float:left; margin:40px 0 0 10%}
#bloc_section2{clear:both; float:left; margin:30px 0 0 22%}
#bloc_section3{clear:both; float:left; margin:30px 0 0 35%}
#bloc_section4{clear:both; float:left; margin:30px 0 0 48%}
#bloc_section5{clear:both; float:left; margin:30px 0 0 58%}
#contenu1_top{clear:both; background:url(images/bg_contenu_top.png) no-repeat; background-size: 100% 100%; float:left; margin:20px 0 0 5%; width:95%; height:10px;}
#contenu1_middle{clear:both; background:url(images/bg_contenu_middle.png) repeat-y; background-size: 100% 100%; float:left; margin:0 0 0 5%; width:91%; color:#fff; padding:2%; text-align:justify}
#contenu1_bottom{clear:both; background:url(images/bg_contenu_bottom.png) no-repeat; background-size: 100% 100%; float:left; margin:0 0 0 5%; width:95%; height: 10px}
/* =Menu-------------------------------------------------------------- */
menu{display:block}
#menu_general{/*background:#222;
background:-moz-linear-gradient(#252525,#0a0a0a);background:-o-linear-gradient(#252525,#0a0a0a);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#252525),to(#0a0a0a));
background:-webkit-linear-gradient(#252525,#0a0a0a);-webkit-box-shadow:rgba(0,0,0,0.4) 0px 1px 2px;-moz-box-shadow:rgba(0,0,0,0.4) 0px 1px 2px;box-shadow:rgba(0,0,0,0.4) 0px 1px 2px;*/
/*background: #C1BFB1;*/ clear:both;display:block;float:left;margin:0;width:100%;height:50px}
#menu_general ul{font-size:13px;list-style:none;margin:0 0 0 0;padding-left:0;}
#menu_general li{float:left;position:relative;width: 18%; text-align: center;/*height:50px*/}
#menu_general li:hover {cursor: pointer}
#menu_general li li{clear: both; width: 100%; background:#f9f9f9; /*height: 40px;*/border-bottom:1px dotted #ddd;}
#menu_general li.menu-top-sep {width: 2%; }
#menu_general a{color:#4F71C1;/*display:table-cell;/height: 50px; */padding:0 2%; width: 96%; text-decoration:none; font-weight: bold;vertical-align: middle}
#menu_general ul ul{-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;float:left;margin:0;position:absolute;left:0;width:100%;z-index:99999;}
#menu_general ul ul ul{left:100%;top:0; }
#menu_general ul ul a{color:#444;font-size:13px;font-weight:normal;height:40px;line-height:40px;padding:0 5%;width:90%;}
#menu_general li:hover, #menu_general ul ul:hover, #menu_general:focus{background:#5378ca;}
#menu_general li:hover > a , #menu_general ul ul a:hover {color: #fff}
#menu_general ul li:hover > ul{display:block;}
#menu_general .current-menu-item > a, #menu_general .current-menu-ancestor > a, #menu_general .current_page_item > a, #menu_general .current_page_ancestor > a{font-weight:bold;}

#menu_top{clear:both;float:right;margin:0 0 auto 0;width:100%; text-align:right}
#menu_top ul{font-size:13px;list-style:none;margin:0 0 0 0;padding-left:0;}
#menu_top li{/*float:left;position:relative;width: 18%; text-align: center*/ display: inline}
#menu_top li.menu-top-sep {width: 2%; }
#menu_top a{color:#4F71C1;/*display:table-cell;*/height: 40px; padding:0 2%; width: 96%; text-decoration:none; font-weight: bold;vertical-align: middle}
#menu_top ul ul{-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;float:left;margin:-4px 0 0 0;position:absolute;top:3.333em;left:0;width:188px;z-index:99999;}
#menu_top ul ul ul{left:100%;top:0; }
#menu_top ul ul a{background:#f9f9f9;border-bottom:1px dotted #ddd;color:#444;font-size:13px;font-weight:normal;height:auto;line-height:1.4em;padding:10px 10px;width:168px;}
#menu_top li:hover > a, #menu_top ul ul:hover > a, #menu_top a:focus{background:#5378ca; color: #fff}
#menu_top li:hover > a, #menu_top a:focus{background:#5378ca; color: #fff;}
#menu_top ul li:hover > ul{display:block;}
#menu_top .current-menu-item > a, #menu_top .current-menu-ancestor > a, #menu_top .current_page_item > a, #menu_top .current_page_ancestor > a{font-weight:bold;}

#menu_left ul{font-size:13px;list-style:none;margin:0;padding-left:0;}
#menu_left li{clear: both; /*float:none;*/height: 39px; line-height: 39px; padding: 5px 0 5px 60px; width: 201px; text-align: left;background: url(images/left_menu_first.png) no-repeat}
#page_item_list {height: 39px;}
#menu_left li li {background: transparent;height: auto; padding: 0px 0 0px 45px;width: 216px}
#menu_left li li li {background: transparent;height: auto; padding: 0px 0 0px 70px;width: 171px}
#menu_left li li li li {background: transparent;height: auto; padding: 0 0 0 80px;width: 161px}
#menu_left a{color:#d00f3b;/*display:table-cell;padding:0 1.2125em;*/ width: 201px; text-decoration:none; font-weight: bold;vertical-align: middle; float:left}
#menu_left li li a {width: 210px}
#menu_left li li li a {width: 187px}
#menu_left li li li li a {width: 150px; padding: 0 0 5px 0}
#menu_left ul ul{display:none;float:left;margin:0 0 0 -60px;width:261px;padding: 5px 0}
#menu_left ul ul ul {display:none;float:left;margin:0 0 0 -45px;width:261px;padding: 5px 0}
#menu_left ul ul ul ul {display:none;float:left;margin:0 0 0 -70px;width:261px;padding: 5px 0}
#menu_left ul ul a{color:#264195;font-size:13px;font-weight:normal;line-height:1.4em;}
/*
#menu_left li:hover > a, #menu_left ul ul:hover > a, #menu_left a:focus{background:#5378ca; color: #fff}
#menu_left li:hover > a, #menu_left a:focus{background:#5378ca; color: #fff;}
*/
#menu_left .current-menu-item , #menu_left .current-menu-ancestor , #menu_left .current_page_item , #menu_left .current_page_ancestor {background: url(images/left_menu_first_selected.png) no-repeat}
#menu_left .current-menu-item > ul, #menu_left .current-menu-ancestor > ul, #menu_left .current_page_item > ul, #menu_left .current_page_ancestor > ul {background: url(images/left_menu_selected.png) repeat-y; display: block}
#menu_left .current-menu-item a, #menu_left .current-menu-ancestor a, #menu_left .current_page_item a, #menu_left .current_page_ancestor a{font-weight:bold;}
#menu_left .current-menu-item > a, #menu_left .current-menu-ancestor > a, #menu_left .current_page_item > a, #menu_left .current_page_ancestor > a{color:#d00f3b;}
 
#menu_left .current_page_item > ul  {display:block}

#listing_blocs ul {font-size:13px;list-style:none;margin:0;padding-left:0;}
#listing_blocs li {float: left; margin: 0 0 25px 3%; background: url(images/bg_listing_blocs.png) no-repeat; width: 191px; height: 214px; text-align: center; overflow: hidden}
.listing_blocs_title {height: 32px; display: table-cell; vertical-align:middle;color:#d00f3b;font-weight:bold}
.listing_blocs_images {clear:both;float:left;height:141px;overflow:hidden;padding-top:5px}
.listing_blocs_image {height: 126px; margin-top: 20px; display: table-cell; vertical-align: middle; width: 191px; text-align:center}
.listing_blocs_image img {max-height: 100%; width: auto}
.listing_blocs_links {clear:both;float:left}
.listing_blocs_link {height: 32px; width: 191px; display: table-cell; vertical-align:middle; color:#fff}
#listing_blocs a:hover {text-decoration: none}

.recherche .entry_recherche {color: #000; padding: 0 0 3px}

#fiche-contenu-titre a {color: #fff}
#fiche-contenu-titre-left {float:left; background:url(images/fiche_title_left.png); width: 17px; height: 29px}
#fiche-contenu-titre-middle{float:left; text-align:center; height: 29px; background:url(images/fiche_title_middle.png) repeat-x}
#fiche-contenu-titre-right {float:left; background:url(images/fiche_title_right.png); width: 17px; height: 29px}
#fiche-contenu-middle{float:left; color:#000; width:100%; background:url(images/fiche-contenu-bg.png) repeat-y; background-size: 100% auto}
#fiche-contenu-middle .entry{float: left; margin:0 1% 3px; width: 75%; background: #d8cbdc}
#fiche-contenu-middle p{padding:5px 0}
#fiche-contenu-middle ul{margin:7px 0; padding-left:30px}
#documentation-contenu-middle{float:left; color:#000; width:100%; background:url(images/fiche-contenu-bg.png) repeat-y; background-size: 100% auto}
#pf-stage {background: transparent !important}
.pf-page-content {height: inherit}

.entry_img img {width: 95%; height: auto}
#fiche-contenu-middle .entry_img {float: left; width: 20%; padding: 20px 1%; text-align: center}
.entry_ascii {clear:both;float: left; width: 100%; text-align: center}
#fiche-contenu-middle .entry-sep {float: left; height: 150px; width: 3px; background: url(images/fiche-contenu-bg-sep-h.png) repeat-y;}

.attachment_list {float: left; margin: 20px 22px 0 0; width: 143px; text-align:center; overflow:hidden}
.attachment_list1 {float: left; margin: 20px 0 0 0; width: 660px; text-align:center; overflow:hidden}
.attachment_list2 {float: left; margin: 20px 22px 0 0; width: 308px; text-align:center; overflow:hidden}
.actu_list {width:217px; height:233px; padding: 10px}
.actu_list_content {height:213px; overflow: hidden }
.actu_list_more {position: relative; background: #d00f3b; padding: 0 5px; text-align: right}
.actu_list_more a {color: #fff}
#coordonnees a {color: #fff; text-decoration:underline;}

#main-univers-contenu-titre{float:left; color:#000; text-align:center; margin:0; width: 100%; /*background:url(images/bg-main-page-contenu-titre.png) no-repeat*/ }
#main-univers-contenu-middle{float:left; color:#000; margin:0; width: 100%; /*background:url(images/bg-main-page-contenu-middle.png) repeat-y;*/ padding:0 0 10px 0}
#main-univers-contenu-middle .entry{padding:0 4px 3px;}
#main-univers-contenu-middle p{padding:5px 0}
#main-univers-contenu-middle ul{margin:7px 0; padding-left:30px}
#main-univers-inner {}
#main-univers-inner2 {float: left; height:300px; width:1px}
#fiche-contenu-middle .entry > p{font-size: 12px; padding: 5px; }

#form-nom {float: left}
#form-mail {clear: both; float: left; margin: 15px 0 0 0}
#form-societe {clear: both; float: left; margin: 15px 0 0 0}
#form-telephone {clear: both; float: left; margin: 15px 0 0 0}
#form-dpt {clear: both; float: left; margin: 15px 0 0 0}
#form-ville {clear: both; float: left; margin: 15px 0 0 0}
#form-pays {clear: both; float: left; margin: 15px 0 0 0}
#form-sujet {clear: both; float: left; margin: 15px 0 0 0}
#form-msg {clear: both; float: left; margin: 15px 0 0 0}
#form-submit {clear: both; float: right; margin: 15px 0 0 0}
#mandatory {clear: both; float: left; font-size: 10px; margin: 15px 0 0 0}
#contact input, #contact textarea {width: 350px}
#form-submit input {width: 80px}

#sidebar_search_content {padding: 10px} 
#sidebar_search_content #searchsubmit {float: right; margin-top: 10px}
.entry a {color: #fff}
.recherche a, .recherche .sidebar-bloc-middle, .recherche #coordonnees a, .recherche .post h2 a {color: #000}

.recherche hr {margin: 20px 0; border-top: 1px solid transparent}
.stu_fiche_pageflip {clear: both; float:left; width: 660px; padding: 20px 16px 20px 15px}
.attachment_header {clear: both; float:left; width: 660px; text-align:center;}
.error {font-weight: bold; color: red}
.recherche_content {clear:both; margin-top: 10px}
.recherche_bloc1 {float: left; width: 331px}
.recherche_bloc1 input {width: 100px}
.recherche_bloc2 {float: left; width: 290px; border-left: 1px solid; padding-left: 10px}
.recherche_bloc2 ul {padding-left : 20px}
.screen-reader-text {display:none}

.pf-page-container {background-size: 100% auto}
.pf-page-content img {width: auto; height: 100%; margin: 0}
#pageflip-controls .pf-left-buttons {display: none}
#pageflip-controls .pf-centered-buttons {width: 358px}
.pf-right-side, .pf-left-side {background-color: transparent !important}

#before_content {top: 0; width: 100%; z-index:3}
#before_content h1 {height: 46px; line-height: 46px; margin:0; padding: 0; color: #fff }
#before_content img, #after_content img {width: 100% !important;height: auto}

#menu_top {/*display: none*/}
#top-menu-mobile {display:none}
#top-menu-mobile:hover {cursor: pointer}
.univers .entry_list {display: none}
.ariane {display: none; float: left; margin: 10px 0; color: #000; width: 100%; text-align: left}
.ariane a, .arianea:visited {color: #000; text-decoration:underline}
span.js-ticket-frontend-manu-text{color: #fff !important}
.js-form-wrapper {color: #000}
#debug {position: absolute; top:0; right: 500px; font-size: 6px; font-style: italic}     
#filtered_content {clear: both; float: left; width: 100%; font-weight: bold; color: red}  

#stu_login_form, #stu_create_form {float: left; width: 45%; margin: 10px 0 0 4%; border: 1px solid black;-webkit-border-radius:10px; -moz-border-radius:10px; -border-radius:10px; color: #000;} 
#stu_login_form .login-username, #stu_login_form .login-password {float: left; clear: both; text-align: left; width: 96%; padding: 5px 2%}
#stu_login_form label, #stu_login_form .login-username input, #stu_login_form .login-password input {float: left; width: 48%}
#stu_login_form .login-remember {clear: both}
#stu_login_form {margin-left: 0}            
#form_ste, #form_nom, #form_prenom, #form_email, #form_tel {float: left; margin: 5px}
#form_nom, #form_email {clear: both}   
#stu_create_account input {width: 100px}    
#form_create {float: right; clear: both; margin-right: 15px}   
#main-page-contenu-middle .js-myticket-link a {color: #000}       
div#jsst-header div#jsst-tabs-wrp {width: 100% !important; text-align: left !important; margin-top: 10px !important}                           

#wrapper_content .wp-editor-tabs {display: none}
/* responsive du plus petit au plus grand pour gérer le cas de l'iphone en paysage */

/* responsive - default for all size below 980px */
@media only screen and (max-device-width: 979px) {
	#wrapper_menu {background: none; height: 0}
	
	#wrapper_header_menu {height: 0}
	#top-menu-mobile {display:block; float: right;}
	
	#entry-content-txt {width: 98%}
	#entry-content-img {margin-left:0; width: 100%}
	
	#header img {padding: 0; margin-left: 1%; width: 35%}
	#header  {padding:  0}
	#logo {width: 28%; text-align: left}
	#logo img {/*max-width: 134px*/}
	#header img {padding: 0; margin-left: 1%; width: 100%}
	#logo img {width: 100%}
	#left {display: none}
	#content {width: 70%}
	.listing #content, .fiche #content {width: 92%; margin: 10px 4% 0}
	#fiche-contenu-middle {width: 100%}
	.listing #fiche-contenu-middle .entry {width: 71%; padding: 0 2% 3px} 
	.univers #content {width: 96%; margin-left: 2%}
	#listing_blocs li {clear: both; margin-left: 0}
	
	#menu_general {display: none; line-height: 30px; background: #000}
	#menu_general > li > a {color: #30b9f6 !important}
	#menu_general a {text-align: left; color: #30b9f6}
	#menu_general a:hover {color: #ccc}
	#menu_general li {display: block; float: none; width: 100%}
	#menu_general li.menu-top-sep {display: none}
	#menu_general li:first-child a {margin: 0}
	#menu_general .current-menu-item, #menu_general .current-menu-ancestor, #menu_general .current_page_item, #menu_general .current_page_ancestor, #menu_general li:hover{background: #000;}
	#menu_general li:hover > a{color:#fff !important}
	#menu_general li li:hover a{color: #fff}
	#menu_general li li:hover a{color:#fff}
	#menu_general .main-menu-item {width: 100%}

	#menu_general li {float: left; clear: both; text-align: left; position: unset;}
	#menu_general .menu > li {border-top: 2px dotted grey}
	#menu_general .menu > li:last-child {border-bottom: 2px dotted grey}
	#menu_general ul ul {position: unset}
	
	#top-menu-mobile {}
	#before_content img { height: auto; width: 100%; }
	
	.entry {padding: 0 4% 3px}
	#entry-content-fille1-txt {height: auto !important}
	
	#formnom input, #formprenom input, #formsociete input, #formmail input, #formtel input, #formmessage textarea {width: 98%}
	div.wpcf7 img.ajax-loader {width: 16px}
	.thirty {width: 100%; float: left; margin-bottom: 15px}
	
	#footer-list {padding: 0}
	#footer-list li {float:left; clear: both}
	#copyright {width: 100%; margin-top: 5px; font-size: 7pt}
	.ui-slider-horizontal .ui-slider-handle {cursor: auto}
	.entry_child_img {margin: 0 11%}
	
	#bloc_section1_contact {width: 90%}
	.univers .entry_list {display: block}
	.ariane {display: block}
}

/* iphone 4/5 (portrait) - 320 x 480 + Galaxy S2 */
@media only screen and (max-width: 374px) /*and (-webkit-min-device-pixel-ratio: 2) */{
body {/*background: pink*/}
	html, body, .wrapper, .footer, #main-inner {min-width: 320px}
	.wrapper, #footer-inner2 {font-size: 9pt}
	#footer {font-size: 8pt}
	.footer a {font-size: 10pt}

	#wrapper_before_content {height: auto}
	#logo {height: 72px}
	#wrapper_header {height: 74px}
	#slogan {display : none}
	
	.home #content, #content {width: 100%}
	#contenu1_top, #contenu1_bottom {width: 100%; margin-left: 0}
	#sidebar {clear: both; width: 96%}
	#bloc_section1 {margin-left: 5%}
	#bloc_section2 {margin-left: 10%}
	#bloc_section3 {margin-left: 35%}
	#bloc_section4 {margin-left: 45%}
	#contenu1_middle {width: 96%; margin-left: 0}
	
	.thirty {width: 50%}

	#listing_blocs li {clear: none; margin-left: 17%}
	#bloc_section1, #bloc_section2, #bloc_section3, #bloc_section4 {margin-top: 20px}
	#bloc_section3 .thirty:nth-child(2) {margin: 0 1%}
	
	#top-menu-mobile {margin: -7px 2% 0 0}
	
	#wrapper_top {height: 65px}
	#header2 {width: 66%; margin-left: 1%; height: 92px}
	#logo {width: 32%}
	.copyright {padding-top: 20px}
	#jsjobs_screentag {top: 41px !important}
}

/* iphone 6/6 plus - ( paysage) - 375 x yyy à 414 x yyy' */
@media only screen and (min-width: 375px) and (max-width: 479px) {
body {/*background: yellow*/}
	.wrapper, #footer-inner2 {font-size: 10pt}
	#footer {font-size: 9pt}
	.footer a {font-size: 10pt}

	#wrapper_before_content {height: auto}
	#logo {height: 72px}
	#wrapper_header {height: 74px}
	#slogan {display : none}
	
	.home #content, #content {width: 100%}
	#contenu1_top, #contenu1_bottom {width: 100%; margin-left: 0}
	#sidebar {clear: both; width:96%}
	#bloc_section1 {margin-left: 5%}
	#bloc_section2 {margin-left: 20%}
	#bloc_section3 {margin-left: 40%}
	#bloc_section4 {margin-left: 55%}
	#bloc_section5 {margin-left: 65%}
	#contenu1_middle {width: 96%; margin-left: 0}

	.thirty {width: 50%}

    .listing_blocs_title {height: 34px}
	#listing_blocs li {clear: none; margin-left: 1%; width: 167px; font-size: 11px; background-size: 100% 100%}
	
	#listing_blocs li:first-child, #listing_blocs li:nth-child(2n+1) {margin-left: 0}
	.listing_blocs_link {width: 167px; }
	#bloc_section1, #bloc_section2, #bloc_section3, #bloc_section4 {margin-top: 20px}
	#bloc_section3 .thirty:nth-child(2) {margin: 0 1%}
	
	#top-menu-mobile {margin: -7px 2% 0 0}
	
	#wrapper_top {height: 65px}
	#header2 {width: 66%; margin-left: 1%; height: 75px}
	#logo {width: 32%}
	#jsjobs_screentag {top: 41px !important}
}

/* iphone 5 - (paysage) - 568 x yyy */
@media only screen and (min-width: 480px) and (max-width: 639px) {
body {/*background: lightblue*/}
	.wrapper, #footer-inner2 {font-size: 10pt}
	#footer {font-size: 9pt}
	.footer a {font-size: 10pt}

	#wrapper_before_content {height: auto}
	#logo {height: 72px}
	#wrapper_header {height: 74px}
	#slogan {display : none}
	
	.home #content, #content {width: 100%}
	#contenu1_top, #contenu1_bottom {width: 100%; margin-left: 0}
	#sidebar {clear: both; width:96%}
	#bloc_section1 {margin-left: 5%}
	#bloc_section2 {margin-left: 20%}
	#bloc_section3 {margin-left: 40%}
	#bloc_section4 {margin-left: 55%}
	#bloc_section5 {margin-left: 65%}
	#contenu1_middle {width: 96%; margin-left: 0}

	.thirty {width: 50%}

	#listing_blocs li {clear: none; margin-left: 13%}
	#listing_blocs li:first-child, #listing_blocs li:nth-child(2n+1) {margin-left: 0}
	#bloc_section1, #bloc_section2, #bloc_section3, #bloc_section4 {margin-top: 20px}
	#bloc_section3 .thirty:nth-child(2) {margin: 0 1%}
	
	#top-menu-mobile {margin: -7px 2% 0 0}
	
	#wrapper_top {height: 65px}
	#header2 {width: 72%; margin-left: 1%; height: 50px}
	#logo {width: 26%}
	#jsjobs_screentag {top: 58px !important}
}

/* iphone 6 - paysage */
@media only screen and (min-width: 640px) and (max-width: 717px) {
body {/*background: red*/}
	.wrapper, #footer-inner2 {font-size: 10pt}
	#footer {font-size: 9pt}
	.footer a {font-size: 10pt}
	
	#wrapper_before_content {height: auto}
	#logo {height: 72px}
	#wrapper_header {height: 74px}
	
	.thirty {width: 50%}

	#listing_blocs li {clear: none; margin-left: 1%}
	.recherche #listing_blocs li {margin-left: 3%}
	#listing_blocs li:first-child, #listing_blocs li:nth-child(3n+1) {margin-left: 0}
	#bloc_section1, #bloc_section2, #bloc_section3, #bloc_section4 {margin-top: 20px}
	#bloc_section3 .thirty:nth-child(2) {margin: 0 1%}
	
	#top-menu-mobile {margin: -7px 2% 0 0}
	
	#wrapper_top {height: 65px}
	#header2 {width: 67%; margin-left: 0}
	#logo {width: 32%}
	#jsjobs_screentag {top: 96px !important}
}

/* ipad (portrait 768 x yyy), iphone 6 plus (paysage) */
@media only screen and (min-width: 718px)  and (max-width: 799px) {
body {/*background: lightslategrey*/}
	.wrapper, #footer-inner2 {font-size: 10pt}
	#footer {font-size: 9pt}
	.footer a {font-size: 10pt}
	
	#wrapper_before_content {height: auto}
	#logo {height: 72px}
	#wrapper_header {height: 74px}
	
	.thirty {width: 50%}

	#listing_blocs li {clear: none; margin-left: 6%}
	#listing_blocs li:first-child, #listing_blocs li:nth-child(3n+1) {margin-left: 0}
	.recherche #listing_blocs li, .recherche #listing_blocs li:nth-child(3n+1) {margin-left: 6%}
	.recherche #listing_blocs li:first-child, .recherche #listing_blocs li:nth-child(2n+1) {margin-left: 0}
	#listing_blocs li:first-child, #listing_blocs li:nth-child(3n+1) {margin-left: 0}
	#bloc_section1, #bloc_section2, #bloc_section3, #bloc_section4 {margin-top: 20px}
	#bloc_section3 .thirty:nth-child(2) {margin: 0 1%}
	
	#top-menu-mobile {margin: -7px 2% 0 0}
	
	#wrapper_top {height: 65px}
	#header2 {width: 62%}
	#logo {width: 32%}
	#jsjobs_screentag {top: 96px !important}
}

/* portrait - 800 x 600 */
@media only screen and (min-width: 800px) and (max-width: 979px) {
body {/*background: darkblue*/}
	.wrapper, .footer, #main-inner {width: 800px}
	.wrapper, #footer-inner2 {font-size: 10pt}
	#header {padding: 0}
	#footer {font-size: 9pt}
	.footer a {font-size: 10pt}
	
	#wrapper_before_content {height: auto}
	#logo {height: 72px}
	#wrapper_header {height: 74px}
	
	.thirty {width: 50%}

	#listing_blocs li {clear: none; margin-left: 11%}
	#listing_blocs li:first-child, #listing_blocs li:nth-child(3n+1) {margin-left: 0}
	.recherche #listing_blocs li, .recherche #listing_blocs li:nth-child(3n+1) {margin-left: 11%}
	.recherche #listing_blocs li:first-child, .recherche #listing_blocs li:nth-child(2n+1) {margin-left: 0}
	#bloc_section1, #bloc_section2, #bloc_section3, #bloc_section4 {margin-top: 20px}
	#bloc_section3 .thirty:nth-child(2) {margin: 0 1%}
	
	#top-menu-mobile {margin: -7px 2% 0 0}
	
	#wrapper_top {height: 65px}
	#header2 {width: 65%; margin: 10px 0 0 2%}
	#logo {width: 32%}
	#jsjobs_screentag {top: 96px !important}
}


/* tablette / pc : paysage : 1024 x 768 */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
body {/*background: lightgreen*/}
	.wrapper, .footer, #main-inner {max-width: 980px}
	.wrapper, #footer-inner2 {font-size: 10pt}
	#footer {font-size: 9pt}
	.footer a {font-size: 10pt}
	
	#logo {height: 75px}
	#wrapper_header {height: 85px}
	
	.thirty:nth-child(3n) {margin: 0 1%}
	#wrapper_header {height: 100px}
	#before_content h1 {font-size: 16px}
	
	#listing_blocs li {clear: none; margin-left: 5%}
	.recherche #listing_blocs li {margin-left: 0}
	#listing_blocs li:first-child, #listing_blocs li:nth-child(3n+1) {margin-left: 0}                 
	.thirty {width: 32%}
	#wrapper_top {height: 65px}
	.flowplayer, .video-txt {max-width: 300px !important}
	#bloc_section1_contact {width: 35%}
	#jsjobs_screentag {top: 150px !important}
}

/* pc : paysage : 1280+ x yyyy */
@media only screen and (min-width: 1200px) and (max-width: 1599px)  {
body {/*background: lightcoral*/}
	.wrapper, .footer, #main-inner, #bloc_section3 {max-width: 1200px}
	.wrapper, #footer-inner2 {font-size: 10pt}
	#before_content h1 {font-size: 18px}
	#footer {font-size: 9pt}
	.footer a {font-size: 10pt}
	
	#logo {height: 75px}
	#wrapper_header {height: 100px}
	
	#wrapper_top {height: 65px}
	#left {width: 25%}
	#content {width: 70%}
	.listing #content {width: 75%}
	#fiche-contenu-middle {width: 94%}
	.entry, #fiche-contenu-middle .entry > p {font-size: 13px}
	#listing_blocs li {clear: none; margin-left: 3%}
	#listing_blocs li:first-child, #listing_blocs li:nth-child(4n+1) {margin-left: 0}                 
	.recherche #listing_blocs li, .recherche #listing_blocs li:nth-child(4n+1) {margin-left: 6%}
	.recherche #listing_blocs li:first-child, .recherche #listing_blocs li:nth-child(3n+1) {margin-left: 0}
}

/* pc : paysage : 1280+ x yyyy */
@media only screen and (min-width: 1600px)  {
body {/*background: lightcoral*/}
	.wrapper, .footer, #main-inner, #bloc_section3 {max-width: 1200px}
	.wrapper, #footer-inner2 {font-size: 10pt}
	#footer {font-size: 9pt}
	.footer a {font-size: 10pt}
	
	#logo {height: 75px}
	#wrapper_header {height: 100px}
	.nivoSlider {width: 1600px}
	
	
	#wrapper_top {height: 65px}
	#left {width: 25%}
	#content {width: 70%}
	.listing #content {width: 75%}
	#fiche-contenu-middle {width: 94%}
	.entry, #fiche-contenu-middle .entry > p {font-size: 13px}
	#listing_blocs li {clear: none; margin-left: 3%}
	#listing_blocs li:first-child, #listing_blocs li:nth-child(4n+1) {margin-left: 0}                 
	.recherche #listing_blocs li, .recherche #listing_blocs li:nth-child(4n+1) {margin-left: 6%}
	.recherche #listing_blocs li:first-child, .recherche #listing_blocs li:nth-child(3n+1) {margin-left: 0}
}


/* cas particuliers */