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

body {
	background: #fff;
	/*background: #fff url(../images/knitted-netting.png) repeat top left;*/
	/*padding: 50px;
	margin: 0px;
background-image: -webkit-linear-gradient(#4eaf60 0%,#000  50%,  #fbc809 );
background-image:    -moz-linear-gradient(#4eaf60 0%,#000  50%,  #fbc809);
background-image:     -ms-linear-gradient(#4eaf60 0%,#000  50%,  #fbc809);
background-image:      -o-linear-gradient(#4eaf60 0%,#000  50%,  #fbc809);
background-image:         linear-gradient(#4eaf60 0%,#000  50%,  #fbc809 );
background-repeat:no-repeat;
*/
	
}
.global {

color:white;
font-family:Arail, "Times New Roman", Times, sans -serif;
/*background: #fff url(../images/checkered_pattern.png) top right;*/
background-color:#fff;
position:relative;
width:80%;
margin-top:10px;      
margin-left: auto;
margin-right: auto;
margin-bottom:5px;
height:auto;
text-align: left;
/*border-radius: 10%;*/
border-bottom-right-radius:15%;
border-bottom-left-radius:15%;
box-shadow: 0 20px 10px rgba(0,0,0, 0), 0 20px 10px rgba(0,0,0, 0.7);

}
.entete {

/*background:#6e829a;*/
clear:both;
background-image:url(../images1/ban.png);
background-position:left;
background-repeat:no-repeat;
height:150px;

}
.menu{
clear:both;
width:100%;
height:10px;
background-color:#730965;
margin-bottom:15px;


}
.centre{
/*background:#09F;*/
clear:both;
/*width:100%;
border: 1px solid #099;*/
width:auto;
height:auto;
padding-top:-50px;
/*padding:0;*/

z-index: 2;
color: #0066CC;
}

.centregauche{
/*background:#909;*/
width:60%;

height:290px;
/*border-color: 1px solid #099;*/
border: 0px solid #730965  ;
float:left;
margin-left:15px;
/*overflow:hidden;*/

}
.centredroite{

/*background-image: url(../images/webtreats.jpg);*/
background:none;
border: 1px solid #730965;
width:35%;
height:auto;
margin-top:9px;
margin-right:15px;
margin-bottom:2px;
padding-left:10px;
padding-right:10px;
padding-top:5px;

border-color: 1px solid #099;
float:right;
border-top-right-radius:5%;
border-bottom-left-radius:5%;
box-shadow: 0 0px 50px rgba(0,0,0, 0.2), 0 10px 10px rgba(0,0,0, 0.2);

}
.contenugauche{
width:65%;
background: #fff;
height:auto;
/*border-color: 1px solid #099;*/
border: 1px solid #ddd  ;
float:left;
margin-left:15px;
margin-bottom:2px;
}
.contenudroit{
background: #fff;
border: 1px solid #ddd;
width:28%;
height:auto;

margin-right:15px;
margin-bottom:2px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
float:right;
}
.chapotexte{
font: bold 14px Arial, Helvetica, sans-serif;
background: #fff;
border-top:1px solid #ddd;
width:90%;
height:15px;
margin-top:25px;
margin-left:10px;
margin-bottom:5px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
color:#990099;

}
.texte{
font:12px Arial, Helvetica, sans-serif;
background:#ffffff;
/*border : 1px solid #ddd;*/
border-top:1px solid #ddd;
width:90%;
height:auto;
margin-top:2px;
margin-left:10px;
margin-bottom:2px;
padding-left:2px;
padding-right:2px;
padding-top:5px;
color:#333;
/*border-color: 1px solid #099;
border-top-right-radius:5%;
border-bottom-left-radius:5%;
box-shadow: 0 0px 50px rgba(0,0,0, 0.2), 0 10px 10px rgba(0,0,0, 0.2);*/
}
.bastexte{
background:#fff;
border-top:1px solid #ddd;
width:90%;
height:15px;
margin-top:5px;
margin-left:10px;
margin-bottom:10px;
padding-left:10px;
padding-right:0px;
padding-top:5px;
color:#990099;

}
.entann{
font: bold 14px Arial, Helvetica, sans-serif;
background:#fff;
border-top:1px solid #ddd;
width:90%;
height:15px;
margin-top:5px;
margin-left:10px;
margin-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
color:#990099;
}
.contann{
background:#fff;
border-top:1px solid #ddd;
width:90%;
height:auto;
margin-top:5px;
margin-left:10px;
margin-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
color:#990099;
}
.rct{ /*autres article */
background:#fff;
font:12px Arial, Helvetica, sans-serif;
border-bottom:1px solid #ddd;
width:90%;
height:auto;
margin-top:2px;
margin-left:2px;
margin-bottom:2px;
padding-left:2px;
padding-right:2px;
padding-top:2px;
color:#990099;
}
.mda{ /*mofifier article */
background:#fff;
font:12px Arial, Helvetica, sans-serif;
border-bottom:1px solid #ddd;
width:50%;
height:auto;
margin-top:5px;
margin-left:200px;
margin-bottom:5px;
padding-left:2px;
padding-right:2px;
padding-top:2px;
color:#990099;
}
.nuage{
 display:inline-block;
 border:1px solid #730965;
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
background: #0099CC;
border-top-right-radius:5%;
border-bottom-left-radius:5%;
box-shadow: 0 0px 50px rgba(0,0,0, 0.2), 0 10px 10px rgba(0,0,0, 0.2);
}

