/* ==============================================*/
/* ============ DÉFINITION DES BALISES ==========*/

@font-face {
    font-family: 'DroidSans';
    src: url('../fonts/droidsans-webfont.eot');
    src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidsans-webfont.woff') format('woff'),
         url('../fonts/droidsans-webfont.ttf') format('truetype'),
         url('../fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	color:#231f20;
	font-family: DroidSans, Arial;
  font-weight: normal;
  font-style: normal;	
	font-size:12px;
}

h1 {
	font-family: DroidSans, Arial;
	font-size:22px;
	color:#4a81c2;
	text-transform:uppercase;
}
h2 {
	font-family: DroidSans, Arial;
	font-size:16px;
	color:#333333;
}
h3 {
	font-family: DroidSans, Arial;
	font-size:15px;
	color:#333333;	
}
h4 {
	font-family: DroidSans, Arial;
	font-size:14px;
	margin-bottom:3px;
}
h5 {
	font-family: DroidSans, Arial;
	font-size:13px;
}
h6 {
	font-family: DroidSans, Arial;
	font-size:12px;
	font-weight:normal;
	width:250px;
	color:#FFFFFF;
	background-color:#333333;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px; 	
	padding:8px;
}

.bouton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #BBBBBB), color-stop(1, #444444) );
	background:-moz-linear-gradient( center top, #BBBBBB 5%, #444444 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBBB', endColorstr='#444444');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #dcdcdc;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
}

#calendrier_sport td {
	padding-bottom:25px;
}

#nouvelles_sport td {
	padding-bottom:25px;
}

.bouton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #444444), color-stop(1, #BBBBBB) );
	background:-moz-linear-gradient( center top, #444444 5%, #BBBBBB 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#BBBBBB');
	background-color:#dfdfdf;
}

.bouton:active {
	position:relative;
	top:1px;
}

hr {
	background-image: url('../img/separateur_hr.png');
	background-position: center;
	background-repeat:no-repeat;	
	width: 100%;
	height: 20px;
	border:0px;
	margin:40px 0 40px 0;
	opacity:0.65;
 	filter:alpha(opacity=65);		
}

input[type=text]{
	color:#4a81c2;
}

.note {
	background-color:#eee;
	padding:0px 10px 0px 10px;
	border:1px dashed #999;
}

.personnel {
	background-color:#fff;
	padding:0px 10px 0px 10px;
	border:1px dashed #999;
}

.search { 
	font-family: inherit;
	font-size:11px;
	color:#4a81c2;
	padding:0px 15px 0px 30px;
	height:21px;
	margin:0px;
	display:inline;
	overflow:hidden;
	background: url('../img/icone-recherche.png') no-repeat 23px 21px;
	background-position: left;
	border:1px #4a81c2 solid; 
	text-align:center;
}

::selection {
	background: #f57b20;
	color:#ffffff;
}

::-moz-selection {
	background: #f57b20;
	color:#ffffff;
}

select {
    font:14px "Consolas", monospace, arial;
    color:#000;    
		padding:5px;
    margin: 0;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 1px 1px 1px #ccc, 0 0px #fff inset;
		background: url(../img/dropdown-arrow.png) no-repeat right #f8f8f8;		
    border:none;
    outline:none;
    display: block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:25px}
}

#partage {
	
	border: solid 0px red;
	text-align:left;
	padding-right:0px;
	padding-bottom:15px;
	clear:both;
}

#partage_plusone {
	position:relative;
	border: solid 0px green;
	top:7px;
}

#liste_bottin {
	font-size:12px;
	margin:5px;
	padding:5px;
}

.bottin_ligne1 {
	border-top:1px solid #cccccc;
	background-color:#efefef;
	height:25px;
	line-height:25px;
}
.bottin_ligne2 {
	height:5px;
	line-height:5px;
}

.page-ecole-divider {
	border-top:3px dotted #eeeeee;
}

#agenda-detail {
	/*max-width:500px;*/
}

#emplois th {
	text-transform:normal;
	padding-bottom:10px;
}

#personnel_page_ecole .infos {
	background-color:#F57B20;
	color:white;
	padding:10px;
	max-width:220px;
}

pale {
	opacity:0.65;
 	filter:alpha(opacity=65); /* For IE8 and earlier */		
}

#menu4nav li {
	line-height:1.5em;
	float:left;
	display:inline;
	width:30.333%;
	padding-right:3%;
}

