body {
margin:0;
padding:0;
font-family: 'cairolight';
}
html {
margin:0;
padding:0;
}

@font-face {
    font-family: 'cairolight';
    src: url('polices/cairo-light-webfont.woff2') format('woff2'),
         url('polices/cairo-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cairosemibold';
    src: url('polices/cairo-semibold-webfont.woff2') format('woff2'),
         url('polices/cairo-semibold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}
h3 {
font-family: 'cairolight';
padding-left:30px;
}
.bodyaccueil {
background-color:#566777;
}
.bloccentralconnexiongauche {
background-color:#47A6CB;
text-align:center;
}
.bloccentralconnexiongauche img{
margin-top:50px;
width:80%;
height:auto;
}
.bloccentralconnexiondroite {
background-color:white;
}
.bloccentralconnexiondroitemargin {
margin:20px;
}
.blocconnexion input[type="text"] {
border: solid 1px #566777;
width:90%;
font-family: 'cairolight';
margin-top:15px;
margin-bottom:15px;
padding:10px;
}
.blocconnexion input[type="password"] {
border: solid 1px #566777;
width:90%;
font-family: 'cairolight';
margin-top:15px;
margin-bottom:15px;
padding:10px;
}
.connexion {
font-family: 'cairolight';
color:#A4A4A4;
font-size:140%;
margin-top:100px;

}
.boutonformulaire {
width:200px;
background-color:#47A6CB;
color:white;
padding:10px;
margin-right:10%;
border: solid 1px #47A6CB;
}
.blocmenulogo {
background-color:#47A6CB;
text-align:center;
height:75px;
line-height:75px;
vertical-align:middle;
}
.blocmenulogo img{

width:50%;
height:auto;
border:0;
vertical-align:middle;
}
.lignemenu {
width:90%;
margin:auto;
border-bottom:solid 1px #8E9FAE;
height:60px;
line-height:60px;
vertical-align:middle;
}
.lignemenuicone {
display:inline-block;
width:20%;
vertical-align:middle;
text-align:center;
}
.lignemenutitre {
font-family: 'cairolight';
color:white;

width:80%;
display:inline-block;
vertical-align:middle;
}
.blocinfosutilisateur {
margin-top:15px;
margin-bottom:15px;
text-align:center;
font-family: 'cairolight';
color:white;

}
.bloccentralconnexiondroitetitre {

height:75px;
line-height:75px;
vertical-align:middle;
background-color:#94CBE0;
width:100%;
color:white;
font-family: 'cairosemibold';
}
.bloccentralconnexiondroitetitremarge {
margin-left:60px;
}
.titrebarrerecherche1 {
font-size:250%;
width:100%;
text-align:center;
margin-top:40px;
color:#566777;
font-family: 'cairolight';
}
.titrebarrerecherche2 {
font-size:160%;
width:100%;
text-align:center;
margin-bottom:40px;
color:#566777;
font-family: 'cairolight';
}
.barrerecherche {
width:70%;
margin:auto;
}
.barrerecherchetext {
width:80%;
height:60px;
font-family: 'cairolight';
font-size:120%;

display:inline-block;
vertical-align:middle;
border: solid 1px #DFE0E2;
}
.barrerechercheimage {
width:19%;
display:inline-block;
vertical-align:middle;
background-color:#47A6CB;
height:62px;
text-align:center;
vertical-align:middle;
border-top: solid 1px #DFE0E2;
border-right: solid 1px #DFE0E2;
border-bottom: solid 1px #DFE0E2;
}
.elementville {
background-color:white;
border-left:solid 5px #47A6CB;
font-family: 'cairolight';
font-size:80%;
}
.elementvillemarge {
margin:10px;
}
.barrerecherche {
margin-top:15px;
margin-bottom:15px;
}
.elementvillemargeicone {
display:inline-block;
vertical-align:middle;
margin-left:15px;
margin-right:15px;
}
.elementvillemargecontenu  {
color:#3E4A55;
display:inline-block;
vertical-align:middle;
}
.contenu {
margin:1%;
}
.cartegauche {
background-color:white;
border:solid 1px #E4E2DE;
}
.reglagesdroite {
background-color:white;
border:solid 1px #E4E2DE;

}
.bloctiers {
background-color:white;
border:solid 1px #E4E2DE;
margin-top:1%;
}
.bloctiersmargin {
margin:2%;
}
.cartegauchepadding {
margin:2%;
}
.reglagesdroitepadding {
margin:2%;
}
.titre {
font-family: 'cairolight';
font-size:120%;
color:#8E8E8E;
vertical-align:middle;
}
.titre img {
padding-left:10px;
padding-right:10px;
vertical-align:middle;
}
.imagezoom {
width:100%;
height:auto;
margin-top:1%;
}
.lignereglages {
width:90%;
margin:5%;
border-bottom:solid 1px #E4E2DE;
}
.lignereglagesintitule {
width:45%;
margin-right:5%;
display:inline-block;
font-family: 'cairolight';
color:#8E8E8E;
vertical-align:top;
font-size:90%;
}
.lignereglagesintitule img{
vertical-align:middle;
padding-left:5px;
padding-right:5px;
}
.lignereglagesinput {
width:50%;
display:inline-block;
vertical-align:top;
}
.boutonformulaire {
padding:10px;
background-color:#94CBE0;
color:white;
text-align:center;
border-radius:8px;
border:0;
}
.boutonretour {
width:30px;
height:30px;
line-height:30px;
vertical-align:middle;
border-radius:15px;
text-align:center;
border:solid 1px #47A6CB;
color:#47A6CB;
display:inline-block;
vertical-align:middle;
}

.texteretour {
display:inline-block;
vertical-align:middle;
margin-left:15px;
color:#47A6CB;
font-family: 'cairolight';
font-size:75%;
}
.barreretour {
margin-bottom:1%;

}
.barreretour:hover .boutonretour {
background-color:#47A6CB;
color:white;
}
input[type=text] {
border:solid 1px #E4E2DE;
}
.bloctiersintitule {
margin-top:15px;
font-family: 'cairolight';
color:#8B8B8B;
font-size:80%;
}
.parametres {
margin-top:50px;

}
.parametres a {
color:#566777;
text-decoration:none;
font-family: 'cairolight';
}
.parametres img{
padding-right:20px;
vertical-align:middle;
}
.ajoutprevisiontitre {
background-color:white;
width:200px;
padding:15px;
text-align:center;
color:#99A4C2;
font-family: 'cairolight';
text-transform: uppercase;
}
.ajoutprevisioncontenu {
background-color:white;
}
.ajoutprevisioncontenupadding {
padding:15px;
}
.ajoutprevision {
margin:3%;
}
.formulaireprevision {
padding:8px;
border:solid 1px #99A4C2;
}
.previsionjourcarredate {
background-color:#94CBE0;
display:inline-block;
vertical-align:top;
width:135px;
height:110px;
font-family: 'cairolight';
color:white;
text-align:center;
text-shadow: 0px 0px 13px rgba(150, 150, 150, 0.5);
}
.previsionjourcontenu {
display:inline-block;
vertical-align:top;
background-color:white;
min-height:110px;
}
.previsionjourcontenupadding {
padding:15px;
}
.previsionjour {
padding-bottom:10px;
}
.previsionjourchiffre {
font-size:170%;
}
.previsionjourjour {
font-weight:bold;
padding-top:10px;
}
li {list-style-type: none;}
li:before {
	content: "→ "; /* caractère UTF-8 */
	color:#94CBE0;
}
.heureprevision {
font-weight:bold;
}
.previsionadmin {
color:#566777;
}
.previsionperso {
color:#823E00;
}
.lienprev {
text-decoration:none;
}
.boutonsupprimer {
width:200px;
background-color:#E48F8F;
color:white;
margin-right:10%;
padding:10px;
text-align:center;
border-radius:8px;
border:0;
}
.lienblanc {
text-decoration:none;
color:white;
font-size:80%;
}
.lignetitres {
background-color:#4E5669;
color:white;
padding:12px;
font-weight:bold;
font-size:110%;
}
.tableauconducteurs {
width:90%;
margin:auto;
font-family: 'cairolight';
margin-top:30px;
}
.lignenormale {
background-color:white;
font-size:90%;
padding:12px;
}
.champsduree {
padding:5px;
border:0;
font-family: 'cairolight';
font-size:130%;
width:100%;
}
.tdduree {
width:160px;
}
.conducsujet {
background-color:#F3FAFC;
}
.blocabonnement {
background-color:white;
border:solid 1px #94CBE0;
border-radius:5px;
margin:20px;
text-align:center;
}
.blocabonnementpadding {
padding:20px;
}
.blocelementabonnement {
color:#566777;
font-size:80%;
padding-top:10px;
padding-bottom:10px;
border-top:solid 1px #566777;
}
.prixabonnement {
font-size:200%;
}
h2 {
color:#566777;
}
a {
color:#566777;
text-decoration:none;
}
.support {
margin:20px;
}
.nomchamps {
color:#566777;
font-size:90%;
padding:10px;
}
.champsinput {
width:70%;
margin-left:10%;
}
.champsinput input {
padding:10px;
border:solid 1px #566777;
width:100%;
}
textarea {
padding:10px;
border:solid 1px #566777;
width:80%;
}
.boutonsupport {
background-color:#566777;
color:white;
padding:10px;
border:solid 1px #566777;
width:100%;
}
.messagenvoye {
width:100%;
margin-bottom:40px;
background-color:#008000;
color:white;
padding-top:8px;
padding-bottom:8px;
}
.parametres {
font-family: 'cairolight';

color:#566777;
}
.cadreblanc {
background-color:white;
margin:15px;
}
.cadreblancpadding {
padding:15px;
}
.blocchoixanimation {
background-color:white;
border:solid 1px #566777;
text-align:center;
}
.blocchoixanimation  img{
max-width:50px;
height:auto;
}
.blocchoixanimationpadding {
padding:15px;
}