/********************************************************begin styles index******************************************/
/*
Design by EMACI TECHNOLOGIE
http://www.emaci.org
*/

#carousel1
{
width:100%; 
height:350px;
background-color:transparent;
}
*
{
/*margin: 0px;
padding: 0px;*/
}

img
{
border: 0px;
}

a:link {
	color: #ffffff;
}

a:hover {
	text-decoration: none;
	color: #ffffff;
}

a:visited {
	color: #ffffff;
}

body {
	
	background: #172473;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	
}

#contenu
{
	margin: 10px 10px 10px 10px;
	
	border-radius: 10px 10px  10px  10px ;
	/*background: url(images/maron_orange/lefttop.jpg) repeat-y;*/

}


#entete {
	height: 114px;
	width: 98%;
}
.bouton
{
	/*border-radius:1px;*/
	background-image: url(../vue/images/bleu/headmenu.JPG);
	color: #000;
	width: 120px;
	height: 20px;
	border-radius:7px 7px 7px 7px;
}
.bouton:hover
{
	text-decoration:underline;
	color:#03F;
	
}
.textbox
{
	
	border: 1px ridge #06F;
	width:250px;
	height:25px;
}
.textbox:hover
{
	border: 2px ridge #06F;
	height:25px;
}
/* html,body ,#wrapper ,#main ,#content,.Accordion {width:100%;} */
/* html,body ,#wrapper ,#main,#content,.Accordion {height:96%;} */


fieldset
{
	border: 1px ridge #FFF;
	border-radius:10px 10px 10px 10px;
}


#menu1
{

height: 47px;
margin: 0 auto;
background: url(images/headMenu.JPG) repeat-x top;
width:885px;
background-size:100%;
}

#menu1 ul {
	list-style: none;	
}

#menu1 li {
	display: inline; 	
}

#menu1 a {
	float: left;
	width: 160px;
	height: 25px;
    display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 15px;
}

#menu1 a:hover {
	width: 160px;
    height: 25px;
	color: #BFECFC;
	text-decoration: underline;
}

.more
{
text-align: right;
}


#logo {
width: 99%;
height: 34px;
text-align:  right;
padding-right: 60px;
}


#logo H1 a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 14px;
	color: #ffffff;
}
#logo H2 a
{
font-size: 10px;
color: #ffffff;
}

#principal
{
/*background: url(images/maron_orange/lefttop.jpg) repeat-y;*/

}

#page
{
width:885px;
background: url(images/table_back2.png) repeat-y;
margin: 0 auto;
/*height:98%;*/
}

#top
{
background: url(images/top.png) no-repeat top;
margin: 0 auto;
height: 17px;

}

#bottom
{
background: url(images/bottom.png) no-repeat bottom;
margin: 0 auto;
height: 19px;

}

#gauche
{
	width: 144px;
	margin-left: 50px;
	padding-left: 50px;
	display:inline;
	
}

#gauche H3
{
	margin-left: 10px;
   width: 201px;
   height: 29px;
   font-size: 14px;
   font-weight: bold;
   padding-left: 30px;
   padding-top: 8px;
   text-transform: uppercase;
   color: #FFF;
   background: url(images/headMenu.JPG) no-repeat;
   border-radius:10px 10px 10px 10px; 
   display: inline-block;
}


#gauche ul {
	list-style: none;
}

#gauche ul {
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#gauche li {
	padding: 4px 15px;
    background: url(images/small.gif) no-repeat left;
}

#gauche .title_back
{
	padding: 4px;
	padding-left: 10px;
	padding-right: 20px;
}


#gauche a {
	color: #23609C;
	color: #FFF;
}
#gauche a:visited {
	color: #23609C;
	color: #FFF;
}

#gauche p
{
padding: 10px;
padding-left: 10px;
}



