/* ------------------------------------ */
/*                                      */
/*            Généralités               */
/*                                      */
/* ------------------------------------ */

body { 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color: #f3f3f3;	
color: #000;
font-weight: normal;
font-size: 14px;
 }

 #header {	
	height:80px;
	background-color: #ccc;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align: left;	
	background: #999;
	position:fixed;
		left:0px;
	top:0px;
	width: 100%;
}



#taches
{
	float: left;
	width:60%;height:100%;
	margin:  80px 0 0 0px;
	padding:  0 0 0 0px;	
	background: #fff;
	overflow:hidden;
	height:3000px;
}


 #infos 
{
	float: left;
	position:relative;
	width:39%;
		background: #fff;
	margin:  80px 0 0 0px;
	padding: 0 0 0 0px;
	
	height:3000px;
	border-left:1px solid #ccc;
	
}


#bande {
	height:60px;
	width: 100%;
	margin:0px;
	float:left;
	position:fixed;
	left:0px;
	bottom:0px;
	text-align: center;
	margin-top:0px;		
	background:url(../img/bas.png) top left repeat-x;
	background: #999;
	z-index:1000;
	}
 
 
 /* ------------------------------------ */
/*                                      */
/*            TEXTES                    */
/*                                      */
/* ------------------------------------ */

.texte {
font-family: 'Roboto', sans-serif;
font-size:13px;
font-weight: 400;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#000;
}


.texteb {
font-family: 'Roboto', sans-serif;
font-size:14px;
font-weight: 500;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#000;
}

.titre {
font-family: 'Roboto', sans-serif;
font-size:18px;
font-weight: 700;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#000;
}


.cadre {
font:normal 14px "Roboto", Arial, sans-serif;
font-weight: 500;
margin:0px 3px 3px 3px;
padding:5px 8px 5px 8px;
text-decoration:none;
text-align:left;
background: #666;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
cursor:pointer;
color:#fff;
}


.cadre.limit {
font:normal 14px "Roboto", Arial, sans-serif;
font-weight: 500;
margin:0px 3px 3px 3px;
padding:10px 8px 5px 8px;
text-decoration:none;
text-align:left;
background: #666;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
cursor:pointer;
color:#fff;
}

.cadre.limitbas {
font:normal 14px "Roboto", Arial, sans-serif;
font-weight: 500;
margin:0px 3px 3px 3px;
padding:5px 8px 3px 8px;
text-decoration:none;
text-align:left;
background: #666;
-moz-border-radius:7px 7px 0px 0px;
-webkit-border-radius:7px 7px 0px 0px;
border-radius:7px 7px 0px 0px;
}





.cadre a:{
font:normal 15px "Sans", Arial, sans-serif;
font-weight: 400;
font-weight: normal;
margin:3px 3px 3px 3px;
padding:10px 5px 5px 5px;
text-decoration:none;
text-align:left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
  border:1px solid #999;
  cursor:pointer;
}


