Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/css/style.php:1) in /var/www/html/css/style.php on line 2
/* ==============================================*/
/* ============ 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 .msg_orange {
color : red !important;
}
#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%;
}
}