#droite
{
float: right;
width: 617px;
color: #ffffff;
display:inline;
}
#cen
{
	color:#000;
}
#tablemouv
{
	/* Seules la couleur du texte et les dimensions
    de nos paragraphes auront une transition. */
	 -moz-transition-property: color, width, height;
	 /* La transition durera trois secondes. */
	  -moz-transition-duration: 3s;
	  	/*delai avant que la transition s'effectue*/
	  -moz-transition-delay: 500ms;
	  
	  -webkit-transition-property: color, width, height;
	 /* La transition durera trois secondes. */
	  -webkit-transition-duration: 3s;

	  /*delai avant que la transition s'effectue*/
	  -webkit-transition-delay: 500ms;
	  border: 2px solid green;
	  border-radius:10px 10px 10px 10px;
	   
}
#tablemouv:hover
{
   width: 550px;
   height: 200px;
   color: #fff;
   /* background-color:#06F;*/
}
#titrepre
{
	font-family: andy,jasmine,"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:36px;
	color:#fff;
	
}

#right_text
{
width: 613px;
margin-left: 6px;
}

#page #droite .box
{
padding: 10px;
color: #ffffff;
}

#droite ol, #droite ul
{
margin-left: 30px;
}

#droite H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #ffffff;
}

#droite a
{
color: #ffffff;
text-decoration: none;
}

.right_top
{
   	height: 11px;
    background: url(images/top.gif) no-repeat;
}

.right_bottom
{
	height: 13px;
	margin-bottom: 10px;
}

#page #droite p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	color: #ffffff;
}

#droite .date2 {
	margin: 10px;
	padding: 0;
	padding-top: 5px;
}

#droite h3 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: #ffffff;
}



#pied {
	height: 40px;
	clear: both;
	padding-top: 30px;
}

#pied p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}

#pied a {
	color: #ffffff;
}
#tabcouleur
{border:ridge;
border-color:#000;
color:#000;
font-family:Andy, Calibri, Papyrus, Algerian, sans-serif;
font-size:22px}



/*********************************************************end  styles index ******************************************/















/* based on a template by http://freehtml5templates.com; modified by dedide December 2010 */

/* reset */
* {
	/*margin: 0;
	padding: 0;
	left: auto; */
	
}

/* render html5 elements as block */
footer, section, aside, nav, article {
display: block;
}

body {
	line-height: 1;
	overflow: hidden;
	background-color:#CCC;
	background-color:#060;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
}
	
/* layout */

#wrapper {
/*width: 1040px;*/
width: 100%;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
-webkit-box-shadow: 3px 3px 7px #111;
-moz-box-shadow: 3px 3px 7px #111;
box-shadow: 2px 2px 5px #111;
-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
behavior: url(ie-css3.htc);

background-repeat:no-repeat;
/*background-size:100%;*/
width:100%;
/*width: 1040px;*/
width: 98.7%;
margin: 0 auto;
/* margin-top: 5px; */
/* margin-bottom: 5px; */
-webkit-box-shadow: 3px 3px 7px #111;
-moz-box-shadow: 3px 3px 7px #111;
box-shadow: 2px 2px 5px #111;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
behavior: url(ie-css3.htc);
/* height:95%; */
border-color:#FFF;
border-width:thin;
}

nav 
{
font-family: "Trebuchet MS", serif;
/*width: 1035px;*/
width:100%;
height: 45px;
margin: 0 auto;
/*background: #007F33;*/
/*background:#006600;  theme vert*/
/*background:#2B95FF;/* bleu*/
background-image:url(images/entete_table.JPG);
/*background:#9CE;*/
background-size:auto;
background-size:100%;
/*background-repeat:no-repeat;*/
/*border:ridge;*/
border-color:#2B95FF;
-moz-box-shadow:#CCC;
color:#000;
/*----------------------bordure-----------------*/
/* -webkit-border-top-left-radius: 50px; */
/* -webkit-border-top-right-radius: 50px; */
/* -moz-border-radius-topleft: 50px; */
/* -moz-border-radius-topright: 50px; */
/* border-top-left-radius: 50px; */
/* border-top-right-radius: 50px; */

}