.pub{
background:none;
border: 1px solid #730965;
width:90%;
height:50%;
margin-top:9px;
margin-right:15px;
margin-bottom:2px;
padding-left:10px;
padding-right:10px;
padding-top:5px;

border-color: 1px solid #099;
float:right;
border-top-right-radius:5%;
border-bottom-left-radius:5%;
box-shadow: 0 0px 50px rgba(0,0,0, 0.2), 0 10px 10px rgba(0,0,0, 0.2);

}

.stat { 
background: #C00;
color:#FFF;
}

.pied {
background:#730965;
/*#1e74d9;*/
height:100px;
/*background: #1e74d9 url(../images/knitted-netting.png) no-repeat bottom left;*/
background-position:left;
clear:both;
}
.piedgauche {
font: bold 12px Verdana, Geneva, sans-serif ;
padding-top:10px;
text-align:left;
margin-left:5px;
margin-bottom:50px;	
}
.pieddroit{
font: bold 11px Verdana, Geneva, sans-serif ;
text-align:right;
padding:0;
margin-right:5px;
border-top: 1px solid rgb(225,225,225);  
letter-spacing: 0.05em;  
word-spacing: 0.05em;  
font-family: Georgia, Times, serif;  
background: #fff;  
background: rgba(255,255,255,0.7);  
color: #555;  
text-shadow: -1px -1px 0 rgba(255,255,255,0.3);     
}

/***************les liens par défaut *********************/
a{
color: #184f75;
text-decoration: none;
}

a:hover{
color: #CC6600;
text-decoration: none;
}
.connexion{
font: bold 11px arial;
border-top:1px solid #ddd;

	
	float: right;
	width:150px;
	height:50px;

}

/***************fin liens par défaut ******************/
.connexion a{
width:110px;
height:20px;
float: right;
border:1px solid #ddd;
margin-top:2px;
margin-right:10px;
font: bold 12px arial;
color:#184f75;
text-decoration: none;

background:url(../images1/Login.png) no-repeat 10px 2px;
text-indent:28px;
/*display:block;*/
}
.connexion a:hover{
font: bold 13px arial;
color:#f9b13b;
text-decoration: none;
}


.sociale-facebook a{
	
	height:50px;
	margin-right:-60px ;
	margin-top:100px;
	background-image:url(../images1/facebook.png);
	background-repeat:no-repeat;
	float:right;
	width:48px;

}

.sociale-facebook a:hover{
	
	height:50px;
	margin-right:-60px ;
	margin-top:100px;
	background-image:url(../images1/faceboo.png);
	background-repeat:no-repeat;
	float:right;
	width:48px;

}
.sociale-twiter a{
	
	height:50px;
	margin-right:-100px ;
	margin-top:100px;
	background-image:url(../images1/twitterr.png);
	background-repeat:no-repeat;
	float:right;
	width:40px;

}
.sociale-twiter a:hover{
	
	height:50px;
	margin-right:-100px ;
	margin-top:100px;
	background-image:url(../images1/twitte.png);
	background-repeat:no-repeat;
	float:right;
	width:40px;

}
/**************************animation bloc droit *****************************/
/*ANIMATIONS
  Fait "clignoter" tous les divs en augmentant la taille de leur police.
*/

@-webkit-keyframes pulse {
 from {
   opacity: 0.0;
   font-size: 100%;
 }
 to {
   opacity: 1.0;
   font-size: 200%;
 }
}