.cadre.square {
font:normal 14px "Roboto", Arial, sans-serif;
font-weight: 500;
font-weight: normal;
margin:0px 0px 0px 0px;
padding:2px 5px 2px 5px;
text-decoration:none;
text-align:center;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.cadre.devis {
font:normal 12px "Roboto", Arial, sans-serif;
font-weight: 500;
font-weight: normal;
margin:0px 0px 0px 0px;
padding:2px 3px 2px 3px;
text-decoration:none;
text-align:center;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
display:block;
color:#000;
width:80px;
}

.cadre.devis2 {
font:normal 10px "Roboto", Arial, sans-serif;
font-weight: 500;
font-weight: normal;
margin:0px 0px 0px 0px;
padding:2px 3px 2px 3px;
text-decoration:none;
text-align:center;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#000;
position:relative;float:left;
}



.cadre.square.bleu {
  color:#fff;
}


.btn
{
color: #fff;
cursor:pointer;
border : none;
font:normal 12px "Roboto", Arial, sans-serif;
font-weight: 600;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
background-color: #519b29;
height:18px;
text-align:center;
padding-top:2px;
}

.cadre.square.red {

  color:#fff;
}


.cadre.square.vert {

}


.cadre:hover {
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
}


.cadre.circle {
-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;
padding:0px 6px 0px 6px;
}



.barre {
padding:0 0 0 0;
margin:0 0 0 0;
position: relative;
float:left;
background:#eee  url(../img/fond_barre.png) right top no-repeat;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}


.barre_select {
padding:0 0 0 0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
position: relative;
float:left;
background:#d1e2ae  url(../img/fond_barre_on.png) right top no-repeat;
}



.absnav{
font:normal 16px "Ubuntu", Arial, sans-serif;
font-weight: 400;
cursor:pointer;
font-size:14px;
color: #000;
padding:3px 8px 3px 8px;
margin:0px 0px 0px 5px;
opacity:0.8;
background: #f3f3f3;
border-bottom:1px solid #f3f3f3;
line-height:30px;
}

.absnav:hover{
color: #999;
background: #ccc;
opacity:1;

}



.absnav_on{
font:normal 16px "Ubuntu", Arial, sans-serif;
font-weight: 400;
opacity:1;
cursor:pointer;
background: #fff;
font-size:14px;
padding:3px 8px 3px 8px;
margin:0px 0px 0px 0px;
border-bottom:1px solid #fff;
}
.absnav_on:hover{
cursor:arrow;
}




.liste {
position:relative;
float:left;
margin:5px 0px 0px 0px;
padding:5px 5px 5px 5px;
background: #000;
color: #fff;
cursor:pointer;
border-bottom:1px dashed #fff;
}

.liste:hover {
color: #fc0;
border-bottom:1px sold #333;
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
}

.listech {
position:relative;
float:left;
margin:5px 0px 0px 0px;
padding:5px 5px 5px 5px;
background: #000;
color: #fff;
cursor:pointer;
border:1px solid #ccc;
}

.listech:hover {
background: #000;
color: #fc0;
border:1px solid #333;
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
}

.listech.cache {
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
}

.listech.cache:hover {
background: #000;
color: #fc0;
border:1px solid #333;
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
}





.level
 {
font:normal 14px "Roboto", Arial, sans-serif;
font-weight: 400;
font-size:14px;
font-weight: normal;
color:#000;
text-align: left;
}



.level.orange
{
color:#fc0;
}

.level.vert
 {
color:#85bc43;
}

.level.a
 {
font-size:24px;
color:#9ff;
}


.level.b
 {
font-size:16px;
color:#000;
}
.level.c
 {
font-size:14px;
color:#9ff;
}
.level.ins
 {
font-size:14px;
color:#9b97ef;
color:#d1cfff;
 background: url(../img/help.png) no-repeat left center;
 padding:0px 0px 0px 25px;
}

.level.insf
 {
font-size:14px;
color:#4d0b9f;
}

.level.help
 {
font-size:14px;
color:#f4e7a9;
}
.level.help.t
 {
font-size:16px;
color:#fc0;
}


.level.noir
 {
font-size:12px;
color:#000;
}

.modif
{
width:750px;
padding:10px 10px 10px 10px;
margin:10px 10px 10px 0px;
background: #666;
border:1px solid #ccc;
border-left:20px solid #ccc;	
}


.link a{
color: #fff;	
font:14px "Ubuntu", Arial, sans-serif;
font-weight: 400;
text-align: left;
text-decoration:none;
}

.link a:hover{
color: #ccc;	
}




 
 


.select_alias {  
font-size: 12px; 
font-family:"Calibri", sans-serif;
font-weight: bold;
color: #fff;
border-bottom : 1px solid #B8C0A6;
border-right : 1px solid #B8C0A6;
border-top : 1px solid #59663A;
border-left : 1px solid #59663A;
border-radius: 3px;
-webkit-border-radius: 10px;
background:url(../img/fond_select.png) bottom left repeat-x; }

.jauge {
background-image: url(../img/jauge.png);
width: 45px;
height: 14px;
display: block;
padding: 0;
border-bottom : 2px solid #ccc;
border-right : 2px solid #ccc;
border-top : 1px solid #333;
border-left : 1px solid #333;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.icones {
background-image: url(../img/icones.png);
width: 40px;
height: 40px;
display: block;
padding: 0;
border-bottom : 2px solid #ccc;
border-right : 2px solid #ccc;
border-top : 1px solid #333;
border-left : 1px solid #333;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}




#zipbtn {
cursor:pointer;
}
#zipbtn:hover{
cursor:pointer;
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
}


#btn_valid
{
color: #fff;
cursor:pointer;
border : none;
font:normal 16px "Roboto", Arial, sans-serif;
font-weight: 400;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #519b29
}


#btn_valid:hover 
{
color: #333;
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
background-color: #ccc
}

#btn_little_valid
{
color: #fff;
cursor:pointer;
border : none;
font:normal 12px "Roboto", Arial, sans-serif;
font-weight: 600;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
background-color: #519b29
}


#btn_little_valid:hover 
{
color: #333;
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
background-color: #ccc
}


#btn_nav
{
color: #fff;
cursor:pointer;
border : none;
font:normal 13px "Overlock", Arial, sans-serif;
font-weight:700;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
background-color: #ccc;
  cursor:pointer;
}

#btn_nav:hover 
{
color: #333;
-moz-opacity:0.3;
opacity: 0.3;
filter:alpha(opacity=30);
background-color: #ccc
}

#date
{
color: #fff;
font:normal 12px "Roboto", Arial, sans-serif;
font-weight: 500;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #79a7d1;
text-align:center;
margin:0px 2px 0px 0px;
padding:3px 0px 3px 0px;
}

#titre
{
position:relative;
float:left;
width:98%;
margin:10px 0px 0px 10px;
padding:5px 0px 0px 5px;
background:#fff;
text-align:left;
}


.liste_user
{
color: #000;
font:normal 12px "Roboto", Arial, sans-serif;
font-weight: 400;
width:90%;
position:relative;
float:left;
background-color: #f3f3f3;
border:1px solid #ccc;
text-align:left;
margin:3px 2px 0px 0px;
padding:3px 0px 3px 5px;
}

#colorpick{  
position:absolute;
float:left;
width:20px;
height:20px;
display:block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
 }
 
 .produits
{
color: #fff;
font:normal 12px "Roboto", Arial, sans-serif;
font-weight: 500;
width:98%;
position:relative;
float:left;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #79a7d1;
text-align:left;
margin:3px 2px 0px 0px;
padding:3px 0px 3px 5px;
background-color: #666;
border-bottom:1px solid #666;
}