#main {
	width: 100%;
	/*margin: 0 auto;*/
	/*padding: 0px 0px 0px 0px;*/
	/*margin-left:2.6%;
	margin-right:3%;*/
	background: #E7EDE3;
	/*background:#9AB9CF;*/
	overflow: hidden;
	/* height:90% */
	
}

#content {
float:none;
width: 95%;
margin-left: 25px;
padding-right: 25px;
background: #E7EDE3;
/*height:90%;*/
}

footer {
width: 100%;
margin: 0 auto;
clear: both;
/*background: #007F33;*/

margin: 0 auto;
/*----------------------bordure-----------------------*/
/* -webkit-border-bottom-right-radius: 50px; */
/* -webkit-border-bottom-left-radius: 50px; */
/* -moz-border-radius-bottomright: 50px; */
/* -moz-border-radius-bottomleft: 50px; */
/* border-bottom-right-radius: 50px; */
/* border-bottom-left-radius: 50px; */

/* behavior: url(ie-css3.htc);  */

}

/* basics */

h1,h2,h3,h4,h5,h6 {
font-weight: bold;
clear: both;
}

a:link, a:visited {
color:#946c4e;
text-decoration: none;
}

a:hover, a:active {
color: #7e5b30;
text-decoration: underline;
}

p {
margin-bottom: 18px;
}

li {
padding-left: 5px;
}

/* nav */

nav .menu {
font-size: 14px;
font-weight: bold;
}

#sidebar {
	/*float: left;
padding-left: 20px;
	width: 170px;*/
	/*background: #E7EDE3;*/
	
}

nav .menu ul {
margin: 0;
/*padding: 15px 0 0 20px;*/
list-style: none;
line-height: normal;
}

nav .menu li {
display: block;
float: left;
}

nav .menu a {
display: block;
float: left;
margin-right: 5px;
padding: 0px 15px;
text-decoration: none;
color:#000;
}

nav .menu a:hover {
text-decoration: underline;
}

/* sidebar */
aside h1 {
  font-size: 2em;
  line-height: 2.5em;
  color: #000000;
}

aside ul {
list-style: none;
margin-bottom: 20px;
margin-top: -15px;
}

/** ARTICLES **/
article img {
border: none;
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
}

#content p, ul, ol, hr {
margin-bottom: 24px;
}

#content ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}

#content h2, h3, h4, h5, h6 {
color: #333;
margin: 0 0 20px 0;
line-height: 1.5em;
}

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 8px;
}

/* footer widget blocks */

#footer-area {
	font-family: Trebuchet MS, serif;
	background: #006600; /*theme vert*/
	/*background:#2B95FF;*/
	background-image:url(images/entete_table.JPG);
	/*background:#9CE; bleu */ 
	background-size:100%;
	background-repeat:no-repeat;
	/*border:ridge;*/
	border-color:#2B95FF;
	font-size: 90%;
	padding: 20px 0;
	box-shadow: #CCC;
	height: 10px;
	margin: auto;
	
/*----------------------bordure-----------------------*/
/* -webkit-border-bottom-right-radius: 50px; */
/* -webkit-border-bottom-left-radius: 50px; */
/* -moz-border-radius-bottomright: 50px; */
/* -moz-border-radius-bottomleft: 50px; */
/* border-bottom-right-radius: 50px; */
/* border-bottom-left-radius: 50px; */
/* behavior: url(ie-css3.htc); */
}

.footer-segment {
float: left;
margin-right: 20px;
margin-left: 20px;
width: 190px;
}

footer aside h4 {
color: #f5eee5;
font-size: 16px;
line-height: 1.5em;

}

footer a:link, footer a:visited {
color: #f5eee5;
}

