@charset "utf-8";
/* CSS Document */
html { 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
  margin:0;
  padding:0;
  background: url(images/_fond02arbre_.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; 
  -moz-background-size: cover; 
  -o-background-size: cover; 
  background-size: cover; 
  
}

body  { font-family: 'Numans', sans-serif;  	
 		
		font-size:14px; 
		margin: 0px; 
		padding: 0px;
		text-align: center; 
		color: #000;
}
.loaderA {
position : fixed;
background : url('images/loading.gif') 50% 50% no-repeat;
top : 0px;
left : 0px;
height : 500px;
width : 500px;
cursor : wait;
}
.loaderB {
position : fixed;
z-index: 9999;
background : url('images/loading.gif') 50% 50% no-repeat;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
}

.form-control { width:400px; padding:6px; font-size:14px; font-family: 'Roboto', sans-serif;  }
.form-group { text-align:right; padding-right:300px;}

.fontGG { font-family:  'Roboto', sans-serif; }

h1 {font-size: 48px; color: #FFF; margin:0px; font-weight: bold; margin-left:40px; text-shadow:4px 4px #333; }
<!--h2 {font-size: 16px; color: #000; margin:0px; font-family: 'Metamorphous', cursive; margin-left:50px;}-->

h2 { color:#222; padding:6px; margin:4px;  font-size:16px; text-shadow:2px 2px #333;
/*gris fonce*/
background: rgb(211,188,188);
background: -moz-linear-gradient(top,  rgba(211,188,188,1) 0%, rgba(137,123,123,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,188,188,1)), color-stop(100%,rgba(137,123,123,1)));
background: -webkit-linear-gradient(top,  rgba(211,188,188,1) 0%,rgba(137,123,123,1) 100%);
background: -o-linear-gradient(top,  rgba(211,188,188,1) 0%,rgba(137,123,123,1) 100%);
background: -ms-linear-gradient(top,  rgba(211,188,188,1) 0%,rgba(137,123,123,1) 100%);
background: linear-gradient(to bottom,  rgba(211,188,188,1) 0%,rgba(137,123,123,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3bcbc', endColorstr='#897b7b',GradientType=0 );
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; 
}

.titreAccueil { color:#000; padding:10px; margin:4px;  font-size:16px; /*text-shadow:2px 2px #333;*/

background: rgb(242,207,164);
background: -moz-linear-gradient(top,  rgba(242,207,164,1) 0%, rgba(140,90,16,1) 85%, rgba(117,34,1,1) 100%, rgba(188,135,84,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,207,164,1)), color-stop(85%,rgba(140,90,16,1)), color-stop(100%,rgba(117,34,1,1)), color-stop(100%,rgba(188,135,84,1)));
background: -webkit-linear-gradient(top,  rgba(242,207,164,1) 0%,rgba(140,90,16,1) 85%,rgba(117,34,1,1) 100%,rgba(188,135,84,1) 100%);
background: -o-linear-gradient(top,  rgba(242,207,164,1) 0%,rgba(140,90,16,1) 85%,rgba(117,34,1,1) 100%,rgba(188,135,84,1) 100%);
background: -ms-linear-gradient(top,  rgba(242,207,164,1) 0%,rgba(140,90,16,1) 85%,rgba(117,34,1,1) 100%,rgba(188,135,84,1) 100%);
background: linear-gradient(to bottom,  rgba(242,207,164,1) 0%,rgba(140,90,16,1) 85%,rgba(117,34,1,1) 100%,rgba(188,135,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2cfa4', endColorstr='#bc8754',GradientType=0 );

-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; 

}

.texteAccueil { padding:6px; text-align:left; 

 }

.footColon { width:170px; padding:8px; float:left; }
.footTitre { color:#666;  font-size:12px; padding:4px; border-bottom:1px solid #222; }
.footTexte {  text-align:left; font-size:12px;}


.container { 
	width:100%; 
	position: absolute;
	z-index: 1;
}
.containerB { 
	width:1202px; 
	margin: 0 auto; 
}
.BPSblanc12 { font-size:12px;}
.formulfiche320 { width:250px; }
.formulfiche120 { width:100px; }

.calqueMenu1 { position: absolute;	z-index: 10;	width: 100%;	left: 0px;	top: 201px; }
.calqueMenu2 { width:1200px; margin:auto;  padding-right:0px;}

.claque1 { position: absolute; z-index:150;  width:100%; }
.claque1Img { width:1200px; margin:auto; text-align:center; }

.cadreimage { margin:14px; padding:3px; border:1px solid #FFF; }

.cadreimageDiapo { border:6px solid #EEE;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	 -moz-box-shadow: 5px 5px 5px #555; -webkit-box-shadow: 5px 5px 5px #555; box-shadow: 5px 5px 5px #555; 
}

.bps-corner-alls { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.bps-corner-all { -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px; }
.bps-corner-all2 { -moz-border-radius: 26px; -webkit-border-radius: 26px; border-radius: 26px; }

.bps_ombrL {  -moz-box-shadow: 16px 16px 16px #555; -webkit-box-shadow: 16px 16px 16px #555; box-shadow: 16px 16px 16px #555; }
.bps_ombr {  -moz-box-shadow: 10px 10px 10px #555; -webkit-box-shadow: 10px 10px 10px #555; box-shadow: 10px 10px 10px #555; }
.bps_ombrs {  -moz-box-shadow: 5px 5px 5px #555; -webkit-box-shadow: 5px 5px 5px #555; box-shadow: 5px 5px 5px #555; }
.bps_ombrXs { -moz-box-shadow: 3px 3px 3px #444; -webkit-box-shadow: 3px 3px 3px #444; box-shadow: 3px 3px 3px #444; }

.transFonce { background-image:url(images/_transNoir80.png);  }
.cadreWindV { border:4px solid #DDD; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; 
/*.vert horiz {*/
background: rgb(0,68,28);
background: -moz-linear-gradient(left,  rgba(0,68,28,1) 0%, rgba(0,145,60,1) 99%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,68,28,1)), color-stop(99%,rgba(0,145,60,1)));
background: -webkit-linear-gradient(left,  rgba(0,68,28,1) 0%,rgba(0,145,60,1) 99%);
background: -o-linear-gradient(left,  rgba(0,68,28,1) 0%,rgba(0,145,60,1) 99%);
background: -ms-linear-gradient(left,  rgba(0,68,28,1) 0%,rgba(0,145,60,1) 99%);
background: linear-gradient(to right,  rgba(0,68,28,1) 0%,rgba(0,145,60,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00441c', endColorstr='#00913c',GradientType=1 );



}

/*.cadreWind { border:4px solid #DDD; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; background-color:#FFF;  }
.cadreWindFoot { border:4px solid #DDD; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; background-color: #333;  }*/
.cadreWind { border:1px solid #DDD;  background-color:#FFF;  }
.cadreWindFoot { border:1px solid #DDD; 

background: rgb(181,189,200);
background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1)));
background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );

 }
.cadreWindFoot2 { border-left:1px solid #EEE; border-right:1px solid #EEE; border-bottom:1px solid #DDD; 
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 41%, rgba(225,225,225,1) 100%, rgba(226,226,226,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(41%,rgba(241,241,241,1)), color-stop(100%,rgba(225,225,225,1)), color-stop(100%,rgba(226,226,226,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 41%,rgba(225,225,225,1) 100%,rgba(226,226,226,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 41%,rgba(225,225,225,1) 100%,rgba(226,226,226,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 41%,rgba(225,225,225,1) 100%,rgba(226,226,226,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 41%,rgba(225,225,225,1) 100%,rgba(226,226,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
 }

.image_flag { border:1px solid #000;  }



/*-------------------------*/




input,select,textarea
{    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
    padding: 3px;
	margin: 4px;
    border:1px solid #888;
    background: #f8f8f8;
}
input hover	{ background: #444 ; }
img { border:none}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table, tr, td { padding:0px; margin:0px}

.formulIncript  { width:140px; margin:4px;}
.formulIncriptS { width:140px; margin:4px;}


.BlienA			{  color: #000;	 }
.BlienA a 		{  color: #000;  text-decoration:none;  	 }
.BlienA a:hover	{  color: #FFF; background-color:#333;   text-decoration:none;   }

.NBlien			{  color: #000;  }
.NBlien a		{  color: #000; text-decoration:none; }
.NBlien a:hover	{  color: #FFF; background-color:#333;}

.BlienB			{  color: #FFF;	 }
.BlienB a 		{  color: #FFF;  text-decoration:none;  	 }
.BlienB a:hover	{  color: #000; background-color:#EEE;   text-decoration:none;   }

.lienNoir a:hover	{  color: #FFF; background-color:#333;   text-decoration:none;   }

.lienFoot			{  color: #333;  }
.lienFoot a			{  color: #333; text-decoration:none; }
.lienFoot a:hover	{  color: #000; background-color:#FFF;}

.lienFoot2			{  color: #888;  }
.lienFoot2 a		{  color: #888; text-decoration:none; }
.lienFoot2 a:hover	{  color: #000; background-color:#EEE;}

/*.blkGaucheNo  { 
	display:block;
	width: 280px;
	line-height:24px;
	text-align:left;
	margin: auto;
	padding:6px;
	text-decoration:none;
	font-size:14px;
	color:#FFF; background-color:#222;
	border-bottom:1px solid #666;
}*/
.blkGaucheNo a { 
	display:block;
	width: 230px;
	line-height:24px;
	text-align:left;
	margin: auto;
	padding:6px;
	text-decoration:none; /*font-weight:bold;*/
	font-size:14px;
	color:#FFF; background-color:#888;
	border-bottom:1px solid #666;
}
.blkGaucheNo a:hover {
	color: #000 ; background-color:#fff
}

/*.blkGauche  {
	display:block;
	width: 280px;
	line-height:24px;
	text-align:left;
	margin: auto;
	padding:6px;
	text-decoration:none; 
	font-size:14px;
	color:#FFF; background-color:#000;
	border-bottom:1px solid #666;
}*/
.blkGauche a {
	display:block;
	width: 230px;
	line-height:32px;
	text-align:left;
	margin: auto;
	padding:6px;
	
	font-size:14px;
	color:#FFF;
	border-bottom:1px solid #666;
	text-decoration:none;
	/*.noirDeg {*/
background: rgb(181,189,200);
background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1)));
background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );


}
.blkGauche a:hover {
	color: #000 ; 
	/*.blancDeg {*/
	background: rgb(221,221,221);
	background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(255,255,255,1) 48%, rgba(221,221,221,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(48%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1)));
	background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(255,255,255,1) 48%,rgba(221,221,221,1) 100%);
	background: -o-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(255,255,255,1) 48%,rgba(221,221,221,1) 100%);
	background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(255,255,255,1) 48%,rgba(221,221,221,1) 100%);
	background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(255,255,255,1) 48%,rgba(221,221,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd',GradientType=0 );

}
}

.blkGaucheMemb a {
	display:block; float:left;
	width: 208px;
	line-height:24px;
	text-align:left;
	margin: auto;
	padding:6px;
	text-decoration:none; /*font-weight:bold;*/
	font-size:14px;
	color:#FFF; background-color:#444;
	border-bottom:1px solid #666;
}
.blkGaucheMemb a:hover {
	color: #000 ; background-color:#fff
}

.blkCentre a { /* ACTU centre accueil */
	display:block;
	width: 100%;
	height:auto;
	text-align:left;
	margin: auto;
	padding:6px;
	text-decoration:none; /*font-weight:bold;*/
	/*font-size:12px;*/
	color:#333;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; 
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(225,225,225,1) 86%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(86%,rgba(225,225,225,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );

}
.blkCentre a:hover {
	color: #FFF ;
/*.GGgrisFoot{*/
background: rgb(137,137,137);
background: -moz-linear-gradient(top,  rgba(137,137,137,1) 1%, rgba(198,198,198,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(137,137,137,1)), color-stop(100%,rgba(198,198,198,1)));
background: -webkit-linear-gradient(top,  rgba(137,137,137,1) 1%,rgba(198,198,198,1) 100%);
background: -o-linear-gradient(top,  rgba(137,137,137,1) 1%,rgba(198,198,198,1) 100%);
background: -ms-linear-gradient(top,  rgba(137,137,137,1) 1%,rgba(198,198,198,1) 100%);
background: linear-gradient(to bottom,  rgba(137,137,137,1) 1%,rgba(198,198,198,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#c6c6c6',GradientType=0 );
}

.blkListeN3 a { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	display:block;
	text-align:left; 
	margin:auto;
	padding:10px; 
	font-size:14px; 
	width:90%;
	height:140px; max-height:140px; overflow:auto;
	color:#333;
	-moz-box-shadow: 2px 2px 2px #555; -webkit-box-shadow: 2px 2px 2px #555; box-shadow: 2px 2px 2px #555; 
	
/*.GGgrisClair {*/
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(225,225,225,1) 86%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(86%,rgba(225,225,225,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );		
}
.blkListeN3 a:hover {
	color:#000;
-moz-box-shadow: 2px 2px 2px #555; -webkit-box-shadow: 2px 2px 2px #555; box-shadow: 2px 2px 2px #555; 
/*.GFonce{*/
background: rgb(222,223,224);
background: -moz-linear-gradient(top,  rgba(222,223,224,1) 0%, rgba(193,193,193,1) 22%, rgba(224,224,224,1) 100%, rgba(201,202,204,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,223,224,1)), color-stop(22%,rgba(193,193,193,1)), color-stop(100%,rgba(224,224,224,1)), color-stop(100%,rgba(201,202,204,1)));
background: -webkit-linear-gradient(top,  rgba(222,223,224,1) 0%,rgba(193,193,193,1) 22%,rgba(224,224,224,1) 100%,rgba(201,202,204,1) 100%);
background: -o-linear-gradient(top,  rgba(222,223,224,1) 0%,rgba(193,193,193,1) 22%,rgba(224,224,224,1) 100%,rgba(201,202,204,1) 100%);
background: -ms-linear-gradient(top,  rgba(222,223,224,1) 0%,rgba(193,193,193,1) 22%,rgba(224,224,224,1) 100%,rgba(201,202,204,1) 100%);
background: linear-gradient(to bottom,  rgba(222,223,224,1) 0%,rgba(193,193,193,1) 22%,rgba(224,224,224,1) 100%,rgba(201,202,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedfe0', endColorstr='#c9cacc',GradientType=0 );	
}

.blkCentreRECH a { /* ACTU centre accueil */
	display:block;
	width: 650px;
	height:auto;
	text-align:left;
	margin: auto;
	padding:10px;
	text-decoration:none; /*font-weight:bold;*/
	/*font-size:12px;*/
	color:#333;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; 
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(225,225,225,1) 86%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(86%,rgba(225,225,225,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );

}
.blkCentreRECH a:hover {
	color: #FFF ;
/*.GGgrisFoot{*/
background: rgb(137,137,137);
background: -moz-linear-gradient(top,  rgba(137,137,137,1) 1%, rgba(198,198,198,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(137,137,137,1)), color-stop(100%,rgba(198,198,198,1)));
background: -webkit-linear-gradient(top,  rgba(137,137,137,1) 1%,rgba(198,198,198,1) 100%);
background: -o-linear-gradient(top,  rgba(137,137,137,1) 1%,rgba(198,198,198,1) 100%);
background: -ms-linear-gradient(top,  rgba(137,137,137,1) 1%,rgba(198,198,198,1) 100%);
background: linear-gradient(to bottom,  rgba(137,137,137,1) 1%,rgba(198,198,198,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#c6c6c6',GradientType=0 );
}


/*  -------------------------------  */
.mention_r14 { 
	margin-left:6px; 
	margin-right:6px;
	font-size: 16px; 
	color: #AAA; font-weight:bold;
}
.mention_b14 { 
	margin-left:6px; 
	margin-right:6px;
	font-size: 14px;

}
.mention_r12 { 
	margin-left:6px; 
	margin-right:6px;
	font-size: 16px;
	color: #339933;
}
.mention_b12 { 
	margin-left:6px; 
	margin-right:6px;
	font-size: 12px;

}


/*  -------------------------------  */	



/****************************/
/* 	début menu	déroulant	----------------------------------------------------------------*/
/****************************/
ul, li {
list-style-type:none;
    padding: 0px;
    margin: 0px;
}
/*chaque sous-menu*/
#menu ul li { ;
position:relative;
float:right;
width:167px;
cursor:pointer;
display:block; /*background-image:url(images/deg_vertA.png);*/
line-height:30px;
padding:1px; margin:1px;
color:#FFF;
text-align:center; 
/*font-family: 'Metamorphous', cursive;*/ 
font-size: 16px;
 
 -moz-box-shadow: 2px 2px 2px #444; -webkit-box-shadow: 2px 2px 2px #444; box-shadow: 2px 2px 2px #444;
 
/*.GGgrisFonce {*/
background: rgb(206,220,231);
background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(99%,rgba(89,106,114,1)));
background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 99%);
background: -o-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 99%);
background: -ms-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 99%);
background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
}
 
/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul {
display:none;
position:absolute;
width:167px;
/*border:1px solid #DDD;
border-top:none;*/
/*background-image:url(images/deg_jaunA.png);font-family: 'Roboto', sans-serif;  */
top:32px; 
margin-left:3px; 
line-height:22px;
font-size:16px;
text-align:center;

}
 
#menu ul li ul li {
height:100%; font-family:Tahoma, Geneva, sans-serif;
}
 
#menu ul li ul li a {
color:#FFF;
font-size:14px; font-family:Tahoma, Geneva, sans-serif;
display:block;
height:100%;
text-decoration:none;
/*border-top:1px solid #dddddd;*/
}
 
/*au passage de la souris on inverse les couleurs de la case*/
#menu ul li ul li a:hover {
color:#000;
/*background:#FFF;*/ 
background-color: #DEEDFA;
}
 
/*décalage des sous-menu niveau 2 vers la droite*/
#menu ul li ul li ul {
top:0px;
left:169px;
}
 
/*décalage du sous-menu niveau 2 le plus à droite vers la gauche*/
#menu ul li ul li ul.dernier {
left:-169px;
}
/* -------- FIN Menu --------------------------------------------------  */


.photoBulle {
	display: none;
	position: absolute;
	z-index: 80;
	padding: 14px;
	padding-top: 0px;
	background-color: lightblue;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 5px 5px 5px 0px #9b9b9b;
	-webkit-box-shadow: 5px 5px 5px 0px #9b9b9b;
	-o-box-shadow: 5px 5px 5px 0px #9b9b9b;
	box-shadow: 5px 5px 5px 0px #9b9b9b;
}


.GGrouge {
background: rgb(249,172,172);
background: -moz-linear-gradient(top,  rgba(249,172,172,1) 0%, rgba(255,0,0,1) 56%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,172,172,1)), color-stop(56%,rgba(255,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(249,172,172,1) 0%,rgba(255,0,0,1) 56%);
background: -o-linear-gradient(top,  rgba(249,172,172,1) 0%,rgba(255,0,0,1) 56%);
background: -ms-linear-gradient(top,  rgba(249,172,172,1) 0%,rgba(255,0,0,1) 56%);
background: linear-gradient(to bottom,  rgba(249,172,172,1) 0%,rgba(255,0,0,1) 56%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9acac', endColorstr='#ff0000',GradientType=0 );
}
.GGvert {
background: rgb(0,255,0);
background: -moz-linear-gradient(top,  rgba(0,255,0,1) 0%, rgba(0,135,0,1) 80%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,255,0,1)), color-stop(80%,rgba(0,135,0,1)));
background: -webkit-linear-gradient(top,  rgba(0,255,0,1) 0%,rgba(0,135,0,1) 80%);
background: -o-linear-gradient(top,  rgba(0,255,0,1) 0%,rgba(0,135,0,1) 80%);
background: -ms-linear-gradient(top,  rgba(0,255,0,1) 0%,rgba(0,135,0,1) 80%);
background: linear-gradient(to bottom,  rgba(0,255,0,1) 0%,rgba(0,135,0,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff00', endColorstr='#008700',GradientType=0 );
}
.GGvertClair {
background: rgb(244,255,219);
background: -moz-linear-gradient(top,  rgba(244,255,219,1) 0%, rgba(191,249,54,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,255,219,1)), color-stop(100%,rgba(191,249,54,1)));
background: -webkit-linear-gradient(top,  rgba(244,255,219,1) 0%,rgba(191,249,54,1) 100%);
background: -o-linear-gradient(top,  rgba(244,255,219,1) 0%,rgba(191,249,54,1) 100%);
background: -ms-linear-gradient(top,  rgba(244,255,219,1) 0%,rgba(191,249,54,1) 100%);
background: linear-gradient(to bottom,  rgba(244,255,219,1) 0%,rgba(191,249,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ffdb', endColorstr='#bff936',GradientType=0 );

}
.GGvertHoriz {
/*background: rgb(125,155,96);
background: -moz-linear-gradient(left,  rgba(125,155,96,1) 0%, rgba(59,73,45,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(125,155,96,1)), color-stop(100%,rgba(59,73,45,1)));
background: -webkit-linear-gradient(left,  rgba(125,155,96,1) 0%,rgba(59,73,45,1) 100%);
background: -o-linear-gradient(left,  rgba(125,155,96,1) 0%,rgba(59,73,45,1) 100%);
background: -ms-linear-gradient(left,  rgba(125,155,96,1) 0%,rgba(59,73,45,1) 100%);
background: linear-gradient(to right,  rgba(125,155,96,1) 0%,rgba(59,73,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d9b60', endColorstr='#3b492d',GradientType=1 );*/
background: rgb(0,68,28);
background: -moz-linear-gradient(left,  rgba(0,68,28,1) 0%, rgba(0,145,60,1) 99%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,68,28,1)), color-stop(99%,rgba(0,145,60,1)));
background: -webkit-linear-gradient(left,  rgba(0,68,28,1) 0%,rgba(0,145,60,1) 99%);
background: -o-linear-gradient(left,  rgba(0,68,28,1) 0%,rgba(0,145,60,1) 99%);
background: -ms-linear-gradient(left,  rgba(0,68,28,1) 0%,rgba(0,145,60,1) 99%);
background: linear-gradient(to right,  rgba(0,68,28,1) 0%,rgba(0,145,60,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00441c', endColorstr='#00913c',GradientType=1 );



}
.GGbleu {
background: rgb(117,190,255);
background: -moz-linear-gradient(top,  rgba(117,190,255,1) 0%, rgba(30,105,222,1) 51%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,190,255,1)), color-stop(51%,rgba(30,105,222,1)));
background: -webkit-linear-gradient(top,  rgba(117,190,255,1) 0%,rgba(30,105,222,1) 51%);
background: -o-linear-gradient(top,  rgba(117,190,255,1) 0%,rgba(30,105,222,1) 51%);
background: -ms-linear-gradient(top,  rgba(117,190,255,1) 0%,rgba(30,105,222,1) 51%);
background: linear-gradient(to bottom,  rgba(117,190,255,1) 0%,rgba(30,105,222,1) 51%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75beff', endColorstr='#1e69de',GradientType=0 );
}
.GGbleuClair {
background: rgb(235,241,246);
background: -moz-linear-gradient(top,  rgba(235,241,246,1) 0%, rgba(174,218,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(100%,rgba(174,218,249,1)));
background: -webkit-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(174,218,249,1) 100%);
background: -o-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(174,218,249,1) 100%);
background: -ms-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(174,218,249,1) 100%);
background: linear-gradient(to bottom,  rgba(235,241,246,1) 0%,rgba(174,218,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#aedaf9',GradientType=0 );

}
.GGjaune {
background: rgb(246,255,84);
background: -moz-linear-gradient(top,  rgba(246,255,84,1) 0%, rgba(224,213,0,1) 46%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,255,84,1)), color-stop(46%,rgba(224,213,0,1)));
background: -webkit-linear-gradient(top,  rgba(246,255,84,1) 0%,rgba(224,213,0,1) 46%);
background: -o-linear-gradient(top,  rgba(246,255,84,1) 0%,rgba(224,213,0,1) 46%);
background: -ms-linear-gradient(top,  rgba(246,255,84,1) 0%,rgba(224,213,0,1) 46%);
background: linear-gradient(to bottom,  rgba(246,255,84,1) 0%,rgba(224,213,0,1) 46%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ff54', endColorstr='#e0d500',GradientType=0 );

}
.GGjauneClair {
background: rgb(254,252,234);
background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1)));
background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 );

}
.GGorange {
background: rgb(252,194,68);
background: -moz-linear-gradient(top,  rgba(252,194,68,1) 0%, rgba(249,29,4,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,194,68,1)), color-stop(100%,rgba(249,29,4,1)));
background: -webkit-linear-gradient(top,  rgba(252,194,68,1) 0%,rgba(249,29,4,1) 100%);
background: -o-linear-gradient(top,  rgba(252,194,68,1) 0%,rgba(249,29,4,1) 100%);
background: -ms-linear-gradient(top,  rgba(252,194,68,1) 0%,rgba(249,29,4,1) 100%);
background: linear-gradient(to bottom,  rgba(252,194,68,1) 0%,rgba(249,29,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc244', endColorstr='#f91d04',GradientType=0 );

}
.GGviolet {
background: rgb(255,122,224);
background: -moz-linear-gradient(top,  rgba(255,122,224,1) 0%, rgba(165,41,124,1) 67%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,122,224,1)), color-stop(67%,rgba(165,41,124,1)));
background: -webkit-linear-gradient(top,  rgba(255,122,224,1) 0%,rgba(165,41,124,1) 67%);
background: -o-linear-gradient(top,  rgba(255,122,224,1) 0%,rgba(165,41,124,1) 67%);
background: -ms-linear-gradient(top,  rgba(255,122,224,1) 0%,rgba(165,41,124,1) 67%);
background: linear-gradient(to bottom,  rgba(255,122,224,1) 0%,rgba(165,41,124,1) 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7ae0', endColorstr='#a5297c',GradientType=0 );

}
.GGgrisClair {
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(225,225,225,1) 86%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(86%,rgba(225,225,225,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 86%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );

}
.GGgrisFonce {
background: rgb(206,220,231);
background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(99%,rgba(89,106,114,1)));
background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 99%);
background: -o-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 99%);
background: -ms-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 99%);
background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
}
.GGgrisFoot{
background: rgb(27,27,27);
background: -moz-linear-gradient(top,  rgba(27,27,27,1) 0%, rgba(56,56,56,1) 62%, rgba(102,102,102,1) 93%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,27,27,1)), color-stop(62%,rgba(56,56,56,1)), color-stop(93%,rgba(102,102,102,1)));
background: -webkit-linear-gradient(top,  rgba(27,27,27,1) 0%,rgba(56,56,56,1) 62%,rgba(102,102,102,1) 93%);
background: -o-linear-gradient(top,  rgba(27,27,27,1) 0%,rgba(56,56,56,1) 62%,rgba(102,102,102,1) 93%);
background: -ms-linear-gradient(top,  rgba(27,27,27,1) 0%,rgba(56,56,56,1) 62%,rgba(102,102,102,1) 93%);
background: linear-gradient(to bottom,  rgba(27,27,27,1) 0%,rgba(56,56,56,1) 62%,rgba(102,102,102,1) 93%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#666666',GradientType=0 );
}
.noirDeg {
background: rgb(68,68,68);
background: -moz-linear-gradient(top,  rgba(68,68,68,1) 0%, rgba(0,0,0,1) 24%, rgba(28,28,28,1) 80%, rgba(68,68,68,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,68,68,1)), color-stop(24%,rgba(0,0,0,1)), color-stop(80%,rgba(28,28,28,1)), color-stop(100%,rgba(68,68,68,1)));
background: -webkit-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 24%,rgba(28,28,28,1) 80%,rgba(68,68,68,1) 100%);
background: -o-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 24%,rgba(28,28,28,1) 80%,rgba(68,68,68,1) 100%);
background: -ms-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 24%,rgba(28,28,28,1) 80%,rgba(68,68,68,1) 100%);
background: linear-gradient(to bottom,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 24%,rgba(28,28,28,1) 80%,rgba(68,68,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=0 );
}
.blancDeg {
background: rgb(221,221,221);
background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(255,255,255,1) 48%, rgba(221,221,221,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(48%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1)));
background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(255,255,255,1) 48%,rgba(221,221,221,1) 100%);
background: -o-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(255,255,255,1) 48%,rgba(221,221,221,1) 100%);
background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(255,255,255,1) 48%,rgba(221,221,221,1) 100%);
background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(255,255,255,1) 48%,rgba(221,221,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd',GradientType=0 );

}