.produits:hover
{

background-color: #f3f3f3;
-moz-opacity:0.9;
opacity: 0.9;
filter:alpha(opacity=90);
}



.select2.prod{  
font:normal 14px "Roboto", Arial, sans-serif;
font-weight: 400;
color: #333;
padding:1px 2px 1px 3px;
margin:3px 2px 0px 0px;
border:none;
 }
 
 .cadre.aff{  
font:normal 12px "Roboto", Arial, sans-serif;
font-weight: 500;
display:block;
background-color: #666;
color: #fff;
text-align:center;
 }
 
 
 
 
 
.table
{
font-family: 'Roboto', sans-serif;
font-size:13px;
font-weight: 400;
border-collapse:collapse;
color:#000;
}

.table tr
{
background:#fff;
}

.table tr.alt
{
background:#f3f3f3;
}

.table tr:hover
{
background:#ccddf2;cursor:pointer;
}

.table tr.alt:hover
{
background:#a6c7f0;
}


.table td
{
font-size:14px;
border:1px solid #ccc;
padding:2px 5px 2px 5px;
color:#000;
}

.table td.alt 
{
color:#fff;
background:#4a5c86;
cursor:pointer;
}
.table td.alt:hover
{
background:#ccddf2;
color:#000;
}




 
.table2
{
font-family:"Roboto", Arial, Helvetica, sans-serif;
border-collapse:collapse;
color:#000;
}
.table2 tr
{
background:#cee1f7;
}
.table2 tr.alt
{
background:#fff;
}
.table2 td
{
font-size:14px;
border:1px solid #4e5174;
padding:2px 5px 2px 5px;
color:#000;
}
.table2 td.alt 
{
color:#fff;
background:#5c6a8a;
cursor:pointer;
}
.table2 td.alt:hover
{
background:#ccddf2;
color:#000;
}





.table4
{
font-family:"Roboto", Arial, Helvetica, sans-serif;
border-collapse:collapse;
color:#000;
}
.table4 tr
{
background:#fff;
}
.table4 tr.alt
{
background:#cecfe3;
}
.table4 td
{
font-size:14px;
border:1px solid #4e5174;
padding:2px 5px 2px 5px;
color:#000;
}
.table4 td.alt 
{
color:#006;
background:#cecfe3;
cursor:pointer;
}
.table4 td.alt:hover
{
background:#ccddf2;
color:#000;
}













.table3
{
font-family:"Roboto", Arial, Helvetica, sans-serif;
border:none;
background:#none;
color:#000;
}


.select
{
font-family: 'Roboto', sans-serif;
font-size:14px;
font-weight: 400;
background:none;
border:none;
width:98%;
height:16px;
}




.select2
{
font-family: 'Roboto', sans-serif;
font-size:16px;
font-weight: 300;
background:none;
border:none;
width:98%;
height:16px;
background-color: #ebebeb;
border:1px solid #BBBBBB;
}


.select3
{
font-family: 'Roboto', sans-serif;
font-size:14px;
font-weight: 300;
background:none;
border:none;
height:16px;
border:none;
border-bottom:1px solid #aaa;
}

.select4{
font-family: 'Archivo Narrow', sans-serif;
font-size:17px;
font-weight: normal;
margin:3px 0px 0px 2px;
padding:0px 0px 0px 0px;
border: 1px solid; border-color: #ccc #aaa #aaa #ccc;
background: #E1FFFE;
color: #000;
text-decoration:none;
text-align:left;
border-radius: 3px;
}



#calendar {
position :relative;
font: bold 12px Arial, sans-serif;
width: 650px;
text-align:left;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 5px;
color: #333;
border: 1px solid #030;
background: #fff;

}