#centredroite {
	margin-left:50px;
	margin-top:150px;
	color:#FFF;
  -webkit-animation-name: pulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
}

/************************** formulaire ******************************/
fieldset {
/*padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid #00F;*/
 }
 label {
display: block;
    width: auto;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
 }
 
 input[type=submit]{
/* width:10%;*/
 width:auto;
 font: bold 12px Verdana, Geneva, sans-serif ;
 float:left;	
 margin-left:2px;
 /*box-shadow:1px 1px 1px #D83F3D;*/
 outline: none;
 border-style:none;
 border:1px solid #4c8ffa;
 border-width:thin;
 display:inline-block;
 cursor:pointer;
 height:25px;
 background-color:#8e6c93;
  
 }
input[type=reset]{
 width:10%;
 font: bold 12px Verdana, Geneva, sans-serif ;
 float:left;	
 margin-left:-1px;
 /*box-shadow:1px 1px 1px #D83F3D;*/
 outline: none;
 border-style:none;
 border:1px solid #fff;
 border-width:thin;
 display:inline-block;
 cursor:pointer;
 height:25px;
 background-color:#fff;
  
 } 
 input[type=submit]:hover {
 width:auto;
 float:left;	
 margin-left:2px;
  /*box-shadow:1px 1px 1px #D83F3D;*/
 outline: none;
 border-width:thin;
 cursor:pointer;
 height:25px;
 background-color:#fbc809;
  
 }
 /*fond blanc pour le textbox du mot de passe*/
 input[type=reset]:hover{
  width:10%;
 float:left;	
 margin-left:-1px;
  /*box-shadow:1px 1px 1px #D83F3D;*/
 outline: none;
 border-width:thin;
 cursor:pointer;
 height:25px;
 background-color:#fbc809;
 }
 
input[type=text], input[type=password] {
	height:20px;
	border:1px solid #4c8ffa;
}
select{
height:20px;
border:1px solid #4c8ffa;
}	
.inputt{
	margin-left:157px;
}
/*********************************MENU de l'applicaton *********************/

#monmenu {font-family: trebuchet ms, arial, tahoma, verdana, sans-serif; font-size: 100%; font-weight:bold; z-index: 6;}
        #monmenu ul ul {display: none; position: static; list-style: none; z-index: 6;
	}
        #monmenu li { position:relative; width:150px;	margin-right:8px;z-index: 6;
}
        #monmenu li:hover, #monmenu li.sfhover {margin-right:8px;z-index: 6;}
        #monmenu li a {text-decoration:none;z-index: 6; }
        #monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block; margin-left:-42px; z-index: 10;    }
       
 #monmenu li li:hover ul.niveau3,  #monmenu li li.sfhover ul.niveau3 {display: block; margin-left:105px; z-index: 10;    }
       

#nav-bar ul {
font: bold 13px arial;
text-decoration: none;
	margin: 0;
	/*padding: 30px 0px 0px 0px;*/
	list-style: none;
    display: inline;
	line-height: 95%;
	z-index: 6;
	

}

#nav-bar li {

float:left;	
text-decoration: none;
height: 29px;
margin-left: 2px;


font-size:85%;
/*background-color:#fff;*/

list-style: none;
z-index: 6;	

}
#nav-bar a{
font: bold 11px arial;
width:150px;
float:left;	
text-decoration: none;
padding-top:7px;
text-align:center;
color:#FFFFFF;
height: 20px;
margin-left: 10px;
background-color:#fbc809;
border-style: hidden;
list-style: none;
z-index: 6;	

}
#nav-bar a:hover{
font: bold 13px arial;

width:150px;
float:left;	
text-decoration: none;
padding-top:7px;
text-align:center;
height: 20px;
margin-left: 10px;
background-color:#805105;
border-style: hidden;
list-style: none;
z-index: 6;

}

/****************** cloud ********************/
#tagsphere{

/*background: url(../images/background.png)top center no-repeat;*/

height: 230px; width: 380px;

padding: 10px;

margin: 10px;

margin: 0 auto;

}

ul li a, ul li a:visited{

font-weight: bold;

text-decoration: none;

}

ul li a:hover, ul li.link1 a:hover, ul li.link2 a:hover, ul li.link3 a:hover{

color: #4EB6BF;

}

ul li.link1 a{

color: #D8B596;

}

ul li.link2 a{

color: #EAAF84

}

ul li.link3 a{

color: #FF8000;

}