/* CSS Document */
/**********  A conserver  ******************************************************************************************/
/* LICENCE CC 3.0 internationale modif avec même licence pas d'utilisation commerciale  liens sur LiVror.fr        */
/* LICENCE CC 2.0 France modif avec même licence pas d'utilisation commerciale   liens sur LiVror.fr               */
/* Laisser les liens http://www.livror.fr                                                                          */
/*******************************************************************************************************************/
/*  Merci à Catalin Rosu pour le menu header vous retrouverez la source sur  http://www.red-team-design.com/       */  
/*  Ce menu simple d'utilisation fonctionne sous différents navigateurs et est mon préféré en version libre.       */
/*******************************************************************************************************************/

.bodymessage {
	margin : auto;
	text-align : center;
	background-color : transparent;
	background-attachment:fixed;
	font-family : comic, Arial, Arial Black, Times New Roman, Times, serif;
}   
/************************  Taille image banner  **************************/
.hautimg {
	max-width: 100%;
	height: 15px;
}
/************************  Table cadre du livre d'or **************************/
.tablebox {
	width  : 650px ;
	height:100%;
	font-size : 10pt;
	border : 0px solid silver;
	text-align : center;
	background-color : transparent;
	border-collapse : separate; 
	padding-bottom : 2px;
	margin-bottom : 10px;
}
/************************ Zone limite du livre d'or ***************************/
.limitaire {
	width:100%;
 overflow: hidden;
	height:100%;
}
/******************* Table lecture des messages *******************************/
.tablemessage {
	width  : 100% ;
	font-size : 10pt;
	color:#000000;
	border : 1px solid silver;
	background-color : transparent;
	border-collapse : separate; 
	border-spacing : 5px;
	padding-bottom : 2px;
	margin-bottom : 10px;
}

.tdmsg {
	width  : 95% ;
	text-align : left;
}

.intitule {
	color : #4E958C;
	font-size : 10pt;
}

.msg {
	text-align : left;
	color : black;
	font-size : 10pt;
}

.lasaisie {
	background-color : transparent;  
	padding : 1px;
	color : black;
	font-size : 10pt;
	text-align : center;
}

/******************************** Liens ***************************************/
a {
	color : #8B0000 /*#64A49B*/;
	text-decoration : none;
}

a:hover {
	color : blue;
	text-decoration : none;
}

a:visited {
	color : red;
	text-decoration : none;
}

/********************* Zone saisie des message ********************************/
/*  Police pour les messages du livre d'or */
.italiq {
	font-style: italic;
}

.souligne {
	text-decoration: underline;
}

.gras{
	font-weight: bold;
}
/*  peuvent etre ajoutées*/
.barre {
	text-decoration: line-through;
}

.ligne_dessus {
	text-decoration: overline;
}

/********************* Zone saisie des message ********************************/
.tablepopsaisie {
	width  : 100% ;
	background-color : transparent;
	border-collapse : separate; 
	padding-bottom : 5px;
	margin-left : 0px;
}

.tdpopsaisie {
	padding: 2px;
	text-align: right;
}

/*******************************************************************************/

/* blocs des polices et des taille */
.blocvert{
	padding: 5px;
	display: block;
	display:inline;
	border-radius: 10px;
	margin-left: 5px;  
	margin-right: 5px;
}
.blocbleu{
	padding: 5px;
	display: block;
	display:inline;
	border-radius: 10px;
	margin-left: 5px;  
	margin-right: 5px;
}
.blocrouge{
	padding: 5px;
	display: block;
	display:inline;
	border-radius: 10px;
	margin-left: 5px;  
	margin-right: 5px;
}
.blocpolice{
	padding: 5px;
	/*display: block;
	display:inline; */
	margin-left: 5px;  
	margin-right: 5px;
}

/* popup aide pour bbcodes */
a.popaidepop span {display: none;}
a.popaidepop:hover span {
	display: inline; 
	position: absolute;
	/*white-space: nowrap;*/
	height:5px;                       
	width:200px;                   
	top: 140px; 
	left: 50px;
}

