Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/css/responsive.php:1) in /var/www/html/css/responsive.php on line 2
Warning: mysql_query(): No such file or directory in /var/www/html/site_checkup.php on line 11
Warning: mysql_query(): A link to the server could not be established in /var/www/html/site_checkup.php on line 11
Warning: mysql_fetch_array() expects parameter 1 to be resource, boolean given in /var/www/html/site_checkup.php on line 11
Warning: session_start(): Cannot send session cookie - headers already sent by (output started at /var/www/html/css/responsive.php:1) in /var/www/html/css/responsive.php on line 4
Warning: session_start(): Cannot send session cache limiter - headers already sent (output started at /var/www/html/css/responsive.php:1) in /var/www/html/css/responsive.php on line 4
getp :
img, object, embed, video {
max-width: 100%;
height:auto;
}
/* IE 6 ne prend pas en charge max-width ; la largeur par défaut est donc fixée à 100% */
.ie6 img {
width:100%;
}
/* Propriétés de grille fluide Dreamweaver
----------------------------------
dw-num-cols-mobile: 4;
dw-num-cols-tablet: 8;
dw-num-cols-desktop: 12;
dw-gutter-percentage: 25;
Inspiré par par Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design
et le système Golden Grid par Joni Korpi
http://goldengridsystem.com/
*/
.fluid {
clear: both;
margin-left: 0;
width: 100%;
float: left;
display: block;
}
.fluidList {
list-style:none;
list-style-image:none;
margin:0;
padding:0;
}
/* Disposition mobile : 480px et moins. */
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 98%;
clear: none;
float: none;
padding-left:1%;
padding-right:1%;
}
body {
background-image:none;
background-color:#fff;
}
#header1logo {
float:left;
border:0px solid white;
}
#secondmobilemenu { display:none; }
#menu1 {
float:right;
border:0px solid red;
}
#header2wrap {
background-color:#fff;
color:#000;
min-height:100px;
}
#header2logo {
display:none;
}
#header2content {
width: 100%;
clear: both;
margin-top:15px;
}
#header2social {
width: 100%;
clear: left;
margin-top:15px;
}
#header3wrap {
width:100%;
}
#sliderwrap {
margin-bottom:-16px;
}
#body_content {
width: 100%;
clear: both;
margin-left: 0;
}
#menu3 {
background-color:#336699;
}
#menu3 select {
float:left;
margin:15px 0px 15px 10px;
}
#menu4 select {
float:left;
margin:15px 0px 15px 10px;
}
#encartpublicitaire {
max-width:350px;
width: 100%;
clear: both;
margin-left: 0;
margin-top:20px;
margin-bottom:50px;
}
#footer1wrap {
}
#footer1logo {
display:none;
}
#menu4 {
width: 100%;
clear: both;
margin-left: 0;
}
#footer2wrap {
background-color:#000000;
color:#fff;
min-height:28px;
}
#copyright {
}
.zeroMargin_mobile {
margin-left: 0;
}
#menu1 select {
margin:25px 0 15px 0;
}
.hideupto3 {
display: none;
}
.selectnav { display: block; }
.js #secondmobilemenu, .js #menu1nav, .js #menu3nav, .js #menu4nav { display:none; }
#agenda, #actualite {
width:100%;
}
#agenda tr, #actualite tr {
border-bottom:2px dotted #dddddd;
}
#agenda tr:last-child, #actualite tr:last-child {
border-bottom:none;
}
#agenda tr td, #actualite tr td {
padding:10px 10px 10px 0px;
}
#agenda .photo, #actualite .photo {
width:22%;
min-width:175px;
}
#agenda .contenu, #actualite .contenu {
width:78%;
}
@media screen and (max-width: 480px) {
.inline-50-page-ecole-left, .inline-50-page-ecole-right {
float: none;
width: auto;
}
}
/* ================================ Matrice 2 ================================ */
@media only screen and (min-width: 481px) {
.gridContainer {
width: 98%;
padding-left: 1%;
padding-right: 1%;
clear: none;
float: none;
margin-left: auto;
}
#header2content {
width: 100%;
clear: both;
margin-left: 0;
}
#header2social {
width: 100%;
clear: both;
margin-left: 0;
}
#body_content {
width: 100%;
clear: both;
margin-left: 0;
}
#encartpublicitaire {
width: 100%;
clear: both;
margin-left: 0;
}
#footer1logo {
display:none;
clear:both;
}
#menu4 {
width: 100%;
clear: both;
margin-left: 0;
}
.zeroMargin_tablet {
margin-left: 0;
}
}
/* ================================ Matrice 3 ================================ */
@media only screen and (min-width: 769px) {
body {
background-image:url('../img/bg.png');
background-position: top center;
background-attachment:fixed;
background-color:#000;
}
.gridContainer {
width: 98.875%;
/*width: 88.875%;*/
max-width: 730px;
padding-left: 0.5625%;
padding-right: 0.5625%;
margin: auto;
clear: none;
float: none;
margin-left: auto;
}
.gridContainerLarge {
width: 98.875%;
/*width: 88.875%;*/
max-width: 750px;
padding-left: 0.5625%;
padding-right: 0.5625%;
padding:0px;
margin: auto;
clear: none;
float: none;
margin-left: auto;
}
#header2logo {
width: 15.2542%;
}
#header2content {
width: 48%;
margin-left: 2%;
clear: none;
line-height:50px;
}
#header2social {
width: 48%;
margin-left: 2%;
clear: none;
line-height:50px;
position:relative;
top:-12px;
text-align:right;
left:-12px;
}
#header3wrap {
width: 100%;
}
#sliderwrap {
background-image:url('../img/bg-slider-750.png');
background-position: top;
background-repeat:no-repeat;
position:relative;
margin:0;
padding:0;
margin-bottom:-16px;
}
#arbowrap {
min-height:25px;
line-height:25px;
}
#body_content {
width: 100%;
clear: both;
margin-left: 0;
}
#encartpublicitaire {
width: 100%;
clear: both;
margin-left: 0;
}
#footer1logo {
width: 15.2542%;
}
#menu4 {
width: 83.0508%;
margin-left: 1.6949%;
clear: none;
}
.zeroMargin_desktop {
margin-left: 0;
}
span_middle {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
span_bottom {
display: inline-block;
vertical-align: bottom;
line-height: normal;
}
}
/* ================================ Matrice 4 ================================ */
@media only screen and (min-width: 990px) {
.selectnav { display: none; }
.js #secondmobilemenu, .js #menu1nav, .js #menu3nav, .js #menu4nav { display:block; }
.gridContainer {
width: 98.875%;
max-width: 940px;
padding-left: 0.5625%;
padding-right: 0.5625%;
margin: auto;
clear: none;
float: none;
margin-left: auto;
}
.gridContainerLarge {
width: 98.875%;
max-width: 960px;
padding-left: 0.5625%;
padding-right: 0.5625%;
padding:0px;
margin: auto;
clear: none;
float: none;
margin-left: auto;
}
#header1logo {
display:none;
}
#header2logo {
display:block;
}
#header2content {
width: 49.1525%;
margin-left: 1.6949%;
clear: none;
line-height:114px;
}
#header2social {
width: 32.2033%;
margin-left: 1.6949%;
clear: none;
line-height:114px;
}
#menu1 {
width:100%;
}
#menu4 {
position:relative;
top:35px;
}
.slicknav_menu {
display:none;
}
#sliderwrap {
background-image:url('../img/bg-slider-960.png');
background-position: top;
background-repeat:no-repeat;
position:relative;
margin:0;
padding:0;
margin-bottom:-16px;
}
#footer1logo {
display:block;
width: 15.2542%;
}
#body_content {
width: 70%;
margin-left: 1.6949%;
clear: none;
}
#encartpublicitaire {
width: 100%;
clear: both;
margin-left: 0;
}
#menu3 {
width: 23.7288%;
margin-left: 0;
clear: both;
position:relative;
left:-12px;
background-color:transparent;
}
#arbowrap {
min-height:25px;
line-height:25px;
}
#arboempty {
width: 23.7288%;
margin-left: 0;
clear: both;
}
#arbo {
width: 70%;
margin-left: 1.6949%;
clear: none;
}
.hideupto3 {
display:block;
}
.showupto3 {
display:none;
}
#menu4 {
width: 83.0508%;
margin-left: 1.6949%;
clear: none;
}
}
/* ================================ Matrice 5 ================================ */
@media only screen and (min-width: 1230px) {
.gridContainer {
width: 98.875%;
max-width: 1180px;
padding-left: 0.5625%;
padding-right: 0.5625%;
margin: auto;
clear: none;
float: none;
margin-left: auto;
}
.gridContainerLarge {
width: 98.875%;
max-width: 1200px;
padding-left: 0.5625%;
padding-right: 0.5625%;
padding:0px;
margin: auto;
clear: none;
float: none;
margin-left: auto;
}
#sliderwrap {
background-image:url('../img/bg-slider-1200.png');
background-position: top;
background-repeat:no-repeat;
position:relative;
margin:0;
padding:0;
margin-bottom:-16px;
}
#arbowrap {
min-height:25px;
line-height:25px;
}
}