@charset "UTF-8";
/* CSS Document */

body{ margin:0px;   font-family: 'Open Sans', sans-serif; font-size:11px; color:#000000; }

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; border: 1px solid #D8D8D8;height:18px;border-radius: 1px;}
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; }
a { color: #000000; } 
a:hover { color: #993333; }

#menu, #menu ul 
{ 
padding : 0; 
margin : 0; 
list-style : none; 
line-height : 21px; 
text-align : center; 
} 
#menu 
{ 
font-family : Arial; 
font-size : 14px; 
text-align:center; 
margin-top: 60px; 
float: left; 
} 
#menu a 
{ 
display : block; 
padding : 0; 
color : #000; 
text-decoration : none; 
width : 110px; 
background-color:#DADADF; 
text-align:center; 
color:#000000; 
font-size:14px; 
text-decoration:none; 
border:1px solid #efefef; 
padding:2px; 
letter-spacing:2px; 
cursor:hand;
} 
#menu li 
{ 
float : left; 
border-right : 1px solid #fff; 
} 
html>body #menu li 
{ 
border-right: 1px solid transparent ; 
} 
#menu li ul 
{ 
position: relative; 
width: 110px; 
left: -999em; 
} 
#menu li ul li 
{ 
border-top : 1px solid #fff; 
} 
html>body #menu li ul li 
{ 
border-top : 1px solid transparent; 
} 
#menu li ul ul 
{ 
margin : -22px 0 0 100px ; 
border-left : 1px solid #fff ; 
list-style-type:none; 
} 
html>body #menu li ul ul 
{	
border-left : 1px solid transparent ; 
} 
#menu li ul ul {	
margin : -22px 0 0 105px ; 
float:left; 
} 
#menu a:hover 
{ 
color: #000; 
} 
#menu li:hover ul ul, #menu li.sfhover ul ul 
{	
left: -999em; 
} 
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul 
{ 
left: auto; 
min-height: 0; 
}

.bouton_accueil{ width:110px; background-color:#9EBEFF; text-align:center; color:#000000; font-size:14px; text-decoration:none; border:1px solid #AFB9E5; padding:3px; letter-spacing:2px; cursor:hand;}
.bouton_forum{ width:110px; background-color:#FFD88C; text-align:center; color:#000000; font-size:14px; text-decoration:none; border:1px solid #AFB9E5; padding:3px; letter-spacing:2px; cursor:hand;}
.bouton_blog{ width:110px; background-color:#ADED8F; text-align:center; color:#000000; font-size:14px; text-decoration:none; border:1px solid #AFB9E5; padding:3px; letter-spacing:2px; cursor:hand;}

.bouton_chat{ width:110px; background-color:#DADADF; text-align:center; color:#000000; font-size:14px; text-decoration:none; border:1px solid #AFB9E5; padding:3px; letter-spacing:2px; cursor:hand;}

fieldset { padding:10px 10px 10px 10px; margin:0px 7px 7px 7px; border:1px solid #AFB9E5; text-align:center;}
legend { font-weight: bold; }
.bouton { color : #134474; font: normal 10px Arial; background-color: #FFFFFF; font-weight : bold;	border: #1F3A95 1px solid;}
.bouton_photo { color : #134474; font: normal 10px Arial; background-color: #FFFFFF; font-weight : bold; border: #999999 1px solid;}

.logo {
	width: 300px;
	padding: 19px 0px;
	position: absolute;
	left: 0px;
	no-repeat; 
	margin-top:5px; 
	margin-left:5px; 
}
.bandeau{ width:1000px; height:80px; background-image: url(/images/bandeaux/bandeau.jpg); border:0px solid #AFB9E5; border-bottom:0px; text-align:left; font-size:10px; }
.bandeau_bas { width:1000px; height:40px; background-image: url(../images/bandeau_bas.jpg); border:0px solid #AFB9E5; text-align:left; font-size:10px;}

.bandeau_footer{ width:1000px; height:30px; background-image: url(../images/fond_bandeau.jpg); border:1px solid #AFB9E5; margin-top:15px; padding:5px; }

.colonne_gauche{ width:140px; background-image: url(../images/general/fond_colonne_gauche.jpg); padding:0px; vertical-align:top; }
.colone_milieu { background-image: url(../images/bandeaux/fond_centre.jpg); background-repeat:no-repeat; background-color :#FFFFFF; border-left:1px solid #AFB9E5; border-right:1px solid #AFB9E5; padding:5px; vertical-align:top; height:400px; text-align:center; }
.colonne_droite{ width:140px; background-image: url(../images/general/fond_colonne_gauche.jpg); padding:0px; vertical-align:top; }
.colonne_bas{ background-color:#FFFFFF; padding:5px; text-align:center; border-top:1px solid #AFB9E5;}

.bande_accueil{ width:1000px; height:10px; border:1px solid #AFB9E5; background-color:#729EFF; }
.bande_accueil_onglet{ width:1000px; height:15px; border:1px solid #AFB9E5; background-color:#729EFF; margin-top:0px; }


.bandeau_navigation { width:1000px; background-color:#FFFFFF; text-align:left; border-right:1px solid #AFB9E5; border-left:1px solid #AFB9E5; padding:0px 0px; }
.bandeau_annonce { width:1000px; border-top:1px solid #AFB9E5; border-right:1px solid #AFB9E5; border-left:1px solid #AFB9E5; padding:5px 0px; }

.colone_gauche_accueil{background-color:#8faae1;width:147px;padding:0;vertical-align:top;text-align:left;}
.colone_gauche_forum{background-color:#FFE2AC;width:147px;padding:0;vertical-align:top;text-align:left;}
.colone_gauche_galerie{background-color:#FEA9C0;width:147px;padding:0;vertical-align:top;text-align:left;}
.colone_gauche_blog{background-color:#ADED8F;width:147px;padding:0;vertical-align:top;text-align:left;}
.colone_gauche_carte{background-color:#E1B6FE;width:147px;padding:0;vertical-align:top;text-align:left;}

.tableau_principal{
	width : 1000px;	
	border:1px solid #AFB9E5; 
	border-collapse:collapse;
	background-color: #FFFFFF;
	margin:0px;
}

.tableau_localisation{
	width : 1000px;
	height: 25px;
	border-collapse:collapse;
	margin:0px;
	border:1px solid #AFB9E5; 
	border-bottom:0px solid #AFB9E5;
	border-top:1px solid #AFB9E5;
	background-color: #FFFFFF;
}

.cadre_general{
	border : 1px solid;
	border-color : #CCCCCC;
	padding : 10px;
	text-align : justify;
}

.cadre_titre_chapitre{
	background-color : #FBF9F9;
	border-left : 1px solid;
	border-right : 1px solid;
	border-top : 1px solid;
	border-color : #CCCCCC;
	padding : 5px;
	font-size: 11px;
	font-weight: bold;
}

.tableau_externe{	
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;	
	border-collapse: collapse; 
}

.tableau_interne{	
	border-right:1px solid #F5F3F7;
	border-left:1px solid #F5F3F7;
	border-top:1px solid #F5F3F7;
	border-bottom:1px solid #F5F3F7;	
	border-collapse: collapse; 
}

.titrerubrique { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; }

.fondmenu{
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-indent:9px;
	background-color:#567C8D;
	background-position:0px 7px;
	background-repeat:no-repeat;
	padding:3px 0px 3px 0px;
	border-bottom:1px solid #AFB9E5;
	font-weight: 800;
}
.fondmenu_rubrique{text-indent: 20px;  background-color:#FFFFFF; background-image:url(../images/general/puce_titres.gif);background-repeat:no-repeat; background-position:0px 5px;padding:1px 0px 1px 0px; border-bottom:1px solid #E5E5E5;border-right:0px;}
.fondmenu_rubrique_perso{text-indent: 20px;  background-color:#ECEAEA; background-image:url(../images/general/puce_titres.gif);background-repeat:no-repeat; background-position:0px 5px;padding:1px 0px 1px 0px; border-bottom:1px solid #CCCCCC;border-right:0px;}

.fondmenu_rubrique_accueil{text-indent: 20px;background-image:url(../images/puce_titre_accueil.gif); background-repeat:no-repeat;background-position:0px 5px;padding:1px 0px 1px 0px; border-bottom:1px solid #E5E5E5; border-right:0px;}

.fondmenu_rubrique_rouge{text-indent: 20px;background-image:url(../images/puce_titre_photo.gif); background-repeat:no-repeat;background-position:0px 5px;padding:1px 0px 1px 0px; border-bottom:1px solid #E5E5E5; border-right:0px;}


.fondmenu_formulaire_connexion{ text-indent:15px; background-color:#ECEAEA; padding:0px 0px 2px 0px; padding-top: 1px; border-right:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #333333; text-decoration: none; }

.fond_cadre_orange { border-width: 1px; border-style: solid; border-color: #FFBE91; margin:0px }
.fond_cadre_violet { border-width: 1px; border-style: solid; border-color: #A66EC5; margin:0px }
.fond_cadre_rose { border-width: 1px; border-style: solid; border-color: #FF99B6; margin:0px }
.fond_cadre_marron { border-width: 1px; border-style: solid; border-color: #716763; margin:0px }
.fond_cadre_blog{ border-width: 1px; border-style: solid; border-color: #DEF5C5; margin: 0px; }
.fond_cadre_titre{ border-width: 1px; border-style: solid; border-color: #F2F5FC; margin: 0px; padding:4px; }
.fond_cadre_galerie { border-width: 1px; border-style: solid; border-color: #FF99B6; margin:0px }

.texte1 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #000000;}
.texte2 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #8D8D8D;}
.texte3 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #666666;}
.texte4 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #FF9003;}

.texte_orange {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #F89146;}
.texte_bleu {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #5176C6;}
.texte_rose{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FF99B6;}
.texte_violet{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #8D58AA;}
.texte_rouge{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FF0000;}
.texte_vert{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #82D65D;}
.texte_blog{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #82D65D;}
.texte_jaune{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFCA6F;}
.texte_noir{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;text-decoration: none; }
.texte_etude{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;text-decoration: none;
   position: relative;
  padding: 10px 15px;
  float:left;
}

.actif2{
  background-color: #efefef;
  border: 1px solid #ddd;
  border-bottom-color: transparent;	
    margin-right: 2px;
  line-height: 1.42857143;
  border-radius: 4px 4px 0 0;
    position: relative;
  padding: 10px 15px;
  float:left;
}


.texte_gris{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #8D8D8D;}
.texte_blanc{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;}
.texte_marron{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #716763;}

.t1{ height : 38px; width : 34px; background-image : url(http://www.funcity.fr/images/forums/fondcellules1.jpg); background-repeat : repeat-x; vertical-align: middle; text-align: center; }
.t2{ background-image : url(http://www.funcity.fr/images/forums/fondcellules1.jpg); background-repeat : repeat-x; vertical-align: middle; }
.t3{ width : 150px; background-image : url(http://www.funcity.fr/images/forums/fondcellules1.jpg); background-repeat : repeat-x; vertical-align: middle; text-align: left; }
.t4{ width : 34px; background-image : url(http://www.funcity.fr/images/forums/fondcellules1.jpg); background-repeat : repeat-x; vertical-align: middle; text-align: right; }
.t5{ width : 130px; background-image : url(http://www.funcity.fr/images/forums/fondcellules_droit.jpg); background-repeat : repeat-x; vertical-align: middle; text-align: center; }
.t6{ width : 150px; background-image : url(http://www.funcity.fr/images/forums/fondcellules_droit.jpg); background-repeat : repeat-x; vertical-align: middle; text-align: center; }

.tt1{ background-color : #F9F5EA; vertical-align: middle; padding: 15px; border-bottom:1px solid #FFFFFF;}
.tt2{ background-color : #FCFAF4; vertical-align: middle; padding: 5px; vertical-align:top; border-bottom:1px solid #FFFFFF;}

.tr1{ background-color : #FBF9F9; text-align : center; vertical-align: middle; padding: 5px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.tr2{ vertical-align: middle; padding: 5px; border-bottom:1px solid #CCCCCC;}

.tabnormal{background-color:white;}
.tabrose{background-color:#FFE5E9;}
.tabbleu{background-color:#E5EEFF;}

.tableau_externe{ border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-collapse: collapse; }

.tableau_formulaire{ width:575px; wiborder-style:solid; border-width:1px; border-color:#F2F5FC; padding:4px; border-collapse:collapse; }

.fond_bas{ width:1000px; background-color:#FBF9F9; border-right:1px solid #AFB9E5; border-left:1px solid #AFB9E5; border-bottom:1px solid #AFB9E5; padding:5px 0px; }

.ligne_selectionne{background-color:#E6E6E6}
.non_lu{font-weight:bold;}
.tableau_titre{ background-color : #FBF9F9; vertical-align: middle; padding: 5px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}  
.tableau_message{vertical-align: middle; padding: 5px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.input_erreur{background-color : #FFE5E9; }

.of{ margin-top:7px; }
.tf{ width:100%; border:solid 1px #E8EEFA; padding:4px; border-collapse:collapse; margin: 0px; }
.tf td {border-width:1px; border:solid 1px #E8EEFA; margin:0px; padding: 4px 10px 4px 10px; }
.tf th {border-width:1px; font-weight: normal; color:#999999; border:solid 1px #E8EEFA; margin:0px; padding:4px; font-size: 11px;}
.tf2 { width:100%; border:solid 1px #E8EEFA; padding:4px; border-collapse:collapse; margin: 0px; }
.tf2 td { border:solid 1px #E8EEFA; margin:0px; padding: 2px 2px 2px 2px; }
.tf2 th {border:solid 1px #E8EEFA; margin:0px; padding: 2px 2px 2px 2px; font-size: 11px; text-align: center;}

#tabLigne td {border-width:1px; border:solid 1px #E8EEFA; margin:0px; padding: 4px 10px 4px 10px; }
.img { border: 1px solid #FEF536; }
.gris { color : #999999;}

.header{
padding: 10px 10px 10px 10px;
  margin:auto;
  border: 1px solid #567C8D;
    -webkit-border-radius: 4px;
  -moz-border-radius: 4px / 4px;
  border-radius: 4px / 4px;
  -webkit-box-shadow: 0 1px 0px #567C8D;
  -moz-box-shadow: 0 1px 0px #567C8D;
  box-shadow: 0 1px 0px #567C8D;
  text-align: center;
  width:76%;
  height: 50px;	
  box-sizing:border-box;
}

.main{
margin:auto;
width:986px;
}

.sous_menu{
margin:auto;
width:986px;
text-align:center;	
margin-top:10px;
margin-bottom:10px;
}

.clear{
	clear:both;
	height:10px;	
}


.clear1{
clear:both;
height:1px;	
}

.clear10{
clear:both;
height:10px;	
}

.logo{
	width:100px;
	float:left;	
}

.logo img{
	width:100%;	
}

.login{
margin:auto;
margin-top:20px;
width:290px;
border: 1px solid #567C8D;
    -webkit-border-radius: 5px;
  -moz-border-radius: 5px / 5px;
  border-radius: 5px / 5px;
  -webkit-box-shadow: 0 1px 2px #567C8D;
  -moz-box-shadow: 0 1px 2px #567C8D;
  box-shadow: 0 1px 2px #567C8D;
height:130px;	
  font-size: 12px;
}


.button{
  width: 96px;
  height: 22px;
	font-size:14px;
	background:#567C8D;
	color:#FFF;
	border:none;
	border-radius:5px;
	cursor:pointer;
}


.button:hover{
	  width: 96px;
  height: 22px;
	font-size:14px;
	background:#ef90b0;
	color:#FFF;
	border:none;
	border-radius:5px;
	 -webkit-transition: 1s ease;
        -moz-transition: 1s ease;
         -ms-transition: 1s ease;
          -o-transition: 1s ease;
             transition: 1s ease;
}


.button_l{
    width: 100px;
    height: 16px;
	font-size:12px;
	background:#567C8D;
	color:#FFF;
	border:none;
	border-radius:3px;
	cursor:pointer;
	text-align:center;
	padding:5px;
}

.button_l a{
	color:#FFF;
 	text-decoration:none;
}


.button_l:hover{

	background:#77acc3;

	 -webkit-transition: 1s ease;
        -moz-transition: 1s ease;
         -ms-transition: 1s ease;
          -o-transition: 1s ease;
             transition: 1s ease;
}


.bouton2 {
	padding:6px 0 6px 0;
	font:bold 13px Arial;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:100px;
	border:none;
}
.bouton3 {
	padding:6px 0 6px 0;
	font:bold 13px Arial;
	background:#f5f5f5;
	color:#555;
	border-radius:2px;
	width:100px;
	border:1px solid #ccc;
}
.bouton4 {
	padding:6px 0 6px 0;
	font:bold 13px Arial;
	background:#f5f5f5;
	color:#555;
	border-radius:2px;
	width:100px;
	border:1px solid #ccc;
	box-shadow:1px 1px 3px #999;
}


.button_l2{
   
    height: 30px;
	font-size:14px;
	background:#567C8D;
	color:#FFF;
	border:none;
	border-radius:5px;
	cursor:pointer;
	text-align:center;
	padding:5px;
}


.button_l2:hover{

	background:#ef90b0;

	 -webkit-transition: 1s ease;
        -moz-transition: 1s ease;
         -ms-transition: 1s ease;
          -o-transition: 1s ease;
             transition: 1s ease;
}

.alert_vert{
	width:50%;
	height:100px;
	line-height:100px;
	background:#329100;
	color:#FFF;	
	font-size:14px;
	margin:auto;
	text-align:center;
}

.alert_vert2{
	width:50%;
	height:100px;
	line-height:100px;
	background:#329100;
	color:#FFF;	
	font-size:14px;
	margin:auto;
	text-align:center;
	position:absolute;
}

.alert_vert a{
	color:#FFF;	
}

.add_button{
  width: 160px;
  height: 31px;
  background: url(../img/add.png) no-repeat;
  padding-top: 5px;
  padding-left: 33px;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;	
}

.zone_liste{
  border: 1px solid #D2D3D3;
  margin:auto;
  width:100%;
  padding:5px;
  box-sizing:border-box;	
}

.delete{
	width:50%;
	max-width:70px;
	height:32px;
	background:url(img/delete.png) no-repeat;
	padding-left:21px;
	padding-top:2px;
	box-sizing:border-box;
	float:left;	
	cursor:pointer;
	margin:auto;
}

.delete:hover{
color:#2980b9;
}

.zone_crea{
width:600px;	
margin:auto;
border: 1px solid #D2D3D3;
}

.label{
width:40%;
float:left;
padding-top:10px;
padding-left:10px;
box-sizing:border-box;	
}

.modify{
  width: 50%;
  max-width: 70px;
  height: 32px;
  background: url(../img/edit.png) no-repeat;
  padding-left: 21px;
  padding-top: 2px;
  box-sizing: border-box;
  float: left;
  cursor: pointer;
  font-size: 14px;
  margin-right: 20px;	
}

.voir{
  width: 50%;
  max-width: 70px;
  height: 32px;

  padding-left: 21px;
  padding-top: 2px;
  box-sizing: border-box;
  float: left;
  cursor: pointer;
  font-size: 14px;
  margin-right: 20px;	
}


.btn_supprimer{
width: 50%;
  max-width: 70px;
  height: 32px;
background: url(../img/delete.png) no-repeat;
  padding-left: 21px;
  padding-top: 2px;
  box-sizing: border-box;
  float: left;
  cursor: pointer;
  font-size: 14px;
  margin-right: 20px;		
}

.btn_supprimer2{
width: 50%;
  max-width: 70px;
  height: 32px;
background: url(../img/delete.png) no-repeat;
  padding-left: 21px;
  padding-top: 2px;
  box-sizing: border-box;
  float: left;
  cursor: pointer;
  font-size: 14px;
  margin-right: 20px;		
}

.btn{
cursor:pointer;	
}

.etat{
  width: 200px;
  margin: auto;
  font-size: 12px;
  font-weight: bold;
  color: #F22B2E;
  height: 39px;
  text-align: center;
  display:none;
}

.header_titre{
margin: auto;
width: 700px;	
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.zone_pop_up_valider{
position:absolute;	
width:100%;
margin:auto;
}

.pop_up_valider{
display: none;
  max-width: 315px;
  width: 100%;
  position: fixed;
  min-height: 90px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 20;
  top: 84px;
  background:#329100;
	color:#FFF;	
  border: 1px solid #dee0e0;
  transition-duration: 0.1s,0.5s;
  transition-property: background-color;
  transition-timing-function: linear,ease-out;
  -moz-transition-duration: 0.1s,0.5s;
  -moz-transition-property: background-color;
  -moz-transition-timing-function: linear,ease-out;
  -webkit-transition-duration: 0.1s,0.5s;
  -webkit-transition-property: background-color;
  -webkit-transition-timing-function: linear,ease-out;
  -o-transition-duration: 0.1s,0.5s;
  -o-transition-property: background-color;
  -o-transition-timing-function: linear,ease-out;
  -ms-transition-duration: 0.1s,0.5s;
  -ms-transition-property: background-color;
  -ms-transition-timing-function: linear,ease-out;
  margin-bottom: 20px;
  border-radius: 2px;
    box-sizing: border-box;
  padding: 25px;
  font-size: 14px;
}

.zone_pop_up_valider2{
position:absolute;	
width:100%;
margin:auto;
}

.pop_up_valider2{
display: none;
  max-width: 240px;
  width: 100%;
  position: fixed;
  min-height: 90px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 20;
  top: 84px;
  background:#329100;
	color:#FFF;	
  border: 1px solid #dee0e0;
  transition-duration: 0.1s,0.5s;
  transition-property: background-color;
  transition-timing-function: linear,ease-out;
  -moz-transition-duration: 0.1s,0.5s;
  -moz-transition-property: background-color;
  -moz-transition-timing-function: linear,ease-out;
  -webkit-transition-duration: 0.1s,0.5s;
  -webkit-transition-property: background-color;
  -webkit-transition-timing-function: linear,ease-out;
  -o-transition-duration: 0.1s,0.5s;
  -o-transition-property: background-color;
  -o-transition-timing-function: linear,ease-out;
  -ms-transition-duration: 0.1s,0.5s;
  -ms-transition-property: background-color;
  -ms-transition-timing-function: linear,ease-out;
  margin-bottom: 20px;
  border-radius: 2px;
    box-sizing: border-box;
  padding: 25px;
  font-size: 14px;
  cursor:pointer;
}


.btn_choix{
	width:80px;
	height:20px;
	border-radius: 2px;
	  background: #567C8D;
	padding:0px;
	color:#FFFFFF;
	border:none;
	font-size:12px;
	-webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;	
	text-align:center;
	margin-left:2px;
	margin-right:2px;
}

.btn_choix:hover{
cursor:pointer;
	background:#77acc3;
	-webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;	
}

        .tooltip{
            text-align: center;
            color: black;
            display: none;
            background:#fff;
            position: absolute;
            -webkit-box-shadow: 0px 2px 55px -1px rgba(15,15,15,1);
            -moz-box-shadow: 0px 2px 55px -1px rgba(15,15,15,1);
            box-shadow: 0px 2px 55px -1px rgba(15,15,15,1);
            text-align:left;
            padding:10px;
        }
        .tooltip span{
            color:green;
        }
        .tooltip1{
            text-align: center;
            color: black;
            display: none;
            background:#fff;
            position: absolute;
            -webkit-box-shadow: 0px 2px 55px -1px rgba(15,15,15,1);
            -moz-box-shadow: 0px 2px 55px -1px rgba(15,15,15,1);
            box-shadow: 0px 2px 55px -1px rgba(15,15,15,1);
            text-align:left;
            padding:10px;
        }
        .tooltip11{    
            text-align: center;
            color: black;
            display: none;
            background:#fff;
            position: absolute;
            -webkit-box-shadow: 0px 2px 55px -1px rgba(15,15,15,1);
            -moz-box-shadow: 0px 2px 55px -1px rgba(15,15,15,1);
            box-shadow: 0px 2px 55px -1px rgba(15,15,15,1);
            text-align:left;
            padding:10px;
        }
        select{
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            font-weight: bold;
            color: #000000;
            border: 1px solid #D8D8D8;
            height: 25px;
            border-radius: 5px;
        }
        label.checkbox-label input[type=checkbox]{
            position: relative;
            vertical-align: middle;
            bottom: 1px;
        }
        label{
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            font-weight: bold;
        }