.poparea {
	font-family: "Comic Sans MS",Georgia,serif,Times New Roman,Times, serif ;
	font-size:20px;
	background: #111;
	background: -moz-linear-gradient(#444, #111);
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
	background: -webkit-linear-gradient(#444, #111);
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
	/*border : 2px solid silver;*/
	color : #ffffff;
	text-align : left;
}

/*************************** Message d erreur *********************************/
.moterreur {
	width : 75%;
	margin : auto;
	border : 3px solid blue;
	background-color : transparent;
	color : #dd0033;
	font-family : comic, Arial, Times New Roman, Times, serif;
	font-size : 9pt;
	text-align : center;
}

.tablerreurcap {
	width  : 100% ;
	font-size : 10pt;
	color:#000000;
	border : 1px solid #000000;
	text-align : center;
	background-color : #E8EA98;
	border-collapse : separate; 
	border-spacing : 5px;
}

/***************************** Zone footer ************************************/
.pied {
	border : 5px;
	background-color : transparent;  
	padding : 1px;
	color : #000000;
	font-size : 8pt;
	text-align : center;
}
/***************************** Zone Admin  ************************************/
/************************ Zone limite du des smiley en admin ******************/
.limitsmiley {
	border: 3px solid black;
	width:90%;
	height:300px;
	overflow:scroll;
}
/************************ Zone limite du des pays en admin ********************/
.limitpays {
	border: 3px solid black;
	text-align: center;
	width:300px;
	height:300px;
	overflow:scroll;
}
/*-------------------------------------------------------------------*/
/* bulle de 5/100 pour petit texte  */
/*-------------------------------------------------------------------*/
a.popsmall span {display: none;}
a.popsmall:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-size:12px;                        /* taille police*/
   font-weight:normal;
   font-style:italic;                    /* style italique */
   font-family:"Times New Roman", Times, serif ; /* famille de police */ 
   color:green;                        /* couleur texte */
   height:5px;                            /* hauteur */
   width:400px;                      /* largeur */
   top: 5px; 
   left: 50px;                       /* position rapport au texte */
}
/************************  Table cadre du livre d'or **************************/
.cadre_admin {
	width  : 80% ;
	font-size : 10pt;
	border : 5px solid silver;
	opacity:0.8;
	text-align : center;
	border-radius: 2em 2em 0em 0em/ 2em 2em 0em 0em;
	background-color : #E8EA98;
	border-collapse : separate; 
	padding-bottom : 2px;
	margin-bottom : 10px;
}

.text_vert {
	background-color : transparent;
	color : green;
	font-size : 12pt;
	font-weight : bold;
}

/*ADMINISTRATION */
.text_aide {
	color : #4E958C;
	font-size : 16pt;
}

.menuencss {
	background:transparent;
	width:75%;
	height:75%;
	border:1px #000 solid;
	margin:20px auto;
	padding:15px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
/* main menu styles */
#nav {
	display:inline-block;
	width:100%;
	margin:0px auto;
	padding:0;
	background:#335599;
	border-radius:10px; /*some css3*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 2px 2px rgba(0,0,0, .5);
	-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
	-webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
    margin:10px;
    float:left;
    position:relative;
    list-style:none;
}
#nav a {
    font-weight:bold;
    color:#e7e5e5;
    text-decoration:none;
    display:block;
    padding:8px 20px;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, .7);
}
/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#7788aa;
    color:#000;
    border-top:1px solid #f8f8f8;
    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000;
}
#nav ul li a:hover {
    background:#335599;
    color:#fff;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}
#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}
	 
	/* drop down */
#nav li:hover > ul {
	opacity:1;
    visibility:visible;
	}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:255px;
    position:absolute;
    background:#aabbcc;
    border:1px solid #7788aa;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:160px;
    top:0px;
}
 /***********************************************************************************************************/
input[type="text"] {
	background: White;
	border: 2pt outset White;
	font-size: 10pt;
	font-weight: bold;
}

input[type="password"] {
	background: White;
	border: 2pt outset White;
	font-size: 10pt;
	font-weight: bold;
}
input[type="email"] {
	background: White;
	border: 2pt outset White;
	font-size: 10pt;
	font-weight: bold;
}

select {
    background: #f1f1f1 ;
    padding: 10px 10px 10px 30px;
    margin: 0 0 10px 0;
    width: 200px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

 /***********************************************************************************************************/
 #login  {
    background-color: #C0C0C0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  
    height: 95%;
    width: 95%;
  /*  margin: 0 0 0 0;
    padding: 30px;
    position: absolute;
    top: 50%;
    left: 50%;*/
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    -webkit-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),  
          7px 7px   0 rgba(0,   0,   0,   .1);
    box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
}

#login:before {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}
/*--------------------*/
h1 {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #666;
    margin: 0 0 30px 0;
    letter-spacing: 4px;
    font: normal 26px/1 Verdana, Helvetica;
    position: relative;
}

h1:after, h1:before {
    background-color: #777;
    content: "";
    height: 1px;
    position: absolute;
    top: 15px;
    width: 120px;   
}

h1:after { 
    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(left, #777, #fff);
    background-image: -moz-linear-gradient(left, #777, #fff);
    background-image: -ms-linear-gradient(left, #777, #fff);
    background-image: -o-linear-gradient(left, #777, #fff);
    background-image: linear-gradient(left, #777, #fff);      
    right: 0;
}

h1:before  {
    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(right, #777, #fff);
    background-image: -moz-linear-gradient(right, #777, #fff);
    background-image: -ms-linear-gradient(right, #777, #fff);
    background-image: -o-linear-gradient(right, #777, #fff);
    background-image: linear-gradient(right, #777, #fff);
    left: 0;
}

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

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}
#fieldcap{
    background: #f1f1f1 url(./img/lettre.png) ;
    padding: 10px 10px 10px 10px;
    margin: 0 0 10px 0;
    width: 200px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}
/*--------------------*/

#inputs input {
    background: #f1f1f1 url(./img/lettre.png) ;
    padding: 10px 10px 10px 30px;
    margin: 0 0 10px 0;
    width: 200px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

#username {
    background-position: 5px -2px !important;
}

#password {
    background-position: 5px -52px !important;
}

#inputs input:focus {
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/
#actions {
    margin: 10px 200px 100px 150px;
}

#submit2{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    float: center;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
}

#submit2:hover,#submit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

#submit2:active  {		
    outline: none;
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submit2::-moz-focus-inner{
  border: none;
}

#actions a {
    color: #3151A2;    
    float: right;
    line-height: 35px;
    margin-left: 10px;
}

/*--------------------*/
#back{
    display: block;
    text-align: center;
    position: relative;
    top: 60px;
    color: #999;
}
/*--------------------*/
#back{
    display: block;
    text-align: center;
    position: relative;
    top: 100px;
    color: #999;
}
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.popup .popuptext {
    visibility: hidden;
    width: 250px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}