@charset "iso-8859-1";
/* auteur: WonkaStudio */

/*sortable jquery*/
	#sortable { list-style: none; margin: 0; padding: 0; width: 60%; }
	#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
	html>body #sortable li { height: 1.5em; line-height: 1.2em; }
	ul#sortable li.fantom{ border:1px solid #000; background:#e1e6ea;}

.ui-icon{ float:left;}

.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(/css/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-icon { width: 16px; height: 16px; background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }

/*css perso*/
img
{
	border:none;
}
caption#stat
{
   caption-side: top; /* Le titre sera placé en bas du tableau */
   margin: auto;
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #73a508;
   text-decoration:underline;
   margin: 20px; /* La marge doit se faire au-dessus et non en-dessous maintenant */
}

table#stat
{
   margin: auto;
   border: 4px outset green;
   border-collapse: collapse;
}

th#stat
{
   background-color: #73a508;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td#stat
{
   vertical-align: bottom; /* Alignement vertical, le contenu des cellules sera placé en bas */
   border: 1px solid black;
   font-family: "verdana", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   padding: 5px;
}

.comment {
text-align:right;
padding-right:10px;

 }
  .comment_left {
text-align:left;
padding-left:20px;

 }
 
.align_image img, .align_image span {
  vertical-align: middle;
  display: inline-block;
}

 
  /*css des boites */
 .flottante {
  background-color: #FFFFFF;
  border: 2px dotted #a9b91a;
  margin: 2px;
  float: left;
  width: 100px;
  text-align: center;
}
 .flottante2 {
  background-color: #FFFFFF;
  border: 2px dotted #a9b91a;
  margin: 2px;
  float: left;
  width: 93px;
  text-align: center;
  
}
.spacer {
clear: both;
}


.conteneur {
  width: 100%;
}

 /*css du gpx*/
.gpx{
  float: right;
  margin-left:10px;
  border:none;
}

 p, h2 {
padding:5px 10px;
margin:0;
}
 
/* partie bouton*/

input[type="submit"], input[type="button"]	{
	background-color: #CDF0F0;
	color: black;
	border: 1px outset black;
}

input[type="text"]:focus, input[type="password"]:focus {
	background-color: #b6e11f;
	color: black;
}
/* fin partie boutons*/

/* formulaire alignement */
label {
display:block;
width:160px;
float:left;
margin-left:20px;
font-weight:bold;
}

/* liens*/
a, a:visited {
	color:#6699CC;
	text-decoration:none;
	font-weight:bold;
}

a:hover, a:focus {
	text-decoration:underline;
	color:#6699CC;
	font-weight:bold;
}


/*trait separateur article*/
span.article_seperator {
border-bottom:2px dotted #669944;
display:block;
height:1.5em;
margin-bottom:10px;
}

/*contenant titre article*/
.contentheading {
background-image:url(/images/site/news.png);
background-repeat:no-repeat;
color:#73a508;
font-family:verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
text-align:left;
text-indent:30pt;
}

/*titre article*/
span.contentpagetitle {
color:#73a508;
font-family:verdana,Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:bold;
}

/*fil d'ariane*/
.componentheading {
border-bottom:1px dashed #6699CC;
color:#73a508;
font-family:verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
text-align:left;
margin-bottom:30px;
}

/*separation titre + background-color*/
.componentheading_categorie {
border-bottom:1px dashed #6699CC;
border-top:1px dashed #6699CC;
color:#73a508;
font-family:verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
text-align:left;
margin-bottom:15px;
margin-top:10px;
background-color:#e1e6ea
}

.componentheading_categorie_center {
border-bottom:1px dashed #6699CC;
border-top:1px dashed #6699CC;
color:#73a508;
font-family:verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
text-align:center;
margin-bottom:30px;
margin-top:30px;
background-color:#e1e6ea
}

/*alignement texte liste admin*/
.liste_admin{
color:#000;
line-height:32px;
font-weight: bold;
padding-left:250px;
}

.quote_droite_google {
float:right;
margin-right:0px;
margin-top:6px
}*

.quote_gauche_tweeter {
float:left;
margin-left :20px;
margin-top:5px
}

.quote_droite {
float:right;
margin-right:0px;
}
/*  posté par */
.poste_par {
font-style:italic;
line-height:15px; 
clear:both;
}

.commentaire {
  /** style d'un commentaire **/
  padding-left:3px;
  text-align:justify;
}
 
.commentaire .commentaire {
  /** style d'un sous-commentaire **/
  padding-left:3px;
  border:1px solid #676062;
  text-align:justify;
  margin-left: 5%;
  margin-right: 5%;
  background-color:#f2f2f2;
}

.cadre_forum {
background:url("/php/commentaires/imgages/guillemet_haut.gif") no-repeat scroll left top #F2F2F2;
}

/* fin perso*/

body {
  background-image:url(/images/site/page_back.jpg);
	background-color: #ffffff; 
	background-repeat: repeat-x;
	text-align:center;
	margin:0;
	padding:0;
	font-size:100.1%;
	font:83%/1.4 verdana, arial, helvetica, sans-serif;
}

.texte {
	color:#black; text-decoration:none; font-family:verdana, sans-serif; text-align:justify; font-size:11px;
	padding:10px 10px 10px 10px;
	border:2px solid #bbce30;
	margin:0px 0px 10px 0px;
	}
	
.conteneur_page {
	width:962px;
	background-image:url(/images/site/center_back.jpg);
	margin-right:auto;
	margin-left:auto;
	}
	
.conteneur_left
	{
	float:left;
	width:182px;
	border-left:solid 5px white;
	margin:0px 10px 0px 0px;
	}
.conteneur_center
	{
	float:left;
	width:752px;
	}	
.conteneur_foot
	{
	height:71px;
	width:962px;
	line-height:25px;
	text-align:center;
	border-bottom:20px solid white;
	background-image:url(/images/site/footer_back.jpg);
	font-size:10px;
	padding:0px;
	color:black;
	}

.conteneur_head
	{
	height:91px;
	width:962px;
	background-image:url(/images/site/header_back.jpg);
	}
	
.conteneur_photo
	{
	float:left;
	height:137px;
	width:962px;
	background-image:url(/images/site/photo_back.jpg);
	}
.conteneur_photo_2
	{
	margin-left:auto;
	margin-right:auto;
	height:137px;
	width:929px;
	border:4px solid #bbce30;
	background-image:url(/images/site/photo.jpg);
	}	
	
ul#menu { background-image:url(/images/site/menu_back.jpg); float:left; list-style-type: none; width:942px; padding:0px 0px 0px 20px;	margin:0px; }
ul#menu li { float:left; }
ul#menu li a { display:block; background-image: url(/images/site/button.jpg); float:left; height:25px; line-height:25px; color:#ffffff; text-decoration:none; font-family:verdana, sans-serif; text-align:center; padding:0 0 0 14px; cursor:pointer; font-size:11px; margin-left:5px; }
ul#menu li a b { float:left; display:block; background:url(/images/site/button.jpg) no-repeat right top; padding:0px 14px 0px 0px; }
.current a {color:#ffffff; background-image: url(/images/site/button_current.jpg) !important; }
.current a b { background:url(/images/site/button_current.jpg) no-repeat right top !important; } 
ul#menu li a:hover {color:#ffffff; text-decoration:underligne; background-image: url(/images/site/button_current.jpg);}
ul#menu li a:hover b { text-decoration:underligne; background:url(/images/site/button_current.jpg) no-repeat right top; }

ul.menu2 { list-style-type: none; padding:0; 	margin:0px 0px 0px 10px; }
ul.menu2 li a { display:block; height:25px; background: url(/images/site/menu_left_li_active.jpg) no-repeat; padding-left:20px; 
border-bottom:1px solid #bbce30; line-height:25px; color:#879615; text-decoration:none; 
font-family:verdana, sans-serif; text-align:left; cursor:pointer; font-size:11px; }
ul.menu2 li a:hover {color:#bbce30; background: url(/images/site/menu_left_li_inactive.jpg) no-repeat;}


.menu_left_head
	{
	color:#fff; text-decoration:none; font-family:verdana, sans-serif; text-align:center; font-weight:bold; font-size:11px;
	margin:12px 5px 0px 6px;
	display:block;
	height:29px;
	line-height:25px;
	width:182px;
  background-image:url(/images/site/menu_left_back.jpg);
	}
	
.center_head
	{
	color:#fff; text-decoration:none; font-family:verdana, sans-serif; text-align:center; font-weight:bold; font-size:11px;
	display:block;
	height:29px;
	line-height:25px;
	width:752px;
	background-image:url(/images/site/center_head_back.jpg);
	margin:12px 0px 10px 0px;
	text-align:center;
	}
  
.separator{
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 1px;
	font-size: 1em;
	}

.input_contact {
  border:1px solid #b6cb1c;
  color:#b6cb1c;
	font-size:10px;
	text-decoration:none;
}

.image_carre {
padding:10px;
}
.image_carre:hover {
border:5px solid #b6cb1c;
}