/* Keeps page centred in all browsers regardless of content height, section1 amended to 0px for padding-right and margin-left */
   /* line 1 extra { removed and line em commented out on line 220 */
   /* line 138 ul changed to ul.horiz #menu space added*/
   /* line 175 imgsection1 added */
   /* Line 152 new li update added */
   /* Line 61 new class .centre */
   /* Line 281 merged all blue and .matr added */
   /* Imagesection2 added for 50% */
   /* Colour 4 changed to  #581845  */
   /* Column 1 added 33% */
   /* detail font reduced to 1.2 from 1.4 */
html {   
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
} 
*.site-main {
  *zoom: 1;
  max-width: 72.286em;
  _width: 72.286em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.538em;
  padding-right: 1.538em;
  margin-bottom: 4.5em;
}
*.site-main:after {
  content: "";
  display: table;
  clear: both;
}
body
{
padding: 12px;
margin-bottom:20px;
border: 10px solid blue;
}
#bloc_page
{
width: 100%;
margin: auto;
}
#page
{
display:inline-block;
width: 100%;
border: 0px 2px dashed rgb (255,255,200);
margin-right: 100px;
background-image: url("../Images/background.gif");
margin-top:0,5px;
border-radius:10px;
}
a
{
text-decoration:none;
text-align: right;
}
.en-tete
{
border:0,5px solid;
height: 300px;
width: 100%;
background-image: url ('../Images/arriere.jpg');
}
.center
{
text-align: center;
}	
.titre
{
text-align: center;
font-size:35px;
background-position:center;
}
h2
{
font-size:47px;
font-family:Bernard MT Condensed;
text-align: center;
font-weight:bolder;
}
h3
{
text-align: center;
font-size: 25px;
margin-top:10px;
margin-bottom:0px;
}
h4
{
text-align: center;
font-size: 18px;
margin-top:5px;
margin-bottom:1px;
}
h5
{
text-align: center;
font-size: 14px;
}
.tab
{
background-color:#AFBBEE;
border:#AFBBEE;
width:100%;
cellspacing:0; 
cellpadding:2;
color: blue;
text-align: center;
}
.sutab
{
text-align:center;
font-size:40px;
background-color:#AFBBEE;
color: blue;
}
.contab
{
text-align:center;
width:38%;
font-size:20px;
background-color:green;
color:black;
}
.heure
{
font-size:27px;
text-align:left;
color:red;
}
.animation
{
text-align:center;
}
#menu
{
border: 0,2px solid;
background-color:green;
height: 30px;
text-align: center;
}
ul.EIP li
{
font-size: 1em;
font-family:Arial;
color:black;
}
#menu ul li
{
font-weight:bold;
font-size: 1em;
font-family:Arial;
display: inline-block;
background-color: blue;
color: blue;
height:30px;
text-align:center;
border-radius:3px;
}
#menu ul li.update
{
font-weight:bold;
font-size: 1em;
font-family:Arial;
display: inline-block;
background-color:red;
color: blue;
height:30px;
text-align:center;
border-radius:3px;
}
a
{
color: white;
}
.form
{
color: blue;
}
.section1,.detail
{
display: inline-block;
}
.section1
{
float:left;
border:0.2px solid white;
width: 24%;
top:30px;
position:relative;
padding-right:0px;
margin-left:0px;
background-color: #AFBBEE;
}
.imgsection1
{
width:30%;
margin: auto;
display:block;
}
.imgsection2
{
width:50%;
margin: auto;
display:block;
}
.imgsection
{
width:80%;
margin: auto;
display:block;
}
.txtsection
{
font-size:1.4em;
text-align:center;
}
.dual
{
font-size:1.4em;
font-family:Bookman old style;
text-align:justify;
border:2px soled green;
width:72%;
top:0px;
padding-left:14%;
}
.detail
{
font-size:1.2em;
font-family:Bookman old style;
text-align:justify;
border:2px soled green;
width:72%;
top:0px;
padding-left:20px;
}
.column
{
float: left;
width: 20%;	
padding: 0px;
}
.column1
{
float: left;
width: 32%;	
padding: 0px;
}
.column2
{
float: left;
width: 48%;	
padding: 0px;
}
.column3
{
float: left;
width: 55%;	
padding: 0px;
}
.row::after
{
content: "";
width : 100%;
clear: both;
display: table;
}
form
{
border:2px solde green;
}
/* em
{
font-size: 20px;
} */
table
{
border-collapse:collapse;
text-align: center;
height: 10px;
width:100%;
}
h1
{
text-align: center;
}
table
{
border: #AFBBEE;
}
.galerie2
{
background-color:#AFBBEE;
border:#AFBBEE;
text-align:center;
width:90%;
border-color:#AFBBEE;
}
.sousgalerie2
{
text-align:center;
width:50%;
font-size:1;
color:black;
}
.rep,.repa,.trec,.treca,.con,.mat,.pri,.sec,.eva,.ense,.sante
{
color: blue;
}
.matr
{color: red;}
.rouge {color: red};
.tabecole
{
border:#AFBBEE;
}
.soustabecole
{
background-color:#AFBBEE;
color: blue;
}
.tabelib
{
border:#AFBBEE;
font-size: 0.7em;
}
.salutation
{
text-align: center;
}
.flotte,.identite,.identite4,.identite3,.identite35,.identite45,.identite5,.identite6,.identite7,.identite8,.identite9
{
display: inline-block;
}
.flotte
{
float: left;
width: 24%;
position:relative;
padding-right:0px;
padding-left:5px;
top: 10px;
}
.identite4
{
text-align:justify;
height:4cm;
width:75%;
top:0px;
padding-left:0px;
}
.identite
{
text-align:justify;
height:3.5cm;
width:75%;
top:0px;
padding-left:0px;
}
.identite35
{
text-align:justify;
height:3.5cm;
width:75%;
top:0px;
padding-left:0px;
}
.identite45
{
text-align:justify;
height:4.5cm;
width:75%;
top:0px;
padding-left:0px;
}
.identite6
{
text-align:justify;
height:6cm;
width:75%;
top:0px;
padding-left:0px;
}
.identite7
{
text-align:justify;
height:7cm;
width:75%;
top:0px;
padding-left:0px;
}
.identite8
{
text-align:justify;
height:8cm;
width:75%;
top:0px;
padding-left:0px;
}
.identite9
{
text-align:justify;
height:9cm;
width:75%;
top:0px;
padding-left:0px;
}
.identite5
{
text-align:justify;
height:20cm;
width:75%;
top:0px;
padding-left:0px;
}
.identite3
{
text-align:justify;
height:3cm;
width:75%;
top:0px;
padding-left:0px;
}
.titrelivret1
{
color: red;
}
.titrelivret2
{
color: blue;
}
.titrelivret4
{
color: #581845;
}
.titrelivret3
{
color: green;
}
.retour
{
text-align:center;
color: green;
}
.pied
{
border:0.4px solid;
background-image:url("../Images/preview.jpg");
height:140px;
text-align:center;
font-size:large;
float:bottom;
}