*{margin:0;padding:0;}
div {box-sizing:border-box;}
body{font-family:Arial;font-size:14px;line-height:20px}
.container {padding:0;margin-right:auto;margin-left:auto;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
#leftmain article a:hover {border-bottom:2px dashed #ffd500;}
.dashed  {border-bottom:2px dashed #ffd500;}
.nohover:hover{text-decoration:none!important;border-bottom:none!important;}
input[type=text],input[type=password],input[type=submit],textarea{border:1px solid #ddd;padding:5px;outline:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0 0 10px;font-family: 'Oswald', sans-serif; color:black;}
h1 {font-size:30px;line-height:35px;}
h2 {font-size:25px;line-height:30px;}
img{max-width:100%;height:auto;border:none}
.site_title {color:white; font-size:35px; font-family:Jura, Jura ;}
.site_title img {float:left;}
.site_title span {font-size:15px;float:right;}
.site_title div {float:left;font-size:35px;margin-top:35px;}
.alignleft{float:left;margin-right:10px}	
.aligncenter{display:block;margin:10px auto}	
.alignright{float:right;margin-left:10px}
.infobulle span {display:none;}
.infobulle:hover span {display:block;float:right;}
.article_contenu p, .rubrique p {margin-top:15px;color:#4b4b4b;font-family:lato;}
.rubrique {color:#626262;}
.rubrique h1,h2,h3 {padding-left:5px; color:black;}
.rubrique table {border:1px solid #aaaaaa;}
.rubrique {padding:0px 15px;}
.rubrique td {padding:10px 8px;}
.rubrique a {text-decoration:underline;}
.rubrique ul {margin-left:25px;display:inline-block;}
.rubrique ol {margin-left:25px;display:inline-block;}
.rubrique li {padding:4px 0px;}
.img_arrondi {
-moz-border-radius:15% 15%;
-webkit-border-radius:15% 15%;
border-radius:15% 15%;
}
.gold {background-color:#d4b166;color:white;}
.arrondi50 {
-moz-border-radius:50% 50%;
-webkit-border-radius:50% 50%;
border-radius:50% 50%;
}
.arrondi {border-radius:10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;}
.arrondiT {border-radius:10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;}
.arrondiB {border-radius:0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px;}
.arrondiS {border-radius:15px 0px 15px 0px;-moz-border-radius: 15px 0px 15px 0px;-webkit-border-radius: 15px 0px 15px 0px;}
.arrondiSI {border-radius:0px 0px 0px 8px;-moz-border-radius: 0px 0px 0px 8px;-webkit-border-radius: 0px 0px 0px 8px;}
.desc {position: absolute;width: 300px; background:#323232;color:white;z-index: 2;display: none; padding:15px;}
.postc:hover .desc {display: block;}
.conseilWebmaster {font-size:0.9em;padding:5px 10px;background-color:#fef100; color:black; border: 1px dotted black;border-radius:10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;}
.typeCourse {display:inline;background-color:black;color:white;font-size:0.9em;padding:1px 5px; border-radius:20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;}
.offertext {width:100%;height:45px;line-height:45px;white-space: nowrap;}
.big {display:block;}
.pair{background-color:#ffecb7;color:black;}
.impair {background-color:#eee;color:black;}

.scroller {overflow-y: scroll; overflow-x: hidden;}
.scroller::-webkit-scrollbar {width: 12px;}
.scroller::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  -webkit-border-radius: 10px; border-radius: 10px;}
.scroller::-webkit-scrollbar-thumb { -webkit-border-radius: 10px;  border-radius: 10px; background: rgba(0,0,0,0.5);  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4  ); }
.scroller::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.3); }

.floatleft{float:left}
.floatright{float:right}

.triangle {
    margin: 0 auto;
    text-align:center;
    width: 0;
    height: 0;
    border-top: 20px solid #000;
    border-left: 500px outset transparent;
    border-right: 500px outset transparent;
    position: relative;
}

.wrapper{width:1200px;display:block;margin:0 auto;}
.clearfix{overflow:hidden}
ul,ol{margin:0;padding:0;}

.little_button {display:inline-block;padding:5px;margin:3px;border:1px solid #ffd500;color:white;background:#222;}
.little_button:hover {color:#ffd500;}
.big_button {display:inline-block;font-size:1.2em;width:100%;text-align:center;max-width:305px;padding:15px 0px;margin:3px;border:1px dotted black;color:black;background:#ffd500;}
.button {display:inline-block;font-size:1.2em;text-align:center;max-width:305px;padding:10px 10px;margin:2px;border:1px solid black;color:black;background:#ffd500;}
#selectnav1{display:none;}

form.customform input, form.customform textarea, form.customform select { 
 background: none repeat scroll 0 0 #F5F5F5;
 transition: background 0.20s linear 0s;
 -o-transition: background 0.20s linear 0s;
 -ms-transition: background 0.20s linear 0s;
 -moz-transition: background 0.20s linear 0s;
 -webkit-transition: background 0.20s linear 0s;
}

/* home page style */
#header_area{background: #000; height:175px;}
#content_area{background:white;padding-top: 0px;}
#leftmain {background:#fff; padding: 10px 5px;}
#footer_top_area{background: none repeat scroll 0 0 #171716;
margin-top: 0px;
padding: 20px 0;
border-top: 5px solid #000;}
#footer_bottom_area{padding:15px 0px;background:#000;}
.header{padding-top:5px;}
.header_top{padding-top: 5px;width:100%;}
.login {width:20%;}
.logo {color: #fff;margin:8px auto; width:100%;max-width:600px;}
.logo a h1 span{color: #ffd500;}
.search{background: none repeat scroll 0 0 #000 ;
border: 1px solid white;
padding: 5px;
margin-top:5px;}
.search input[type="text"]{background: none;
border: none;
outline: 0;
color: white;
width: 150px;}
.search input[type="submit"]{-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url("images/search.png") no-repeat scroll 5px 0px rgba(0, 0, 0, 0);
border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #595957;
border-image: none;
border-style: none none none solid;
border-width: medium medium medium 1px;
cursor: pointer;
height: 22px;
padding-left: 5px;
text-indent: -99999px;
width: 33px;}
.header_bottom{background: none repeat scroll 0 0 #000;
min-height: 30px;
padding: 10px;}
.news_une {margin-top:3px;min-height:400px;border:1px dotted grey;float:left;position:relative;overflow:hidden;}
.news_little{margin-top:3px;min-height:200px;border:1px dotted grey;float:left;position:relative;overflow:hidden;}
/* MENU RESPONSIVE */
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} } 
#menu {text-transform:uppercase;font-family: oswald;}
#menu label { padding:0 0.25em; font:3.125em/1.375em Arial }
#menu .sub-nav .toggle { padding:0 0.3125em; font:2em/2em Arial; top:0; -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1) }
#header label:hover, #menu label:hover { color:#ccc }
#main-nav-check, #menu .sub-nav-check { position:absolute; top:-9999px; left:-9999px; }
.toggle {float:right; right:0.2em; top:25px; font-size:4em; cursor:pointer; color:white; }
.toggle-menu {display:inline;float:right;z-index:9999;}
.back {color:white!important;}
#menu, #menu .sub-nav { position:absolute; top:0px; bottom:0; width:15.25em; background:#222; z-index:9999;  }
.container, #menu, #menu .sub-nav {   
	-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);
	-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease;
	}
#menu ul { background:#000; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:4.0625em; border-top:1px solid #3c3c3c }
#menu li { border-bottom:1px solid #3c3c3c }
#menu li a { background:#222; display:block; font-weight:300; font-size:1.35em; padding-left:1.5em; color:white; text-decoration:none }
#menu li a:hover, #menu .toggle-sub:hover { background:#ffd500; color:black; }
#menu ul li a.navInverse {background:#ffd500!important;color:black!important;}
#menu ul li a.navInverse2 {background:#fa1c3b!important;color:black!important;}
#menu ul li a.navInverse3 {background:white!important;color:black!important;}
#menu .sub-nav { margin-top:-1px }
#menu .sub-heading { margin-top:4.0625em; padding-left:1.3125em; color:#999 }
#menu .sub-heading:before { content:""; display:block; height:1px; width:15.25em; margin-left:-1.3125em; background:#444 }
#menu .toggle-sub { font:bold 1em/2.75em Arial; color:white; background:#222; float:right; margin-top:-2.75em; width:2.25em; border-left:1px solid #3c3c3c; cursor:pointer; text-align:center }
.container, #menu, #menu .sub-nav { -webkit-transform:translate3d(0,0,0) }
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu,
#menu .sub-nav-check:checked ~ [id$="-sub"] /* matches all elements with id ending "-sub" */ { 
	-webkit-transform:translate(15.25em,0); -ms-transform:translate(15.25em,0); transform:translate(15.25em,0) 
	}
.container {background-color:white;}
@media (max-width:1000px ) { #header_area{height:115px!important;} #logo a img{width:170px!important;} .h1_game {font-size:2em;} input[type="button" i] {padding:5px;} #menu, #menu .sub-nav {left:-15.25em;} .toggle-menu { margin-top:13px;} .game_menu {display:block;width:300px;margin:0 auto; text-align:center;} }
@media (min-width:1001px ) {
	input[type="button" i] {padding:3px;}
	.toggle-menu {display:none;}
	.game_menu {display:none;}
	.sidebar_container {max-width:400px;}
	.small {display:none;}
	header {height:125px;min-width:1200px;}
	#header-pub {margin-top:50px;}
	.container, #menu, #menu .sub-nav { -webkit-transform:translate(0,0) !important; -ms-transform:translate(0,0) !important; transform:translate(0,0) !important }
	#menu label, #menu .sub-nav, #menu .sub-heading, #header label { display:none }
	#menu {margin-right:auto;margin-left:auto; top:105px; height:0; width:100% }
	#menu .toggle-sub { display:inline-block; margin-top:-3.05em; margin-right:0.25em; border-left:0; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) }
	#menu .toggle-sub, #menu .toggle-sub:hover { background:transparent; }
	#menu ul ul .toggle-sub { margin-top:-2.75em; margin-right:0; border-left:1px solid #3c3c3c; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) }
	#menu ul li:hover > label { color:black; }
	#menu > ul { margin: 0 auto; position:relative; z-index:1; display:inline-table; border-left:1px solid #3c3c3c; border-right:0; font-size:0.875em }
	#menu ul:after { content:""; clear:both; display:block }
	#menu ul li { float:left; position:relative; text-align:left; border-right:1px solid #3c3c3c }
	#menu ul li a { padding:0.5em 2.4em 0.5em 1.2em }
	#menu ul li a:only-child { padding-right:1.5em }
	#menu ul li:hover > a { background:#ffd500; color:black; -webkit-transition:background-color .50s ease; transition:background-color .50s ease }
	#menu ul li:hover > ul { display:block }
	#menu ul ul { position:absolute; left:0; margin-left:-1px }
	#menu ul ul li { float:inherit; width:14.75em; border-left:1px solid #3c3c3c }
	#menu ul ul li a { padding:0 1.5em }
	#menu ul ul li a:after { right:0.375em; margin-top:-1.6875em; -webkit-transform:none; -ms-transform:none; transform:none }
	#menu ul .sub-nav { top:auto; bottom:auto; left:auto; width:auto; margin-top:0; -webkit-transform:none !important; -ms-transform:none !important; transform:none !important }	
	#menu ul ul .sub-nav { float:left; top:0; left:14.75em; margin-left:0; margin-top:-1px }
	#menu ul .fly-left ul { left:-13.75em; margin-left:-2px }
	#menu ul .fly-left ul li { float:none }
	#menu ul .fly-left .toggle-sub { right:auto; left:0.5em; left:0.375em; padding-bottom:1px; border-right:1px solid #3c3c3c; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) }
	#menu ul .go-up > ul { top:auto; bottom:0; margin-bottom:-1px }
}


.main_content_area{  background-color: white; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.25); }
.main_content{width: 790px;
margin-right: 5px;}
.slider{background: url("images/slider_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-bottom: 15px;
padding: 5px;}
.content{}
.content_title {background: url("images/latest_post_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 73px;
margin-bottom: 0px;}
.content_title  h2{color: white;
font-size: 16px;
margin-bottom: 0;
padding: 8px;
text-transform: uppercase;
background:#000}
.single_content{margin-bottom: 5px;
padding-bottom: 1px;
border-bottom: 3px solid #E7E7E7;}
.single_content:last-child{border-bottom:none;}
.post_excerpt p{padding:10px;}
.pagination{margin-bottom:15px;}
.pagination ul{text-align: center;}
.pagination ul li{display: inline-block;margin-right: 3px;}
.pagination ul li a{background: none repeat scroll 0 0 #e7e7e7;
color: #999;
padding: 5px 8px;}
.pagination ul li a:hover{background:#464646;color:#fff;}
.sidebar_container{background: none repeat scroll 0 0 #fff; columns: 2 300px; margin-right: 5px;}
.newsletter{padding: 10px;
border-bottom: 3px solid #ddd;
margin-bottom: 15px;}
.newsletter form > h2,.newsletter > h2{text-transform: uppercase;
font-size: 16px ;
font-weight: bold;}
.newsletter form input[type=text]{height: 25px;
width: 250px;
margin-bottom: 15px;
box-shadow: inset 0px 0px 50px 0px #999999;
-webkit-box-shadow: inset 0px 0px 50px 0px #999999;
-moz-box-shadow: inset 0px 0px 50px 0px #999999;
-o-box-shadow: inset 0px 0px 50px 0px #999999;}
.newsletter input[type=email]{border: 1px solid #ddd;
height: 35px;
padding-left: 5px;
width: 257px;
margin-bottom:15px;
box-shadow: inset 0px 0px 50px 0px #999999;
-webkit-box-shadow: inset 0px 0px 50px 0px #999999;
-moz-box-shadow: inset 0px 0px 50px 0px #999999;
-o-box-shadow: inset 0px 0px 50px 0px #999999;}
.newsletter form input[type=password]{height: 25px;
width: 250px;
margin-bottom: 15px;
box-shadow: inset 0px 0px 50px 0px #999999;
-webkit-box-shadow: inset 0px 0px 50px 0px #999999;
-moz-box-shadow: inset 0px 0px 50px 0px #999999;
-o-box-shadow: inset 0px 0px 50px 0px #999999;}
.newsletter form input[type=submit]{
background: url("images/nav_right.png") no-repeat scroll 120px 6px #ffd500;
color:black;
border: medium none;
font-family: oswald light;
font-size: 14px;
padding: 8px;
text-transform: uppercase;
width: 150px;cursor:pointer;}
.sidebar{}
.single_sidebar > h2{}
.single_sidebar{background: url("images/slider_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);padding: 10px 5px;margin-bottom:10px;width:100%;float:left;}
.sidebar_title{background: url("images/title_down.png") no-repeat scroll 12px 45px rgba(0, 0, 0, 0);
height: 73px;margin-bottom:5px;}
.sidebar_title > h2{background: none repeat scroll 0 0 #000;
color: white;
font-size: 16px;
margin-left: -10px;
margin-top: -10px;
padding: 8px 20px;
text-transform: uppercase;
width: 100%;}
.a_title {color: white;}
/*popular post*/
.single_sidebar .popular_post ul{}
.single_sidebar .popular_post ul li{}
.single_sidebar .popular_post ul li a{display: block;
background: #fff;
padding: 2px 5px;
margin-bottom: 1px;
font-size: 12px; 
box-shadow: 1px 4px 3px -2px #DDDDDD;
-webkit-box-shadow: 1px 4px 3px -2px #DDDDDD;
-moz-box-shadow: 1px 4px 3px -2px #DDDDDD;
-o-box-shadow: 1px 4px 3px -2px #DDDDDD;}
.single_sidebar .popular_post ul li a:hover{background:#ffd500;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;}

/*Category*/
.cat-item {background: none repeat scroll 0 0 #ffd500; opacity:0.9;display:block;height:40px;overflow:hidden;color: black;font-weight: bold;margin-bottom: 5px;padding: 5px;text-align: right;}
.cat-item a{color:black;font-weight: normal;width: 75%;text-align: left;float: left;}
.cat-item a:hover{color:#ffd500;text-decoration:none;cursor: pointer;}
.cat-item:hover, .cat-item:hover a {color:#ffd500;background:black;}
.item-small {height:20px;}
.calendar {width:75%;}
/*default sidebar list item*/
.single_sidebar > ul{}
.single_sidebar > ul li{margin-bottom: 5px; padding: 5px 4px;}
.single_sidebar > ul li a{}
.single_sidebar > ul li a:hover{text-decoration:underline;}
.footer_top{}
.footer_top_container{margin-left: -20px;}
.single_footer_top{color: #999;
margin-left: 20px;
width: 326px;}
.single_footer_top h2{color:#ffd500;}
.single_footer_top a{color:#ddd;}
.single_footer_top ul{}
.single_footer_top ul li{}
.single_footer_top ul li a{background: none repeat scroll 0 0 #000;
color: #ddd;
display: block;
margin-bottom: 5px;
padding: 8px;font-family:oswald light;}
.single_footer_top ul li a:hover{background:#ffd500;color:black;}
.footer_bottom{}
.copyright{font-family: oswald;
margin-top: 8px;}
.copyright p{color: white;}
.copyright span{color: white;}
.social{}
.social ul{}
.social ul li{float: left;}
.social ul li a{
color: white;
display: block;
font-size: 25px;
padding: 5px;}
.social ul li a:hover{color:#222;}

/* Single page style */

.content h1{font-size: 25px;line-height: 30px;}
.content h2,.content h3,.content h4,.content h5,.content h6{font-size: 16px;}

.rectangle_large{width: 336px;height: 280px;
box-shadow: 1px 1px 13px -2px #DDDDDD;
-webkit-box-shadow: 1px 1px 13px -2px #DDDDDD;
-moz-box-shadow: 1px 1px 13px -2px #DDDDDD;
-o-box-shadow: 1px 1px 13px -2px #DDDDDD;
display:block;}
.rectangle_medium{width: 300px;height: 250px;
box-shadow: 1px 1px 13px -2px #DDDDDD;
-webkit-box-shadow: 1px 1px 13px -2px #DDDDDD;
-moz-box-shadow: 1px 1px 13px -2px #DDDDDD;
-o-box-shadow: 1px 1px 13px -2px #DDDDDD;
display:block;}
blockquote{border-left: 3px solid #ffd500;
font-weight: bold;
margin-bottom: 10px;
margin-left: 20px;
margin-top: 15px;
padding: 10px 15px;
background: #f5f5f5;}
.more_post_container{border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 0 1px 5px 0 #ddd;
padding: 10px;}
.more_post_container h2{border-left: 5px solid #ffd500;
margin-bottom: 0;
padding: 5px;}
.more_post{background: none repeat scroll 0 0 #f5f5f5;
border-left: 5px solid #ddd;
padding: 10px 5px;}
.more_post a{display: block;
margin-bottom: 2px;color:#000}
.more_post a:hover{color:#ffd500;font-weight:bold;}
.advertisement_container{}
.advertisement{}

.content ul,ol {margin-left: 30px;}
.content ul li{margin-bottom:5px;}
.content ul li a{color: #222;display: block;padding: 0px 0px;}
.content ul li a:hover{text-decoration:underline;font-weight:bold;}
.btn{display: inline-block;
padding: 8px 14px;
background: #ffd500;
margin: 15px 5px 15px 0px;
font-family: oswald;}
.btn:hover{background:#F1B215}

.post_date{background: none repeat scroll 0 0 #c3c3c3;
margin-right: 10px;
padding: 5px;}
.post_date .date{border: 1px solid #ddd;
padding: 10px;
text-align: center;
min-width:60px;}
.post_date h3{font-size: 36px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 5px;text-align:center;}
.post_date p{font-size: 14px;
font-family: oswald;}
.post_detail{}
.post_detail_a, .post_detail > a{background: url("images/nav_right.png") no-repeat scroll 124px 4px #ffd500;
display: block;
font-family: oswald light;
padding: 5px 10px;
width: 130px;float:right;}
.post_detail > a:hover{font-family: oswald;}
.post_detail h2{font-size: 12px;margin-bottom: 5px;overflow:hidden;height:30px;}
.post_detail_b{background: url("images/nav_right.png") no-repeat scroll 80px 4px #ffd500;
display: block;
font-family: oswald light;
padding: 5px 5px;
margin:2px 4px;
width: 97px;float:left;}
.post_detail h2 a{width:100%;display:block;float:left;padding:0px 5px;}
.post_detail h2 a:hover {background-color:#ffd500;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in}
.post-meta{margin-bottom: 25px;}
.post-meta p{}
.post-meta p span{background: none repeat scroll 0 0 #ecebeb;
color: #999;
padding: 5px 14px;}
.post-meta p span i{color: #A09E9E;}
.post_excerpt{}
.post_excerpt img{float: left;
margin-right: 10px;
height:180px;
}

/*Related post */

.more_themes{margin-top: 20px;width: 100%;}
.more_themes > h2{background: url("images/slider_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
font-weight: bold;
margin-bottom: 15px;
padding: 8px;}
.more_themes h2 i{color: #ffd500;}
.more_themes_container{margin-left: -15px;}
.single_more_themes{margin-left: 15px;
width: 210px;
background: #ffd500;
color: #fff;
margin-bottom:15px;}
.single_more_themes img{}
.single_more_themes a h2{color: #000;
font-size: 14px;
margin-bottom: 0;
padding: 5px;
text-align:center;}

/*Related post for work*/

.more_works{margin-top: 50px;width: 100%;}
.more_works > h2{background: none repeat scroll 0 0 #454545;
color: #fff;
font-weight: bold;
margin-bottom: 30px;
padding: 8px;
border-left: 5px solid #222;}
.more_works h2 i{color: #ffd500;}
.more_works_container{margin-left: -15px;}
.single_more_works{background: none repeat scroll 0 0 #222;
margin-bottom: 15px;
margin-left: 15px;
width: 220px;}
.single_more_works img{}
.single_more_works a h2{color: #ffd500;
font-size: 14px;
margin-bottom: 0;
padding: 5px;}

/* work page style*/

.single_work_container{margin-left: -15px;}
.single_work{float: left;
margin-left: 15px;
width: 337px;position:relative;
margin-bottom:15px;height:190px;
background:url(images/work_bg.png) repeat scroll 0 0 #222;
}
.single_work:hover img.img_bottom{position:absolute;left:0;top:0;opacity:0.7;
transition: all 1.3s ease 0s;-moz-transition: all 1.3s ease 0s;-webkit-transition: all 1.3s ease 0s;-o-transition: all 1.3s ease 0s;-ms-transition: all 1.3s ease 0s;}
.single_work:hover p.caption{position:absolute;bottom:0;color:#fff;padding:5px;}
.single_work img{}
.single_work h2{background: none repeat scroll 0 0 #ffd500;
font-size: 16px;
left: 0;
padding: 5px 10px;
position: absolute;
top: 0;
font-size: 16px;
font-family: oswald;
}
.work_pagination {width:98%;margin-left:15px;}
.work_pagination .newer,.work_pagination .older{background: none repeat scroll 0 0 #454545;
color: #ffd500;
display: block;
font-family: oswald;
padding: 10px;}
.work_pagination .newer:hover,.work_pagination .older:hover{background:#222;}

/* single work page style */
.single_work_page{background:#f5f5f5;}
.work_single_page_feature{}
.work_single_page_feature img{}
.work_meta{background: none repeat scroll 0 0 #ddd;
padding: 20px;}
.work_meta p{font-family: sans-serif;}
.work_meta p span{display: inline-block;
font-family: oswald;
margin-right: 15px;}
.work_meta a{font-family: oswald;}
.single_work_page_content{padding:10px;}

/* contact page style */

.contact_us{}
.wpcf7-text:focus,.wpcf7-email:focus,.wpcf7-textarea:focus{box-shadow: 0.1px 0.1px 5px 1px #ddd !important;
transition: all 0.5s ease-in-out 0s !important;}
.contact_us form {margin-left:30px;margin-top:25px;}
.contact_us form p{margin-bottom:10px;}
.contact_us form input.wpcf7-text{width: 45%;height: 30px;}
.contact_us form input.wpcf7-email{width: 45%;height: 30px;}
.contact_us form textarea.wpcf7-textarea{height: 150px;width: 70%;}
.contact_us form input.wpcf7-submit{background: #222;
border: medium none;
color: #222;
cursor: pointer;
font-size: 18px;
padding: 10px 40px;
font-family: oswald;}
.contact_us form input.wpcf7-submit:hover{background:#222;color:#000;}

/* PERSO */
.tab_titre {font-weight:bold;font-size:18px;}
.col_6 {width:49.5%;margin-left:0.5%;}
.col_4 {width:33%;margin-left:0%;}
.col_3 {width:25%;margin-left:0%;}
.clear {clear:both;}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 1000px) {


.vignette_big_div {width:69%;}
.vignette_big {height:250px;}
.vignette_small_div {width:30%;margin-left:1%;}
.vignette_small {height:80px;}
.logo {width:320px; margin:3px 6px;}
.site_title{font-size:25px; line-height:24px;}
.news_une {min-height:320px;}
.news_little{min-height:160px;}
.search input[type="text"] {width:100px;}
.tiny-table {max-width:702px!important;}
.wrapper {width: 100%;padding: 10px 5px;}
#selectnav1{display:none;}
#nav{display:block;}
.header_bottom ul li a {
  font-size: 13px;
  padding: 5px 13px;
}
.triangle {
border-left: 360px outset transparent;
border-right: 360px outset transparent;
}
.pgwSlider .ps-current span {
  background: url("images/slider_arrow_tab.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}	
.main_content {
  margin-right: 0px;
  width: 100%;
  float:none !important;
}
.sidebar_container {
  float: none;
  margin: 25px auto 0px;
  width:100%;
}
.footer_top_container {
  margin-left: -10px;
}
.single_footer_top {
  margin-left: 10px;
  width: 230px;
}

/*  single page style */	
.more_themes_container {
  margin-left: -25px;
}
.single_more_themes {
margin-left: 25px;
}

/* work archieve page style */
.single_work_container {
  margin-left: -35px;
}
.single_work {
  margin-left: 35px;
  margin-bottom:35px;
}
.work_pagination .newer, .work_pagination .older {

  margin-left: 15px;
}
/* work single page style */

.work_single_page_feature img {
  width: 100%;
}
.single_sidebar .cat-item a span {display:inline;}
.calendar {width:75%;}	
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 479px) {
.vignette_big_div {width:100% !important;}
.vignette_big {height:250px;}
.vignette_small_div {width:100% !important; margin-left:0% !important;}
.vignette_small {height:250px !important;}
#header_area {height: 75px!important;}
.logo {max-width:260px; margin:0px auto;}
.login, .login img {max-width:50px!important;max-height:50px!important;padding:0px!important;}
.site_title {font-size:22px;line-height:21px;}
.site_title div {margin-top:15px!important;}
.news_une {min-height:200px;}
.news_little{min-height:100px;}
.beforelogoCV {display:none;}
.logoCV {height:60px;}
.col_6 {width:100%;margin-left:0%;}
.col_4 {width:100%;margin-left:0%;}
.big {display:none;}
.tiny-table {max-width:330px!important;}
.wrapper {width: 100%;padding: 10px 5px;}
#selectnav1{display:block;height: 30px;width: 250px;}
#nav{display:none;}	
.triangle {
border-left: 180px outset transparent;
border-right: 180px outset transparent;
}
.main_content {
margin-right: 0;
width: 100%;
float:none;
}	
.pgwSlider > ul > li {
  height: 65px !important;
}
.pgwSlider .ps-current span {
  background: url("images/slider_arrow_small_mobile.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.post_detail h2 {
font-size: 12px !important;
line-height: 15px;
margin-bottom: 0;
}
.post-meta p span {
font-size: 5px;
padding: 3px;
}
.post_excerpt {
  text-align: center;
}
.post_excerpt img {
  float: none;
}
.post_detail > a {
  float: none;
  margin: 10px auto;
}

.footer_top_container {
  margin-left: 0;
}
.single_footer_top {
  float: none;
  margin-bottom: 20px;
  margin-left: 0;
  width: 100%;
}
.copyright {
  float: none;
}
.copyright p {
  text-align: center;
}
.social {
  float: none;
  margin-top: 10px;
}
.social ul {
  text-align: center;
}
.social ul li {
  display: inline-block;
  float:none;
}

/* changing rules */

.logo {
  float: left;
}
.logo a h1 {
  text-align: center;
  font-size: 28px !important;
}
.logo img{max-width:100%}
.search input[type="text"] {
  width: 192px;
}
.post_date {
float: none;
margin-bottom: 10px;
margin-right: 0;
}
.post_date .date {
  padding: 0;
}
.post_date h3 {
  font-size: 10px !important;
  margin-bottom: -10px;
  margin-top: 0;
}
.post_date p {
  font-size: 8px;
}
.post-meta {
  margin-bottom: 5px;
}
.sidebar_container {
  float: none;
  margin: 30px auto 0;
  width: 100%;
}
.newsletter form input[type="text"] {
  width: 300px;
}
.newsletter input[type="email"] {
  width: 300px;
}

.social ul li a {
  font-size: 16px;
}

/* single page style*/
.more_themes_container {
  margin-left: 0;
}
.single_more_themes {
  margin: 0px auto 10px;
  float: none 
}

/* work archieve page style */
.single_work_container {
  margin-left: 0;
}
.single_work {
  float: none;
  margin: 0 auto 10px;
  width:100%;
  height:142px;
}
.single_work h2 {
  font-size: 10px;
  line-height: 20px;
  padding: 0 5px;
}
.work_pagination {
  margin-left: 0;
  width: 100%;
}

/* work single page style */
.more_works_container {
  margin-left: 0;
}
.single_more_works {
  float: none;
  margin: 0 auto 10px;
}
.single_more_works a h2 {
  font-size: 8px;
  line-height: 15px;
  padding: 2px 5px;
}

.single_sidebar .cat-item a span {display:none;}
.calendar {width:100%;}
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.vignette_big_div {width:69%;}
.vignette_big {height:250px;}
.vignette_small_div {width:30%;margin-left:1%;}
.vignette_small {height:80px;}
.tiny-table {max-width:426px!important;}
	.wrapper {
		width: 100%;
		padding: 10px 5px;
	}
.site_title{font-size:25px;line-height:24px;}
.news_une {min-height:260px;}
.news_little{min-height:130px;}
	#selectnav1{display: block;
height: 30px;
width: 415px;}
	.big {display:none;}
.triangle {
border-left: 230px outset transparent;
border-right: 230px outset transparent;
}
.main_content {
margin-right: 0;
width: 100%;
float:none;
}	
.pgwSlider > ul > li {
  height: 65px !important;
}
.pgwSlider .ps-current span {
  background: url("images/slider_arrow_wide_mobile.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.post_detail h2 {
  font-size: 13px !important;
  line-height: 25px;
}
.post-meta p span {
  padding: 5px 10px;
  font-size: 8px;
}
.post_excerpt {
  text-align: center;
}
.post_excerpt img {
  float: none;
}
.post_detail > a {
  float: none;
  margin: 10px auto;
}
.sidebar_container {
  float: none;
  margin: 30px auto 0;
  width:100%;
}
.footer_top_container {
  margin-left: 0;
}
.single_footer_top {
  float: none;
  margin-bottom: 20px;
  margin-left: 0;
  width: 436px;
}
.copyright {
  float: none;
}
.copyright p {
  text-align: center;
}
.social {
  float: none;
  margin-top: 10px;
}
.social ul {
  text-align: center;
}
.social ul li {
  display: inline-block;
  float:none;
}

.logo {
  float: left; width:350px; margin: 5px auto;
}
.post_date {
  float: left;
  margin-bottom: 0px;
  margin-right: 5px;
}
.post_date .date {
  padding: 10px;
}
.social ul li a {
  font-size: 20px;
}

/* Single page style */
.more_themes_container {
  margin-left: -10px;
}
.single_more_themes {
  margin-left: 10px;
  width: 138px;
  float:left;
}
.more_post a {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 15px;
}

/* work archieve page style */
.single_work_container {
  margin-left: 0;
}
.single_work {
  float: none;
  margin: 0 auto 10px;
  width:337px;
  height:190px;  
}
/* work single page style */
.more_works_container {
  margin-left: -5px;
}
.single_more_works {
  margin-left: 5px;
  width: 142px;
  float:left;
}
.single_more_works a h2 {
  font-size: 8px;
  line-height: 15px;
  padding: 2px 5px;
}
.single_sidebar .cat-item a span {display:none;}
.calendar {width:100%;}
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}