#transport_msg_alerte {
	display: table;
	padding:0;
	margin:0;
}

#transport_msg {
	display: table;
	height:100px;
	width:380px;
	border:1px solid #dddddd;
	padding:10px;
}

#transport_msg img {
	float:left;
	padding-right:10px;
}

.group {
	display:table;
  clear: both;
}

#transport_msg .msg, #transport_msg_alerte .msg {
	vertical-align:middle;
	display: table-cell;	
}

#transport_msg span {
	position:relative;
	top:5px;
	font-weight:bold;
}

#avis_transport {
	border:0px solid black;
	line-height:60px;
}

#emailforms, #smsforms {
	display:none;
	margin-top:35px;
	border:1px solid #D9D9D9;	
	max-width:400px;	
	padding:0px;
	margin:0px;
	color: #313131;
	font-family:Arial;	
}

#plandusite ul {
	margin-bottom:5px;
	padding-bottom:0px;
	margin-top:5px;
	padding-top:0px;
}

#plandusite .first {
	font-weight:bold;
}

#mc_embed_signup {
	border:1px solid D9D9D9;
}

#mc_embed_signup input {
	font-family:arial;
	color:black;
}

.recherche_highlight_titre {
 	background-color: #4a81c2;
	color:#fff;
}
.recherche_highlight_contenu {
	background-color: #f57b20;
}

/* =============================================*/
/* ============== STRUCTURE DU SITE ============*/

#header1wrap {
	min-height:29px;
	background-color:#000;	
}

#menu1 {
	text-align:right;
	font-size:12px;
	line-height:29px;
	color:#fff;
}

#menu1 ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#menu1 ul li {
	display:inline;
}

#menu1 ul li > a {
	color:#ffffff;
	text-decoration:none;
	font-size:11px;	
}

#menu1 ul li > a:hover {
	color:#ffffff;
	text-decoration:underline;
	font-size:11px;	
}

#menu1 ul li+li {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '  •  ' +this.innerHTML);
}

#menu1 ul li:before {
	content:' | ';
}

#menu1 ul > li:first-child:before {
	content:'';
}

#header2content {
font-weight:bold;
}

#header3wrap {
	background-color:#f57b20;
}

#bodywrap {
	background-color:#ffffff;
		
}

#menu3 {	
}

.autobus {
	background-image:url('../img/menu3-autobus.png');
	background-position: top-left;
	background-repeat:no-repeat;
	height:64px;	
}

#menu3 ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#menu3 ul li {
	height:29px;
	line-height:25px;
	padding-left:20px;
	background-image:url('../img/menu3-item-bg.png');
	background-position: top-left;
	background-repeat:no-repeat;	
}

#menu3 ul li:last-child {
	height:36px;
}

#menu3 ul li:hover {
	background-image:url('../img/menu3-item-bg-hover.png');
	background-position: top-left;
	background-repeat:no-repeat;	
	cursor:pointer;
}

#menu3 ul li > a {
  display: block;
	color:#ffffff;
	text-decoration:none;
	border:0;	
	text-transform:uppercase;
	font-size:14px;	
}

#body_content_title  {
						
}

#body_content {

}

#body_nouvelles {

}
 
#body_content_content, #body_content_content_CKEditor   {
	font-size:13px;
	text-align:justify;
	padding:0px;
	padding-bottom:20px;
	overflow:hidden;
	border: 0px solid black;
	background:none;
}

#body_content_content ul li, #body_content_content_CKEditor ul li {
	list-style-position: outside;
	list-style-image: url('../img/puce.gif');
}

.imggauche {
	float:left;
	padding:5px;
	margin:5px 15px 5px 0px;
	border:1px solid silver;
	width:33.3333%;
	max-width:225px;			
}

.imgdroite {
	float:right;
	padding:5px;
	margin:5px 0 5px 15px;
	border:1px solid silver;
	width:33.3333%;	
	max-width:225px;	
}

#body_content_content_CKEditor  {
	overflow:scroll;
}

#body_content_content a:visited, #body_content_content a:active, #body_content_content a:link, #body_content_content_CKEditor a:visited, #body_content_content_CKEditor a:active, #body_content_content_CKEditor a:link, #encartpublicitaire a:visited, #encartpublicitaire a:active, #encartpublicitaire a:link {
	margin:0px;
	padding:0px;
	color: #666666;
	text-decoration: underline;
	opacity:1.0;
 	filter:alpha(opacity=100); /* For IE8 and earlier */		
}	