footer p {
margin-top: -15px;
}
.bouton
{
	/*border-radius:1px;*/
	background-image: url(images/headMenu.JPG);
	color: #000;
	width: 120px;
	height: 20px;
}
.imprimer
{
	background-image: url(images/print.PNG);
	background-repeat:no-repeat;
	color: #000;
	width: 35px;
	height: 35px;
}
ul, ol, dl { position: relative; }
#grid
{
	
}
label, input
{ font-size:13px;
font-family:Tahoma, Geneva, sans-serif;
}
.textboxR
{
	
	border: 1px ridge green;
	width:150px;
	height:20px;
}
.textbox
{
	max-width:400px;
	
}
/*.bouton
{
	/*border-radius:1px;
	background-image: url(../vue/images/bleu/headmenu.JPG);
	color: #000;
	width: 120px;
	height: 20px;
	border-radius:7px 7px 7px 7px;
}
.bouton:hover
{
	text-decoration:underline;
	color:#03F;
	
}*/
.textbox
{
	border: 1px ridge green;
	width:250px;
	height:25px;
	font-size:10px;
	line-height:0.1 !important;
}
.textbox:hover
{
	border: 2px ridge green;
	height:25px;
}
/************************************************** Media query ***************************************************/
@media (max-width: 640px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: 0;
   padding: 0;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none;
   width: auto;
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }

 /* Un message personnalisé */
 body:before {
   content: "Version mobile du site";
   display: block;
   color: #777;
   text-align: center;
   font-style: italic;
 }
}
@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
  }
}

.cl{
width:10%;
font-size:2%;			 
}
.tt{
width:30%;
font-size:2%;			 
}

.textarea
{
border-radius:5px 5px 5px 5px;
border:ridge thin brown;
width:100%; 
height:10%;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
/*     margin-left:-1px; */
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
/*     margin-right:-10px; */
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
/*     margin-left:10px; */
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.dropdown-menu li {
color: #fff !important;
background-image:url(images/headMenu.JPG);
background-repeat:repeat-x;
width:100%;
height:25px;
/*backgroundcolor:green;*/
}
.dropdown{
/* background-image:url(images/headMenu.JPG) !important;color: #fff !important;} */
color: #fff !important;
}
.dropdown-menu > li > a {
    clear: both;
    color: #fff !important;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
/*     padding: 12px 0px; */
/*     white-space: nowrap; */
/*     margin-top: -0px; */
	background-size: 100% auto;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;/*margin-left:10px;*/-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-submenu1{position:relative; color: #fff !important;}
.dropdown-submenu1:hover>.dropdown-menu{display:block;}


/* panel page d'accueil */
.panel-heading{
-moz-user-select: none;
    background-image: url("../images/entete_table.JPG");
    background-size: 100% auto;
    border-bottom: 1px solid gray;
    border-top: 1px solid black;
    cursor: pointer;
    margin: 0;
    padding: 0;
}
.input-group-addon {
	padding:2px 12px !important;

	}
.tree {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
/*     margin-left:-1px; */
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
/*     margin-right:-10px; */
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
/*     margin-left:10px; */
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.dropdown-menu li {
color: #000 !important;
background-repeat:repeat-x;
width:100%;
height:25px;
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
		background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.dropdown-toggle {
/* background-image:url(images/headMenu.JPG) !important;color: #fff !important;} */
 color: #000 !important;
 padding-top: 12px !important;
}
.dropdown-menu > li > a {
    clear: both;
    color: #000 !important;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
/*     padding: 12px 0px; */
/*     white-space: nowrap; */
/*     margin-top: -0px; */
	background-size: 100% auto;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;/*margin-left:10px;*/-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-submenu1{position:relative;}
.dropdown-submenu1:hover>.dropdown-menu{display:block;}
.dropdown-menu{padding:0 !important;}

/* panel page d'accueil */
.panel-heading{
-moz-user-select: none;
   
    background-size: 100% auto;
    border-bottom: 1px solid gray;
    border-top: 1px solid black;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.panel-success > .panel-heading {
    color: #000;
    background-color: #01BC8C;
    border-color: #01BC8C;
    -moz-user-select: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+17,52b152+33,008a00+67,005700+83,002400+100;Green+3D+%231 */
background: #b4ddb4; /* Old browsers */
background: -moz-linear-gradient(45deg, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    background-size: 100% auto;
    border-bottom: 1px solid gray;
    border-top: 1px solid black;
    cursor: pointer;
    margin: 0;
    padding: 0;
}