#an {
font: normal 12px Arial, sans-serif;
position: relative;
width: 620px;
height:30px;
text-align:left;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
background: #fff;
color: #fff;

}

#m {
font: normal 10px Arial, sans-serif;
position: relative;
width: 630px;
height:30px;
text-align:left;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
background: #fff;
color: #fff;
}
#carre{
float:left;width:12px;height:12px;margin:1px 0px 0px 6px; padding:0px 0px 0px 0px; border:1px solid #333;
}

#grille{
font: normal 12px Arial, sans-serif;
position: relative;
float:left;
width:160px;
height:20px;
text-align:left;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
color: #000;
}

#grille2{
font: normal 12px Arial, sans-serif;
position: relative;
float:left;
width: 160px;
text-align:left;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
color: #333;
}

#nav{
font: normal 10px Arial, sans-serif;
display: block;
position: relative;
width: 630px;
height:40px;
text-align:left;
margin:5px 0px 0px 0px;
padding:2px 0px 0px 0px;
background: #ccc;
color: #fff;
}


#year a {
font: bold 11px Arial, sans-serif;
color: #666;
text-align:center;
float :left;
background: #e0f1cd;
border: 1px solid #CFBCA3;
text-decoration:none;
margin:2px 2px 2px 0px;
padding:5px 5px 5px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 10px;
}

#year a:hover 
{
background: #003;
}

#year_select a {
font: bold 11px Arial, sans-serif;
text-align:center;
float :left;
color: #000;
background: #c7e976;
border: 1px solid #CFBCA3;
margin:2px 2px 2px 0px;
padding:5px 5px 5px 5px;
text-decoration:none;
-moz-border-radius: 3px;
-webkit-border-radius: 10px;
}

#year_select a:hover {
background: #fff;
}

#semaine {
color: #333;
background: #A4D88F;
font: bold 12px Arial, sans-serif;
text-align:center;
float :left;
border: 1px solid #CFBCA3;
margin:2px 2px 2px 0px;
padding:5px 5px 5px 5px;
}


#jday {
color: #fff;
background: #374447;
font: bold 12px Arial, sans-serif;
text-align:center;
width :14px;
float :left;
border: 1px solid #ccc;
margin:1px 1px 1px 0px;
padding:1px 1px 1px 1px;
border-radius: 2px;}

#jday_print {
color: #fff;
background: #374447;
font: bold 12px Arial, sans-serif;
text-align:center;
width :22px;
float :left;
border: 1px solid #fff;
margin:1px 1px 1px 0px;
padding:1px 1px 1px 1px;
-moz-border-radius: 2px;
-webkit-border-radius: 3px;

}




#day2 {
color: #666;
background: #fff;
text-align:center;
width :14px;
position:relative;
float :left;
border: 1px solid #CFBCA3;
margin:1px 1px 1px 0px;
padding:1px 1px 1px 1px;
text-decoration:none;
-moz-border-radius: 2px;
-webkit-border-radius: 3px;
}

#day2:hover{
color: #fff;
background: #9c3;
}

#btn_little_valid
{
color: #fff;
cursor:pointer;
border : none;
font:normal 12px "Roboto", Arial, sans-serif;
font-weight: 300;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
background-color: #519b29
}




.day_vide {
color: #666;
text-align:center;
width :14px;
position:relative;
float :left;
margin:1px 1px 1px 0px;
padding:1px 1px 1px 1px;
text-decoration:none;
border-radius: 2px;
}

.day {
color: #666;
cursor:pointer;
text-align:center;
width :14px;
position:relative;
float :left;
border: 1px solid #CFBCA3;
margin:1px 1px 1px 0px;
padding:1px 1px 1px 1px;
text-decoration:none;
border-radius: 2px;
}





.cadre_day {
color: #666;
text-align:center;
width :12px;
height :12px;
position:relative;
float :left;
border: 1px solid #CFBCA3;
margin:1px 1px 1px 0px;
padding:1px 1px 1px 1px;
text-decoration:none;
}



.day:hover{
color: #fff;
background: #9c3;
}


#day_evene a{
color: #666;
background: #249fed;
text-align:center;
width :14px;
position:relative;
float :left;
border: 1px solid #CFBCA3;
margin:1px 1px 1px 0px;
padding:1px 1px 1px 1px;
text-decoration:none;
-moz-border-radius: 2px;
-webkit-border-radius: 3px;
}

#day_evene a:hover{
color: #fff;
background: #9c3;
}




#day_select a{
color: #333;
background: #b6f63a;
text-align:center;
width :14px;
float :left;
border: 1px solid #CFBCA3;
margin:1px 1px 1px 0px;
padding:1px 1px 1px 1px;
text-decoration:none;
-moz-border-radius: 2px;
-webkit-border-radius: 3px;
}

#day_select a:hover{
color: #333;
background: #ccc;
}