html, body{margin:0px; padding:0px; height:100%;}

body{

		margin:0px; padding:0px; 
		font-size:14px; color:#000;
		font-family: 'Open Sans', sans-serif;  
		direction: ltr;
		background:#fff ;
		font-weight:400;
		background:#e7e7e7 url(../images/bg.png) no-repeat center center;background-size:cover;
}



h1, h2, h3, h4, h5, h6,  p{padding:0px; margin:0px 0px; }
h1, h2, h3, h4, h5, h6{font-weight: 700;} 
h1{color: #000;font-size: 30px;margin:20px 0;border-bottom:1px solid #000;padding-bottom:10px;}
h2{color: #000;font-size: 26px;margin:10px 0;}
h3{color: #000;font-size: 22px;}
h4{color: #000;font-size: 20px;}
h5{color: #000;font-size: 18px;}
h6{color: #000;font-size: 16px;}

p{color:#000; line-height:30px;margin-bottom:10px;}
p.err{color:red}
p.small{font-size:12px; }

a{text-decoration:none; outline:none;color:#000;}
a:hover{color:#068ad4;}
a img{border:0px; outline:none;}

a.bouton{background-color:#068ad4;color:#fff;padding:5px 10px;}
a.bouton:hover{color:#000}

.fullpagewidth{width:1175px;margin-left:auto;margin-right:auto;max-width:95%;}
.left{float:left;width:50%;}
.text_left {float:right; width:550px;margin-right:30px;text-align:left;} 
.right{float:right;width:50%;}
.text_right {float:left; width:550px;margin-left:30px;text-align:left;}
.fleft {float:left}
.fright {float:right}
.tcenter {text-align:center}
.tright {text-align:right}
.clear{clear:both; font-size:0px; height:0px; line-height:0px;}
.clearfix:after {content: "";display: table;clear: both;}


img{max-width:100%;}
img.tn{width:100px;margin-right:10px}

li.no_bullets{list-style:none}

/**************** forms ****************************/

input, select, textarea{ outline:none;}
input[type="text"],input[type="number"],input[type="email"],input[type="password"]  {background:#fff;  border:1px solid #000;font-size:13px;color:#000;padding:10px 2%;width:95%;margin-bottom:15px; }
input[type="text"].ws_check{display:none;}	
input[type="number"].position{width:40px;}	
input[type="text"].date{width:100px;}	

textarea{background:#fff;  border:1px solid #000;font-size:14px;color:#000;padding:10px 2%;height:100px;width:95%;margin-bottom:15px; }
select{padding:10px 30px 10px 0; background-color:#fff;margin-top:0px;font-size:13px;color:#000;font-weight:700;border:1px solid #000;}

input[type="submit"] {cursor:pointer; border:1px solid #068ad4;background:#068ad4; font-size:13px; font-weight:700;color:#fff;padding:10px 20px;text-align:center;  text-transform:uppercase;margin-bottom:15px; }
input[type="submit"]:hover{background:#000;color:#fff;}

table input{margin-bottom:0!important}

/**************** Tables ****************************/

table {border-collapse: collapse;}
td, th{padding: 10px;}
th{text-align:left;background-color:#068ad4;color:#ffffff}
th.boutons{min-width:85px}
tr{border:1px solid #000;background-color:#fff}
tr.paire{border:1px solid #282828;background-color:#e5e5e5;}
tr.brouillon{background-color:red;}

/***************** pages containers **************/


.col1_2f{float:left; width:50%; margin-right:0}
.col1_2{float:left; width:48%; margin-right:4%}
.col1_2:last-child{float:right; width:48%; margin-right:0}
.col1_2r{float:right; width:48%; margin-right:0}

.col1_3f{float:left; width:33.3%; margin-right:0}
.col1_3{float:left; width:32%; margin-right:2%}
.col1_3:last-child{float:right; width:32%; margin-right:0}
.col1_3r{float:right; width:32%; margin-right:0}

.col1_4f{float:left; width:25%; margin-right:0}
.col1_4{float:left; width:22%; margin-right:4%}
.col1_4:last-child{float:right; width:22%; margin-right:0}
.col1_4r{float:right; width:22%; margin-right:0}

.col1_5f{float:left; width:20%; margin-right:0}
.col1_5{float:left; width:18%; margin-right:2.5%}
.col1_5:last-child{float:right; width:18%; margin-right:0}
.col1_5r{float:right; width:18%; margin-right:0}

.col1_6{float:left; width:15%; margin-right:2%}
.col1_6:last-child{float:right; width:15%; margin-right:0}
.col1_6r{float:right; width:15%; margin-right:0}

.col2_3{float:left; width:65%; margin-right:1%}
.col2_3r{float:right; width:66%; margin-right:0}

.col3_4{float:left; width:73%; margin-right:1%}
.col3_4r{float:right; width:74%; margin-right:0}

.col5_6{float:left; width:78.5%; margin-right:1%}
.col5_6r{float:right; width:79.5%; margin-right:0}

header{background-color:#000;font-size:14px;color:#fff;padding:20px;}

footer{background-color:#068ad4;font-size:13px;position:relative;padding:10px 20px;}
footer .copyright{float:left; width:55%; margin-top:5px;color:#fff}
footer .lithium{float:right; text-align:right;width:240px;color:#fff;margin-top:3px; }
footer .lithium .cie{float:right; margin-top:2px;}
footer .lithium .logo{float:right; margin:0 10px;}
footer .lithium .conception{float:right; margin-top:2px;}
footer .lithium a{text-decoration:underline;color:#fff}
footer .lithium a:hover{text-decoration:none;color:#fff}

.footer-scroll-button{position:absolute;margin-left:auto;margin-right:auto;top:10px;width:20px;left:0;right:0;font-size:20px;}
.footer-scroll-button a{color:#fff}
.footer-scroll-button a:hover{color:#000}	


.loggin-logo{width:500px;max-width:100%;margin: 40px auto 20px;text-align:center;}

.loggin-form{width:500px;max-width:100%;margin: -40px auto 20px;border:2px solid #000;}
.loggin-form .titre{background-color:#068ad4;padding:10px 0;border-bottom:2px solid #000;}
.loggin-form .titre h1, .loggin-form .titre h2{font-size:16px;color:#fff;margin:0;text-align:center;border:none !important;}
.loggin-form .formulaire{background-color:#fff;padding:20px 40px 10px;text-align:center;}

.gestionnaire{display:flex;}

.left-menu{float:left;width:20%;background-color:#3b3e40;min-height:500px;flex:1;}
.left-menu .cat{border-top:1px solid #fff;padding:10px;color:#fff;text-transform:uppercase;}
.left-menu .cat a{color:#fff;font-weight:700}
.left-menu .titre{border-top:1px solid #fff;padding:10px;color:#fff;text-transform:uppercase;background-color:#068ad4;color:#fff;text-align:center;font-weight:700;}
.contenu{float:right;width:76%;padding:20px 2%;flex:4.5;}

.hautpage{position:relative}
.hautpage a.bouton{position:absolute;top:0;right:0}
.hautpage input[type="text"]{width:40%;}

a.sort{color:#fff;margin-left:5px;font-size:18px}
a.sort.down{margin-left:0;}
a.sort:hover{color:#000;}



.ligne{width:100%;margin-bottom:10px;}

.ligne .champ{width:30%;float:left;padding-top:7px;}
.ligne .donnees{width:70%;float:left;}

.ligne.titre{background-color:#068ad4;border:1px solid #000;padding:10px 0;font-weight:700;color:#fff;text-align:center;}
.ligne.data{border-bottom:1px solid #068ad4;padding:5px 0}
.ligne .libelle{float:left;width:18%;margin-right:2%;}
.ligne .libelle.libelle-nb{width:13%;}
.ligne .champs_fr, .ligne .champs_en{float:left;width:38%;margin-right:2%;}
.ligne .champs_fr.champs-fr-nb{width:78.5%;margin-right:0}
.ligne .champs_en.champs-en-nb{display:none;}

.pasbilingue{display:none;}

.nicEdit-main{background-color:#fff;height:250px;}

.pagination{margin-top:40px;float:right;line-height:40px;max-width:100%;}
.pagination a.bouton{margin-left:5px;}
.pagination a.bouton.actif{color:#068ad4;background-color:#000;}

.galerie .images{float:left;width:17%;margin-right:2%;}
.galerie .images img{width:100%;}

.filtre_cont{float:left;width:30%;margin-left:2%}

.icone{width:200px}