/*
custom CSS
*/

@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500);

body {
	/*font-family: 'Oswald', sans-serif;*/
	font-family: 'Roboto', sans-serif;
}

/* COMMON */

a {
	text-decoration: none;
}

.center {
	margin: 0 auto;
	max-width: 928px;
	width: 100%;
	}

.wpb_button {
	background: #333;
	color: white;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	padding: 0 10px 0 15px;
	border: none;
	height: 46px;
	font-size: 1.2em;
	font-weight: 400;
	border-radius: 6px;
	letter-spacing: 0.05em;
	line-height: 46px;
	text-shadow: none;
	}
	.wpb_button:after {
	background: #999;
	border-radius: 0 6px 6px 0;
	content: ">";
	color: white;
	display: inline-block;
	margin: 0 -10px 0 15px;
	width: 30px;
	text-align: center;
	height: 46px;
	}
	.wpb_button:hover {
	background: #999;
	color: white;
	}
	a.wpb_button_a {
	display: block;
	}
	.vc_column_container .vc_btn, .vc_column_container .wpb_button {
	/*margin-bottom: 35px;*/
	}
	/*Blue*/
	.wpb_btn-primary {
	background: #0099c5;
	}
	.wpb_btn-primary:hover {
	background: #00e4ff;
	}
	.wpb_btn-primary:after {
	background: #00e4ff;
	}
	/*Green*/
	.wpb_btn-success {
	background: #779E03;
	}
	.wpb_btn-success:hover {
	background: #A4CF22;
	}
	.wpb_btn-success:after {
	background: #A4CF22;
	}
	/*Orange*/
	.wpb_btn-warning {
	background: #CE7217;
	}
	.wpb_btn-warning:hover {
	background: #FFA144;
	}
	.wpb_btn-warning:after {
	background: #FFA144;
	}
	/*Red*/
	.wpb_btn-danger {
	background: #A50101;
	}
	.wpb_btn-danger:hover {
	background: #FF5453;
	}
	.wpb_btn-danger:after {
	background: #FF5453;
	}
	/*Violet*/
	.wpb_btn-inverse {
	background: #040058;
	}
	.wpb_btn-inverse:hover {
	background: #6B68B9;
	}
	.wpb_btn-inverse:after {
	background: #6B68B9;
	}
	/*Light violet*/
	.wpb_btn-info {
	background: #7635AC;
	}
	.wpb_btn-info:hover {
	background: #CC8FFF;
	}
	.wpb_btn-info:after {
	background: #CC8FFF;
	}
	
.dashicons {
	line-height: inherit;
	}
	
.entry-content {
	max-width: 928px;
	margin: 0 auto;
	padding: 0 16px 40px;
	}
	
	.entry-content h3 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 1.9em;
	font-weight: 300;
	line-height: 1.3em;
	}
		.entry-content h3 strong {
		font-weight: 300;
		}
		
	.entry-content h4 {
	text-transform: uppercase;
	}

.entry-content td, .comment-content td {
	padding: 6px 10px;
	}

	.entry-content img {
	border-radius: 0px;
	box-shadow: none;
	}
	
	.entry-content img.alignleft {
	margin-bottom: 26px !important;
	}
	
input::-webkit-input-placeholder {
	color: #666;
}
input::-moz-placeholder {
	color: #666;
}
input:-moz-placeholder {   /* Older versions of Firefox */
	color: #666;
}
input:-ms-input-placeholder { 
	color: #666;
}

/* STRUCTURE */

body.home .entry-content {
max-width: inherit;
padding: 0;
}

header.entry-header {
background: #333;
color: white;
max-width: initial;
height: inherit;
padding: 24px 16px 30px 16px;
clear: both;	
text-align: left;
}
	header.entry-header img {
	display: none;
	}