#body_content_content a:hover, #body_content_content_CKEditor a:hover, #encartpublicitaire a:hover {
	margin:0px;
	padding:0px;
	color: #666666;
	text-decoration: underline;
	opacity:0.8;
  ilter:alpha(opacity=80); /* For IE8 and earlier */	
}

#footer1wrap {
	background:url(../img/bg-footer1.jpg) repeat-x;
	color:#fff;
}

#menu4 ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#menu4 ul li {
	height:20px;
	line-height:20px;
	padding-left:0px;
}

#menu4 ul li a {
	color:#ffffff;
	text-decoration:none;
	border:1%;	
	text-transform:uppercase;
	font-size:12px;	
}

#menu4 ul li a:hover {
	text-decoration:underline;
}

#menu4 ul li.mnu_niveau1 > a {
	font-size:18px;	
}

#menu4 ul li.mnu_niveau1 {
	background:url(../img/menu4-niv1-bg.png) no-repeat center left;	
	text-transform:uppercase;
	float:left;
	margin:0;
	padding:1.5%;
	width:30%;
}

#copyright {
	text-align:right;
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	line-height:28px;
	width:98%;
	border:0px solid red;	
}

#copyright a, #copyright a:visited, #copyright a:active {
	color:#666666;
	text-decoration:none;	
}

#copyright a:hover {
	color:#999999;
	text-decoration:none;
}

.blanc {
	background-color:#fff;
}

#arbo {
	color: #000000;
	text-transform:uppercase;
	border: solid 0px #090;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#arbo a, #arbo a:visited, #arbo a:active {
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color: #999999;
	text-transform:uppercase;
	letter-spacing: 0px;
	text-decoration: none;
	cursor: pointer;
}	

#arbo a:hover {
	font-family:arial;
	font-size:12px;
	color: #000000;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing: 0px;
	text-decoration: none;
	cursor: pointer;
	border-bottom-width:0px;	
}


/* =============================================*/
/* ================ LES NOUVELLES ==============*/

.newsstyle {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	margin-left:15px;
	color: #000000;
	text-align:left;
	line-height: 14px;
}

.newslink {
	font-family: DroidSans;
	font-size: 11px;
	padding-left:45px;
	color: #000000;
	top:5px;
	border:0px solid red;
	position:relative;
	padding:0px;
	text-align:left;
}

.newslink a:link, .newslink a:visited, .newslink a:active {
	font-family: DroidSans;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}

.newslink a:hover {
	color: #999999;
	text-decoration: underline;
}

.newslink2, .newslink2 a:link, .newslink2 a:visited, .newslink2 a:active {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	margin-left:8px;
	text-decoration: none;
}

.newslink2 a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	margin-left:8px;
	text-decoration: none;
}


/*************** DIV DE CONTENU *******************/
.inline-10 {
	width:10%;
	float:left;
}
.inline-20 {
	width:20%;
	float:left;
}
.inline-30 {
	width:30%;
	float:left;
}
.inline-33 {
	width: 33.33333333%;
	float:left;
}
.inline-40 {
	width:40%;
	float:left;
}
.inline-50 {
	width:50%;
	float:left;	
}
.inline-50-page-ecole-left {
	width:48%;
	margin-right:2%;
	margin-top:0;
	float:left;
}
.inline-50-page-ecole-right {
	width:48%;
	margin-right:2%;
	margin-top:0;
	float:right;
}

.inline-50-page-ecole-right img {
	max-width:100%;
}
.inline-60 {
	width:60%;
	float:left;	
}
.inline-70 {
	width:70%;
	float:left;	
}
.inline-80 {
	width:80%;
	float:left;
}
.inline-90 {
	width:90%;
	float:left;
}

/*******************************************************/
/* Système de grille */
/*******************************************************/
.onerow {
	clear: both;
	padding: 0 10px;
}


.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0 3% 0 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	max-width: 100%;

}


@media all and (min-width: 1024px) {
	.onepcssgrid-1000 {
		max-width: 1000px;
	}

	.onepcssgrid-1000 .onerow {
		padding: 0;
	}
}


@media all and (max-width: 768px) {
	.onerow {
	}

	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
		float: none;
		width: 99%;
	}
}