/* GREEN */
.page-formations header.entry-header {background: #779E03}
.page-formations .entry-content a {color: #779E03}
.page-formations .entry-content a:hover {color: #333}
.page-formations #breadcrumbs, .page-formations #breadcrumbs a  {
color: #A4CF22}

.page-enseignement-secondaire header.entry-header {background: #779E03}
.page-enseignement-secondaire .entry-content a {color: #779E03}
.page-enseignement-secondaire .entry-content a:hover {color: #333}
.page-enseignement-secondaire #breadcrumbs, .page-enseignement-secondaire #breadcrumbs a  {
color: #A4CF22}

/* VIOLET */
.page-enseignement-superieur header.entry-header {background: #040058}
.page-enseignement-superieur .entry-content a {color: #726FBF}
.page-enseignement-superieur a:hover {color: #333}
.page-enseignement-superieur #breadcrumbs, .page-enseignement-superieur #breadcrumbs a {
color: #c9c6ff;
}

/* BLEU CLAIR ETABLISSEMENT */
.page-letablissement header.entry-header {background: #0099C5}
.page-letablissement .entry-content a {color: #0099C5}
.page-letablissement .entry-content a:hover {color: #333}
.page-letablissement #breadcrumbs, .page-letablissement #breadcrumbs a {color: #00E4FF}

/* BLEU CLAIR ST CRICQ */
.page-saint-cricq header.entry-header {background: #0099C5}
.page-saint-cricq .entry-content a {color: #0099C5}
.page-saint-cricq .entry-content a:hover {color: #333}
.page-saint-cricq #breadcrumbs, .page-saint-cricq #breadcrumbs a {
color: #00E4FF}

/* ROUGE VIE LYCEENNE */
.page-vie-lyceenne header.entry-header {background: #A50101}
.page-vie-lyceenne .entry-content a {color: #A50101}
.page-vie-lyceenne .entry-content a:hover {color: #333}
.page-vie-lyceenne #breadcrumbs, .page-vie-lyceenne #breadcrumbs a {
color: #FF5453;
}

/* ORANGE INTERNATIONAL */
.page-international header.entry-header {background: #CE7217}
.page-international .entry-content a {color: #CE7217}
.page-international .entry-content a:hover {color: #333}
.page-international #breadcrumbs, .page-international #breadcrumbs a {color: #FFA144}

/* ORANGE MENU */
.page-menu-de-la-semaine header.entry-header {background: #CE7217}
.page-menu-de-la-semaine .entry-content a {color: #CE7217}
.page-menu-de-la-semaine .entry-content a:hover {color: #333}
.page-menu-de-la-semaine #breadcrumbs, .page-menu-de-la-semaine #breadcrumbs a {color: #FFA144}

/* VIOLET CLAIR - SERVICES */
.page-services header.entry-header {background: #7635AC}
.page-services .entry-content a {color: #7635AC}
.page-services .entry-content a:hover {color: #333}
.page-services #breadcrumbs, .page-services #breadcrumbs a {
color: #CC8FFF}

/* VERT - CLUB */
.page-actus-clubs-et-assos-sportives header.entry-header {background: #4E9B15}
.page-actus-clubs-et-assos-sportives .entry-content a {color: #4E9B15}
.page-actus-clubs-et-assos-sportives .entry-content a:hover {color: #333}
.page-actus-clubs-et-assos-sportives #breadcrumbs, .page-actus-clubs-et-assos-sportives #breadcrumbs a {
color: #B7F28F}

/* GRIS CONTACT */

.page-contact #breadcrumbs strong {
color: #999;
}

#breadcrumbs{
	color: #999;
	font-size: 12px;
    list-style:none;
    margin:10px auto;
    overflow:hidden;
    max-width: 928px;
    width: 100%;
}
 
#breadcrumbs li{
    float:left;
    margin-right:5px;
}
#breadcrumbs a {
color: #999;
}
#breadcrumbs a:hover {
color: white !important;
}
#breadcrumbs strong {
font-weight: 500;
}

body.home header.entry-header {
	display: none;
}
	header.entry-header h1 {
	font-family: 'Oswald', sans-serif;
	margin: 0 auto;
	max-width: 928px;
	text-transform: uppercase;
	width: 100%;
	font-weight: 300 !important;
	font-size: 2.1rem !important;
	}
	
#main {
	clear: both;
}

/* HEADER */

.subheader {
background: #333;
color: white;
height: 30px;
font-size: 0.9em;
line-height: 30px;
}

.subheader a {
color: white;
}
	
	.subheader a:hover {
	color: #CCC;
	}

.subheader ul {
	display: inline-block;
	float: right;
}

.subheader li {
	display: inline-block;
	margin-left: 34px;
}

	.subheader li.phone {
	background: url('img/icon-phone.png') no-repeat left center;
	padding-left: 16px;
	}
	
	.subheader ul#header_language_list {
		text-transform: uppercase;
		float: none;
	}
	.subheader ul#header_language_list li {
		margin-left: 0px;
	}
	.subheader ul#header_language_list li:after {
		content: "/";
		padding: 0 4px;
	}
	
	.subheader ul#header_language_list li:last-child:after {
		content: "";
		padding: 0 0;
	}
	
	.subheader li.lang a {
	color: #CCC;
	}
		.subheader li.lang a:hover {
		color: white;
		}
		.subheader li.lang a.active {
		color: white;
		font-weight: bold;
		}
		
	.subheader #searchform {
		
	}
	
		.subheader #searchform input[type=text] {
		background: #CCC url('img/icon-search.png') no-repeat 10px center;
		border-radius: 0;
		border: none;
		height: 18px;
		padding-left: 32px;
		width: 260px;
		}
		
		.subheader #searchform input[type=submit] {
		display: none;
		}

header {
	/*height: 42px;*/
	margin: 0 auto;
	max-width: 1170px;
	width: 100%;
}


/* Active / Cache Menu des inscriptions */
header li.inscription_hide { display: none; } /* Menu */
span.inscription_hide { display: none; } /* Bouton dans services/intendance/services-dhebergement/ */

header li.inscription_item {
	color: #FFFFFF;


} 

header li.inscription_item > a {
	color: #FFF ! important;
	font-weight: normal !important;
	font-size: 12px;
    line-height: 18px;
	background-color: #169e27;
	border: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 5px 14px;
} 

header li.inscription_item > a:before {
	font: normal normal normal 14px/1 ShortcodesUltimateIcons;
	display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 .5em 0 0!important;
    text-align: center;
    line-height: 1em;
    content: "\f2b9";
	padding: 0 2px;
}
hgroup {
	float: left;
}
	hgroup h1 a {
	background: url('img/lycee-saint-cricq.png') no-repeat left top;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 1.3em;
	height: 96px;
	margin-top: 16px;
	text-indent: -9999px;
	width: 110px;
	
	}


.main-navigation li.inscription_item,
.main-navigation li.menu-item-type-gs_sim {
	margin:0 0 0 8px !important;
	padding: 8px 0;
}


nav#site-navigation {
	float: right;
	margin-top: 44px;
}

	.main-navigation li {
	margin: 0 0 0 22px;
	}
	
	.main-navigation li ul {
	z-index: 10;
	}
	
	.main-navigation li.menu-header-search {
	display: none;
	}
	
	.main-navigation .sub-menu li {
	margin-left: 0;
	}
	
	.main-navigation .sub-menu li a {
	font-size: 12px;
	line-height: 1.2em;
	text-transform: none;
	}
	
	
	


/* HOME */

.site-content article {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
	.site-content article footer {
	display: none;
	}
	
	body.home .site-content article {
	margin-bottom: -35px;
	}

.edito {
background: #003058 url('img/cover.jpg') no-repeat center;
color: white;
height: 468px;
}

	.edito p {
	line-height: 1.3em;
	margin: 10px 0;	
	}

	.edito strong {
	font-family: 'Oswald', sans-serif;
	font-size: 2.4em;
	font-weight: 400;
	line-height: 1em;
	text-transform: uppercase;
	}

	

.edito .vc_column-inner > .wpb_wrapper {
float: initial;
margin: 0 auto;
padding: 112px 16px 40px;
display: block;
max-width: 928px;
}

.entries {
	float: inherit;
	/*margin: -115px auto 0;*/
	margin: -176px auto 0;
	padding: 0;
	max-width: 992px;
	width: 100%;
}

	.entries > .wpb_wrapper {
	display: inline-block;
	max-width: 928px;
	background: white;
	width: 94%;
	padding: 32px 3%;
	}
	
	.entries a {
		background-position: center;
		color: white;
		font-family: 'Oswald', sans-serif;
		text-decoration: none;
		text-transform: uppercase;
		overflow: hidden;
	}
	
	.entries a strong {
	color: white;
	display: block;
	font-size: 2.1em;
	font-weight: 500;
	height: 100px;
	line-height: 1.2em;
	padding: 30px;
	transition: 300ms
	}
	
	.entries a:hover strong {
	height: 200px;
	}
	
	.entries a span.color {
	color: red;
	font-size: 1.3em;
	}
		.entries a span.white {
		color: white;
		font-size: 1.3em;
		}
	
	.entries a .img {
	display: block;
	float: left;
	width: 55px;
	height: 55px;
	margin-right: 10px;
	text-indent: -9999px;
	}
	
	.entries .block_1 a {
	background-image: url('img/block_classroom.jpg');
	background-size: cover;
	display: block;
	float: left;
	margin:0 0 32px 0;
	height:300px;
	width: 48.5%;
	}
	
		.entries .block_1 a strong {
		background: -moz-linear-gradient(top,  rgba(98,130,0,1) 0%, rgba(98,130,0,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,130,0,1)), color-stop(100%,rgba(98,130,0,0)));
		background: -webkit-linear-gradient(top,  rgba(98,130,0,1) 0%,rgba(98,130,0,0) 100%);
		background: -o-linear-gradient(top,  rgba(98,130,0,1) 0%,rgba(98,130,0,0) 100%);
		background: -ms-linear-gradient(top,  rgba(98,130,0,1) 0%,rgba(98,130,0,0) 100%);
		background: linear-gradient(to bottom,  rgba(98,130,0,1) 0%,rgba(98,130,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#628200', endColorstr='#00628200',GradientType=0 );
		}
		.entries .block_1 a .img {
		background: url('img/circle_book.png');
		}
		.entries .block_1 a .color {
		color: #c3f137;
		}
	
	.entries .block_2 a {
	background-image: url('img/block_student.jpg');
	background-size: cover;
	display: block;
	float: left;
	margin:0 0 32px 3%;
	height:300px;
	width: 48.5%;
	}
		.entries .block_2 a strong {
		background: -moz-linear-gradient(top,  rgba(4,0,88,1) 0%, rgba(4,0,88,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,0,88,1)), color-stop(100%,rgba(4,0,88,0)));
		background: -webkit-linear-gradient(top,  rgba(4,0,88,1) 0%,rgba(4,0,88,0) 100%);
		background: -o-linear-gradient(top,  rgba(4,0,88,1) 0%,rgba(4,0,88,0) 100%);
		background: -ms-linear-gradient(top,  rgba(4,0,88,1) 0%,rgba(4,0,88,0) 100%);
		background: linear-gradient(to bottom,  rgba(4,0,88,1) 0%,rgba(4,0,88,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040058', endColorstr='#00040058',GradientType=0 );		
		}
		.entries .block_2 a .img {
		background: url('img/circle_graduate.png');
		}
		.entries .block_2 a .color {
		color: #c9c6ff;
		}
	
	.entries .block_3 a {
	background-image: url('img/block_saintcricq.jpg');
	background-size: cover;
	display: block;
	float: left;
	margin:0 0 32px 0;
	height:300px;
	/*width: 608px;*/
	width: 65%;
	}
		.entries .block_3 a strong {
		background: -moz-linear-gradient(top,  rgba(0,48,88,1) 0%, rgba(0,48,88,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,48,88,1)), color-stop(100%,rgba(0,48,88,0)));
		background: -webkit-linear-gradient(top,  rgba(0,48,88,1) 0%,rgba(0,48,88,0) 100%);
		background: -o-linear-gradient(top,  rgba(0,48,88,1) 0%,rgba(0,48,88,0) 100%);
		background: -ms-linear-gradient(top,  rgba(0,48,88,1) 0%,rgba(0,48,88,0) 100%);
		background: linear-gradient(to bottom,  rgba(0,48,88,1) 0%,rgba(0,48,88,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003058', endColorstr='#00003058',GradientType=0 );		
		}
		.entries .block_3 a .img {
		background: url('img/circle_stcricq.png');
		}
		.entries .block_3 a .color {
		color: #59edff;
		}
	
	.entries .block_4 a {
	background-image: url('img/block_schoolgirl.jpg');
	background-size: cover;
	display: block;
	float: right;
	height:618px;
	/*width: 286px;*/
	width: 32%;
	}
		.entries .block_4 a strong {
		background: -moz-linear-gradient(top,  rgba(125,6,6,1) 0%, rgba(125,6,6,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,6,6,1)), color-stop(100%,rgba(125,6,6,0)));
		background: -webkit-linear-gradient(top,  rgba(125,6,6,1) 0%,rgba(125,6,6,0) 100%);
		background: -o-linear-gradient(top,  rgba(125,6,6,1) 0%,rgba(125,6,6,0) 100%);
		background: -ms-linear-gradient(top,  rgba(125,6,6,1) 0%,rgba(125,6,6,0) 100%);
		background: linear-gradient(to bottom,  rgba(125,6,6,1) 0%,rgba(125,6,6,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d0606', endColorstr='#007d0606',GradientType=0 );
		}
		.entries .block_4 a .img {
		background: url('img/circle_people.png');
		}
		.entries .block_4 a .color {
		color: #ff5453;
		}
	
	.entries .block_5 a {
	background-image: url('img/block_walk.jpg');
	background-size: cover;
	display: block;
	float: left;
	height:288px;
	width: 31%;
	}
		.entries .block_5 a strong {
		background: -moz-linear-gradient(top,  rgba(71,26,117,1) 0%, rgba(71,26,117,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,26,117,1)), color-stop(100%,rgba(71,26,117,0)));
		background: -webkit-linear-gradient(top,  rgba(71,26,117,1) 0%,rgba(71,26,117,0) 100%);
		background: -o-linear-gradient(top,  rgba(71,26,117,1) 0%,rgba(71,26,117,0) 100%);
		background: -ms-linear-gradient(top,  rgba(71,26,117,1) 0%,rgba(71,26,117,0) 100%);
		background: linear-gradient(to bottom,  rgba(71,26,117,1) 0%,rgba(71,26,117,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#471a75', endColorstr='#00471a75',GradientType=0 );
		}
		.entries .block_5 a .img {
		background: url('img/circle_bike.png');
		}
		.entries .block_5 a .color {
		color: #cc8fff;
		}
	
	.entries .block_6 a {
	background-image: url('img/block_meal.jpg');
	background-size: cover;
	display: block;
	float: left;
	margin: 0 0 0 3%;
	height:288px;
	width: 31%;
	}
		.entries .block_6 a strong {
		background: -moz-linear-gradient(top,  rgba(104,32,0,1) 0%, rgba(104,32,0,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,32,0,1)), color-stop(100%,rgba(104,32,0,0)));
		background: -webkit-linear-gradient(top,  rgba(104,32,0,1) 0%,rgba(104,32,0,0) 100%);
		background: -o-linear-gradient(top,  rgba(104,32,0,1) 0%,rgba(104,32,0,0) 100%);
		background: -ms-linear-gradient(top,  rgba(104,32,0,1) 0%,rgba(104,32,0,0) 100%);
		background: linear-gradient(to bottom,  rgba(104,32,0,1) 0%,rgba(104,32,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#682000', endColorstr='#00682000',GradientType=0 );
		}
		.entries .block_6 a .img {
		background: url('img/circle_food.png');
		}
		.entries .block_6 a .color {
		color: #ffa144;
		}

.vie-scolaire-numerique {
background: #f08902 url('img/bg_orange.png') repeat;
color: white;
margin-top: 20px;
padding: 0 16px;
}
	.vie-scolaire-numerique p {
		line-height: 1.3em;
		margin: 10px 0;	
		}
	
		.vie-scolaire-numerique strong {
		font-family: 'Oswald', sans-serif;
		font-size: 2.4em;
		font-weight: 400;
		line-height: 1em;
		text-transform: uppercase;
		}

	.wpb_button.vsn {
	background: white no-repeat 10px center;
	color: #f08902;
	padding-left: 40px;
	text-align: left;
	line-height: 45px;
	font-size: 16px;
	height: 45px;
	margin: 12px 0;
	width: 238px;
	}
		.wpb_button.vsn:after {
		background: #f7af4b;
		float: right;
		font-size: 1.5em;
		line-height: 42px;
		height: 45px;
		width: 46px;
		text-align: center;
		}
		
		.wpb_button.pronote {background-image:  url('img/icon-book-orange.png')}
		.wpb_button.agora {background-image:  url('img/icon-atom-orange.png')}
		.wpb_button.private {background-image:  url('img/icon-key-orange.png')}

.vie-scolaire-numerique > .wpb_column {
float: inherit;
margin: 0 auto;
padding: 40px 16px;
max-width: 928px;
}

.paiement-en-ligne {
background: #afa592 url('img/bg_beige.png') repeat;
color: white;
float: inherit;
padding: 40px 0;
text-align: center;
}

	.paiement-en-ligne .wpb_button {
	background: rgba(61,50,39,0.3);
	color: white;
	font-size: 13px;
	border: 1px solid white;
	border-radius: 10px;
	display: inline-block;
	padding: 0px 23px;
	height: inherit;
	margin-bottom: 25px;
	font-family: 'Roboto';
	}
		.paiement-en-ligne .wpb_button:hover {
		background: rgba(61,50,39,0.5);
		}
		.paiement-en-ligne .wpb_button:after {
		display: none;
		}

.paiement-en-ligne > .wpb_wrapper {
float: inherit;
margin: 0 auto;
padding: 40px 16px;
max-width: 928px;
}

.actualites {
width: 100%;
max-width: 928px;
margin: 30px auto 0;
}

.actualites .title {
	background: white;
	position: relative;
	z-index: 10;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	padding: 0 6px;
	font-size: 1.35em;
	min-height: initial;
	height: 30px;
	margin: 0 0 0 26px;
	text-transform: uppercase;
}

.actualites .vc_wp_posts , .actualites .vc-posts-list {
border: 1px solid #333;
position: relative;
top: -18px;
}

	.actualites .global {
	border-color: #0d73c4;
	}
		.actualites .global a, .actualites .global.linkmore a:hover {
		color: #0d73c4;
		}
		
		.actualites .global.linkmore a {
		color: #A8D8FE;
		}
	
	.actualites .international {
	border-color: #f08902;	
	}
		.actualites .international a, .actualites .international.linkmore a:hover {
		color: #f08902;
		}
		
		.actualites .international.linkmore a {
		color: #FFC881;
		}
	
	.actualites .club {
	border-color: #4e9b15;
	}
		.actualites .club a, .actualites .club.linkmore a:hover {
		color: #4e9b15;
		}
		
		.actualites .club.linkmore a {
		color: #B0E688;
		}
		
	.actualites .actus-recentes .vc-posts-list-item {
	border-top: 0px;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 250px;
	margin-right: 28px;
	vertical-align: top;
	}
	
	.actualites .actus-recentes .vc-posts-list-row-1 {
	float: left;
	padding-right: 14px;
	position: relative;
	width: 100px;
	z-index: 10;
	}
	
	.actualites .actus-recentes .vc-posts-list-row-2 {
	position: relative;
	float: left;
	width: 132px;
	z-index: 10;
	}
	
	.actualites .actus-recentes .vc-posts-list img {
	width: 100px;
	height: 100px;
	}
	
	.actualites .actus-recentes .vc-posts-list .post-title {
	float: inherit;
	display: block;
	}
	
	.actualites .actus-recentes .vc-posts-list .post-excerpt {
	float: inherit;
	  display: block;
	  width: initial;
	  clear: right;
	  padding: 0;
	  font-size: 0.9em;
	  }
	
	
	
	.actualites .actus-recentes h3 a .more {
	display: none;
	}
	
	.actualites .vc-posts-list {
	padding: 30px;	
	}
	
		.actualites .vc-posts-list h3 {
		font-weight: 500;
		font-family: 'Roboto';
		line-height: 1.3em;
		letter-spacing: 0;
		vertical-align: top;
		font-size: 1.1em;
		margin: 0;
		text-transform: none;
		}
			.actualites h3 a .more {
			display: table;
			clear: both;
			font-weight: 500;
			font-size: 13px;
			border-radius: 10px;
			margin-top: 8px;
			color: #9d9d9d;
			padding: 3px 16px 3px 26px;
			text-transform: uppercase;
			background: url('img/icon-arrow.png') no-repeat 16px center;
			border: 1px solid #9D9D9D;
			}
			
			.actualites h3 a .more:hover {
			background-color: #F1F1F1;
			}
			
		.actualites .vc-posts-list > div:first-child {
		border-top: none;
		margin-top: 0;
		padding-top: 0;
		}
		
		.actualites .vc-posts-list-item {
		border-top: 1px solid #DDD;
		margin-top: 20px;
		padding-top: 20px;
		}
	
		.actualites .vc-posts-list .vc_row {
		margin: 0;
		}
		
		.actualites .vc-posts-list .post-image, .actualites .vc-posts-list .post-title {
		padding: 0;
		}
		
		.actualites .vc-posts-list .post-image {
		width: initial;
		}
	
		.actualites .vc-posts-list img {
		height: 80px;
		margin-right: 16px;
		width: 80px;
		}
		
		.actualites .linkmore {
		display: block;
		top: -32px;
		margin-bottom: 0;
		position: relative;
		left: 0;
		text-align: right;
		}
		
			.actualites .linkmore a {
			background: white;
			display: inline-block;
			font-family: 'Oswald', sans-serif;
			font-size: 1.1em;
			padding: 0 10px 0 2px;
			margin-right: 30px;
			text-transform: uppercase;
			}
	
	.actualites.top-actu {
	position: relative;
	top: -120px;
	background: white;
	padding: 20px 30px;
	}
			
	.actu-generale {
		border: 1px solid #0d73c4;
		position: relative;
		font-family: 'Roboto';
		top: -18px;
		float: inherit;
		margin: 0 auto -34px;
		padding-bottom: 30px;
		padding-top: 30px;
	}
	
	.actu-generale .vc_grid-item {
	padding: 0 15px 0 15px;
	}
	
	.actu-generale .vc_gitem-post-data-source-post_title {
		line-height: 1.4em;
		margin-bottom: 5px;
	}
	
	.actu-generale .vc_gitem-post-data-source-post_title a {
	 	color: #0d73c4;
	 }
	
	.actu-generale .vc_gitem-post-data-source-post_title a:visited {
	 	color: #0d73c4;
	 }
	
	.actu-generale .vc_gitem-post-data-source-post_excerpt p {
		color: #777;
		line-height: 1.4em;
		margin-bottom: 5px;
	}
	
	.actu-generale .vc_gitem-link {
		font-size: 1.1em;
		font-weight: 500;
		
	}
	
	.actu-generale .vc_gitem-zone-a .vc_gitem-row-position-top, .actu-generale .vc_gitem-zone-b .vc_gitem-row-position-top {
		position: relative;
	}
	
	.actu-generale .vc-gitem-zone-height-mode-auto:before {
		padding-top: 0;
	}
	
	.actu-generale a.vc_btn {
	  display: table;
	  clear: both;
	  font-weight: 500;
	  font-size: 13px;
	  border-radius: 10px;
	  margin-top: 8px;
	  color: #9d9d9d !important;
	  padding: 3px 16px 3px 26px;
	  text-transform: uppercase;
	  background: url('img/icon-arrow.png') no-repeat 16px center;
	  border: 1px solid #9D9D9D;
	}
	
	.actu-generale a.vc_btn:hover {
	background-color: #f1f1f1;
	}
	
	.linkmore.general a {
	background: #0d73c4;
	color: white;
	padding: 4px 10px 4px 2px;
	border-radius: 14px;
	border: 6px white solid;
	margin-top: -8px;
	}
	
		.linkmore.general a:hover {
		background: #1190f7;
		}
			
	/* FOOTER */
	
	footer[role="contentinfo"] {
	background: #333333;
	color: #999;
	font-size: 1em;
	margin-top: 0;
	max-width: inherit;
	width: 100%;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
	border-top: 0;
	position: relative;
	}
	
	footer .center {
	border-top: 10px solid #f5a800;
	display: table;
	position: relative;
	}
	
		footer .content {
		display: table-cell;
		margin-right: 288px;
		padding: 0 32px 32px 0;
		vertical-align: top;
		width: auto;
		}
		
			footer a {
			color: white;
			}
			
			footer a:hover {
			color: #CCC;
			}
		
			footer .logos {
			border-bottom: 1px solid #707070;
			margin-bottom: 50px;
			}
			footer .logos li {
			display: inline-block;
			padding: 50px 0;
			text-align: center;
			width: 32%;
			}
			footer .logos a:hover {
			opacity: 0.6;
			}
			
			footer .contact, footer .links {
			display: inline-block;
			width: 48%;
			vertical-align: top;
			}
			
				footer .contact strong {
				color: white;
				text-transform: uppercase;
				}
				footer .contact p {
				line-height: 1.4em;
				padding-bottom: 10px;
				}
				footer .contact span {
				clear: both;
				display: block;
				font-size: 14px;
				padding-left: 24px;
				}
					
					footer .contact span.mail {
					background: url('img/icon-mail.png') no-repeat left center;
					}
					footer .contact span.phone {
					background: url('img/icon-phone.png') no-repeat left center;
					}			
					footer .contact span a {
					color: white;
					}
						footer .contact span a:hover {
						color: #CCC;
						}
				
			footer .links a {
			background: url('img/icon-arrow-white.png') no-repeat left center;
			color: white;
			font-size: 13px;
			letter-spacing: 0.1em;
			padding-left: 14px;
			text-transform: uppercase;
			}
			
				footer .links a:hover {
				color: #CCC;
				}
	
		footer .newsletter {
		background: white;
		color: #333;
		display: table-cell;
		padding: 0 31px;
		vertical-align: top;
		width: 226px;
		}
		
			footer .newsletter h4 {
			font-family: 'Oswald', sans-serif;
			margin-top: 50px;
			font-size: 32px;
			line-height: 32px;
			font-weight: 400;
			text-transform: uppercase;
			}
			
			footer .newsletter strong {
			font-family: 'Oswald', sans-serif;
			font-size: 23px;
			line-height: 24px;
			font-weight: 400;
			text-transform: uppercase;
			color: #989797;
			}
			
			footer .newsletter p {
			line-height: 1.5em;
			padding: 6px 0 20px;
			}
			
			footer .newsletter input[type=email] {
			border: 1px solid #E1E1E1;
			background: #e1e1e1;
			width: 90%;
			padding: 10px 5%;
			border-radius: 10px;
			font-size: 0.9em;	
			}
			
			footer .newsletter input[type=submit] {
			margin-top: 8px;
			background: #f5a800;
			color: white;
			padding: 10px 0;
			border-radius: 10px;
			box-shadow: none;
			border: 1px solid #c98a00;
			width: 100%;
			text-transform: uppercase;
			font-size: 0.9em;	
			}
				footer .newsletter input[type=submit]:hover {
				background: #c98a00;
				}

/* SINGLE POST */

.single-post {
	
}

	.single-post .entry-header .attachment-post-thumbnail {
	display: none;
	}
	
	.single-post .nav-single, .single-post .comments-area {
	margin: 20px auto;
	max-width: 928px;
	width: 100%;
	}
	
	.single-post .comments-area {
	
	}
	
	.single-post .comments-title {
	border-top: 1px solid #DDD;
	padding-top: 20px;
	}
	
/* SEARCH */

body.search article, body.category article {
margin: 20px auto 30px;
max-width: 900px;
width: 100%;
}

	body.search article h1, body.category article h1 {
	font-size: 1.4em;
	text-transform: uppercase;
	padding-bottom: 10px;
	}
	
	#nav-above, #nav-below {
	margin: 20px auto;
	max-width: 900px;
	width: 100%;
	}
	
/* ESPACE PRIVE */

.page-espaceprive .entry-content form, .post-1 .entry-content form {
	background: #EEE;
	margin: 60px auto;
	padding: 30px 65px;
	width: 226px;
}
	.page-espaceprive .entry-content form br, .post-1 .entry-content form br {
	display: none;
	}
	.page-espaceprive .entry-content form input[type=text], .page-espaceprive .entry-content form input[type=password], .post-1 .entry-content form input[type=text], .post-1 .entry-content form input[type=password] {
	border: none;
	border-radius: 12px;
	display: block;
	font-size: 14px;
	margin-bottom: 12px;
	padding: 4px 10px;
	width: 206px;
	}
	
	.page-espaceprive .entry-content form input[type=submit], .post-1 .entry-content form input[type=submit] {
	margin: 12px 0;
	background: #f5a800;
	color: white;
	padding: 10px 0;
	border-radius: 10px;
	box-shadow: none;
	border: 1px solid #c98a00;
	width: 226px;
	text-transform: uppercase;
	font-size: 0.9em;
	}
	.page-espaceprive .entry-content form input[type=submit]:hover, .post-1 .entry-content form input[type=submit]:hover {
	background: #c98a00	}
	
	
/* ERROR 404 */

.error404 .entry-content {
	background: transparent url('img/schoolboy.jpg') no-repeat right top;
	height: 450px;
	padding: 100px 0 0 100px;
	max-width: 660px;
	width: 100%;
}

.error404 .entry-content h3 {
color: #0099c5;
font-size: 3.1em;
font-weight: 500;
margin-bottom: 4px;
}


/* RESPONSIVE */

@media screen and (min-width: 770px) {
	footer.desk {display: inherit}
	footer.mobile {display: none}
}

/* Minimum width of 900 pixels. */
@media screen and (max-width: 1000px) {
	.actualites.top-actu {
		max-width: 94%;
	}
}

/* Minimum width of 900 pixels. */
@media screen and (max-width: 900px) {

	header {
	/*height: 70px;*/
	text-align: center;
	}
	
	hgroup {
	float: initial;
	margin: 0 auto;
	display: inline-block;
	}
	
	.site header h1 a {
		margin-left: 20px;
		text-indent: initial;
		width: initial;
		text-transform: uppercase;
		background-size: 24%;
		line-height: 76px;
		padding-left: 110px;
	}
	
	nav#site-navigation {
	display: inline-block;
	float: initial;
	margin-top: 0;
	}
	
	.entries {
		margin-top: -50px !;
	}
	
	.actualites.top-actu {
		max-width: 94%;
	}
	
	.linkmore.general {
		margin-top: -56px;
	}
	
	.wpb_column {
	margin-bottom: 20px;
	}
	
	.wpb_button.vsn {
	width: 90%;
	}
		.wpb_button.vsn:after {
		display: none;
		}
}

/* Minimum width of 770 pixels. */
@media screen and (max-width: 770px) {

	body {
	overflow-x: hidden;
	}
	
	.vc_row {
	margin-left: 0px;
	margin-right: 0px;
	}


	.site {
		padding: 0;
	}
	
	.edito {
	height: 255px;
	margin-bottom: 0px;
	padding: 0;
	position: relative;
	}
	
	.edito > .wpb_wrapper {
	bottom: -36px;
	position: absolute;
	text-align: center;
	padding: 0 5%;
	width: 90%;
	z-index: 10;
	}
	

	
	.actualites.top-actu {
	  position: relative;
	  top: inherit;
	  background: white;
	  padding: inherit;
	  padding-top: 20px;
	  max-width: inherit;
	}
	
	.wpb_button {
	/*display: inline-block;
	width: 100%;
	font-size: 1.5em;
	height: 70px;
	line-height: 70px;*/
	display: inline-block;
	width: 92%;
	font-size: 1.5em;
	height: auto;
	padding: 16px 4%;
	line-height: 1.3;
	}
		.wpb_button:after {
		display: none;
		/*float: right;
		font-size: 2em;
		line-height: 65px;
		height: 70px;
		width: 50px;*/
		}
		
	wpb_button.orange {
	background: white;
	color: #f08902;
	}
	
	.wpb_button.vsn:after {
	display: none;
	}

	.subheader span, .subheader .lang, .subheader .search{display: none;}
	.subheader {
		text-align: center;
	}
	.subheader ul {
		float: initial;
	}
		.subheader li {
		margin-left: 0;
		}
	
	header {
		position: relative;
		text-align: left;
		/*height: 30px;*/
	}
	
	.site header h1 a {
		margin-left: 20px;
		text-indent: initial;
		width: initial;
		text-transform: uppercase;
		background-size: 17%;
		line-height: initial;
		height: initial;
		font-size: 1.1em;
		padding-left: 78px;
	}
	
	.menu-toggle, .menu-toggle:hover, .menu-toggle:active, .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover {
	background: transparent url('img/icon-burger.png') no-repeat;
	display: inherit;
	margin: 0 20px 0 0;
	float: right;
	height: 24px;
	position: absolute;
	right: 0px;
	top: 24px;
	text-indent: -9999px;
	box-shadow: none;
	border: none;
	border-radius: 0;
	width: 28px;
	}
	
		.main-navigation ul.nav-menu.toggled-on {
		width: 100%;
		}
	
		.menu-menu-1-container {
		position: absolute;
		z-index: 100;
		width: 100%;
		left: 0;
		top: 70px;
		background: #333;
		text-transform: uppercase;
		}
		

		.main-navigation li {
		margin: 0;
		}
		
		.main-navigation a {
		color: white;
		line-height: 3.3em;
		display: block;
		border-bottom: 1px solid #333;
		font-size: 1.3em;
		padding: 10px 0;
		}
		
		.main-navigation li.menu-header-search {
		display: inherit;
		padding: 10px 20px;
		width: 90%;
		margin: 0 auto;
		}
		
			.main-navigation li.menu-header-search input {
			background: white url('img/icon-search.png') no-repeat 10px center;
			width: 86%;
			padding: 12px 4% 12px 10%;
			}
			
			nav#site-navigation {
			background: #333;
			display: inherit;
			}
		
	.site-content {
	margin-top: 0;
	}

		
	.edito p {
	display: none;
	}
	
	.entries {
		margin: -52px auto 0;
	}
	
	.entries a strong {
	font-size: 1.5em;
	}
	
	.entries .block_1 a, .entries .block_2 a, .entries .block_3 a {
	margin-left: 0px;
	margin-bottom: 16px;
	height: 200px;
	width: 100%;
	}
	
	.entries .block_4 a {
	height: 416px;
	width: 48.5%;
	}
	
	.entries .block_5 a, .entries .block_6 a {
	margin-left: 0px;
	margin-bottom: 16px;
	height: 200px;
	width: 48.5%;
	}
	
		.entries .block_4 a .img, .entries .block_5 a .img, .entries .block_6 a .img {
		display: none;
		}
		

		
	.vie-scolaire-numerique strong {
	font-size: 2em;
	}
		
	.actualites .title {
	font-size: 1.35em;
	}
		
	.actualites .vc-posts-list h3 {
	margin-left: 0;
	font-size: 1em;
	}
	
		.actualites .vc-posts-list .post-image {
		display: table-cell;
		vertical-align: top;
		width: 96px;
		}
		
		.actualites .vc-posts-list .post-title {
		display: table-cell;
		}
		
	.actu-generale .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
		padding-bottom: 0;
	} 
		
	.actu-generale .wpb_single_image {
	display: table-cell;
	  vertical-align: top;
	  width: 96px;
	}
	
	.actu-generale .vc_gitem-post-data-source-post_title {
	  line-height: 1.4em;
	  padding-left: 10px;
	  display: table-cell;
	  margin-left: 110px;
	}
	
	.actu-generale .vc_gitem-post-data-source-post_title a:after {
	 display: table;
	 clear: both;
	 content: 'Lire la suite';
	 font-weight: 500;
	 font-size: 13px;
	 border-radius: 10px;
	 margin-top: 8px;
	 color: #9d9d9d;
	 padding: 3px 16px 3px 26px;
	 text-transform: uppercase;
	 background: url('img/icon-arrow.png') no-repeat 16px center;
	 border: 1px solid #9D9D9D;
	}
	
	
	.actu-generale .vc_gitem-post-data-source-post_excerpt {
		display: none;
	}
	
	.actu-generale a.vc_btn {
		display: none;
	}
	
	
		
	.paiement-en-ligne .wpb_button {
	width: 90%;
	padding: 20px 0;
	}

	
	footer.desk {display: none}
	footer.mobile {display: inherit}
	
	footer {
		background: red;
	}
	
		footer .center {
		display: block;
		}
	
		footer .newsletter {
			display: block;
			width: initial;
			padding: 1px 31px 30px;
			clear: both;
		}
		
		footer .contact, footer .links {
		display: block;
		width: initial;
		vertical-align: top;
		padding: 20px 10%;
		}
		
		footer .contact {
		background: url('img/footer-icon-stcricq.png') no-repeat center top;
		text-align: center;
		padding-top: 100px;
		}
		
		footer .logos {
		border-bottom: none;
		margin-bottom: 0px;
		text-align: center;
		}
		footer .logos li {
		display: inline-block;
		padding: 20px 0 40px;
		text-align: center;
		width: 40%;
		}
	
	.error404 .entry-content {
		background: transparent url('img/schoolboy.jpg') no-repeat right top;
		height: 250px;
		padding: 20px 20px;
	}
	
	.error404 .entry-content .wpb_button {
	display: inline-block;
	width: inherit;
	}


	.main-navigation li.menu-item-type-gs_sim,
	.main-navigation li.inscription_item {
		margin: 10px !important;
	}

	.main-navigation li.menu-item-type-gs_sim a,
	.main-navigation li.inscription_item a{
		padding: 10px !important;
		width: auto;
		margin: 0 !important;
		display: block !important;
	}

	.main-navigation li.menu-header-search {
		margin: 0 !important;
		width: calc(100% - 22px);
		padding: 10px !important;
	}

}

/* Minimum width of 500 pixels. */
@media screen and (max-width: 500px) {
.error404 .entry-content {
	background: none;
}

}