html, body{


color:#444;


margin:0;

padding:0;
background:url(images/degradebody2.png) repeat-x left top #4096ee;
background-color:#4096ee;
background-attachment: fixed; 
/* font:0.9em/1.5 Cambria, Georgia, sans-serif; color:#333; */

text-align:center;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:12px;

/* line-height: 12px; font-size: 11px; font-family: verdana, arial, sans-serif; */
}

#superglobal
{

 margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
padding-top: 5px;
margin-bottom:20px;
margin-top:10px;
width:1020px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
/* background:url(images/metal.jpg) repeat  #FFFFFF; */
background:url(images/backstripe.gif) repeat  #FFFFFF;
text-align:center;


border: 3px #cdcdcd solid;
}

#global {

text-align:left;

background:url(images/degradehautglobal.png) repeat-x left top #FFFFFF;  border: 1px #4096EE solid; 

/* background:url(images/degradehaut.png) repeat-x left top #FFFFFF; */
margin-left: auto;
margin-right: auto;

/* border: 2px #d640e8 solid; */
padding-bottom:0px;
padding-top: 10px;
margin-bottom:20px;
margin-top:0px;

margin-bottom:20px;


width:990px;

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


}


#header {
text-align:left;
margin-top:0px;

height:100px;

width:100%;

cursor:pointer;

overflow:hidden;
}

#brillant {
text-align:left;
background:url(images/brillant.png) no-repeat left top ;
cursor:pointer;
width:500px;
height:100px;
z-index:1;
position:absolute;

overflow:hidden;
}

#logoheader {

width:500px;
height:100px;

position:relative;
float:left;
overflow:hidden;
}

#searchheader {

width:480px;
height:100px;

position:relative;
float:right;
overflow:hidden;
}



#lesboutons
{
  margin-top:-20px;
    position:relative;
    width:100%;
  height:75px;
  text-align:left;
  /* background:black; */
}


#boutonpublier {
  
margin-left:30px;
margin-top:0px;
width:200px;
height:40px;
text-align:left;
float:left;
}




#stylo {
text-align:left;
background:url(images/pen.png) no-repeat left top ;

width:100%;
height:100px;

position:absolute;


}



.clear {
clear:left;
} 




#pub {
 
    width:300px;
    position:relative;
    float:right;
    text-align:center;
    overflow:hidden;
}
#texte {
/* background:url(images/degradehautglobal.png) repeat-x left top #FFFFFF;  border: 1px #4096EE solid;  */
 float:left;
position:relative;
/* border-color: #4096EE ; 

 border: 1px #4096EE solid; */
padding: 5px 10px 10px 10px;
margin-left:10px;
width:640px;
overflow:hidden;
/* -moz-border-radius: 10px;-webkit-border-radius: 10px; */
}

#conteneur {

    float:left;  
    width:100%;

margin-bottom:250px;

}
#footer {

background:url(images/degradefooter.png) repeat-x left top #5f5f5f;
-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;
color:purple;
width:100%;

height:150px;

   float:left;
}


#footer a:hover {
color:white;

 
}

#footer a:active {
color:#000000;

 
}

#footer a {
color:#000000;

 
}



   h2,h3,h4 { margin: 0 0 3px 0; }
        h1 { text-align:center;color: #a50404; font: bold 25px Helvetica, Arial, Sans-Serif;
            position: relative;  text-shadow: 1px 1px 1px #000;
          
        }
     h2 { color: #000000; font: bold 20px Helvetica, Arial, Sans-Serif;
	   text-shadow: 1px 1px 1px #fff;
       }
       h2:hover {
         color: #3b67a4;      }

   
         
          a:visited {
         color: #EC213F;   font-weight:bold;     }
         
             a {
         color: #EC213F;  font-weight:bold;    }
         
         
         a:hover {
         color: #000000;   font-weight:bold;     }
	 
	 
	 /*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}


table.beautableau 
{
  width:100%;

  

}

table.beautableau td
{
  
	  
	   
	
  
}

table.beautableau tr
{
  



}


/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 580px; height: 560px; position: relative; margin: 0 0 15px; text-align:left; }
.anythingSlider .wrapper                { width: 500px; overflow: auto; height: 541px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; height: 560px; list-style: none; position: absolute; top: 0; left: -35px; background: #eee; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 717px; width: 500px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -25px; }
.anythingSlider .back                   { background-position: -67px 0; left: -25px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 533px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 533px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


#blocmilieu {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 margin-bottom:10px;
 border: 4px dashed #FFF5C7; 
background: #DCEBFF ;
width:100%;
height : 200px;
overflow: hidden;
padding-top:20px;

}

#blocmilieubis {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 margin-bottom:10px;
 border: 4px dashed #DCEBFF; 
background: #FFFFFF ;
width:100%;
height : 200px;
overflow: hidden;
padding-top:20px;

}

#blocmilieu2 {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 margin-bottom:10px;
 border: 1px solid #DCEBFF; 
background: #FFFFFF ;
width:90%;
margin-left: auto;
margin-right: auto;
padding :10px 10px;
height:150px;

}

#blocmilieu3 {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 margin-bottom:10px;
 border: 1px solid #DCEBFF; 
background: #FFFFFF ;
width:90%;
margin-left: auto;
margin-right: auto;
padding :10px 10px;
overflow:auto;


}

#blocmilieu3bis {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 margin-bottom:5px;
 border: 1px solid #DCEBFF; 
background: #FFFFFF ;
width:90%;
margin-left: auto;
margin-right: auto;

overflow:auto;


}


.lignebleue {
  color:black;
background:#C3D9FF;
  
}
textarea.tinymce
{
    height: 450px;
    width: 550px;
}

#toolbar {
  
  width:100%;
  height:35px;
  position:fixed;
    border:0px;
  background:url(images/degradetoolbar.png) repeat-x left top ;
    bottom: 0px;

    left: 0px;

    right: 0px;
    

   
text-align:left;
 


    color: black;    

    
  /*  opacity: .80;    */

  /*  filter: alpha(opacity="80"); */

    z-index: 200;

 
   overflow: hidden;

   
  
  
}

#tool1 {
  float:left;
 width:200px;

 border-left: solid 2px purple;
  border-right: solid 2px purple;
  text-align:center;
  cursor:pointer;
   margin-left: 10px;
    overflow:hidden;
  /*  opacity: .80;    */

  /*  filter: alpha(opacity="80"); */


}

#tool1deroule {
  border-top: solid 2px purple;
  border-left: solid 2px purple;
  border-right: solid 2px purple;
  height:80%;
  position:fixed;
  width:200px;
  display:none;
  background:white;
  bottom: 35px;
   left: 11px;
   
   -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px;
   
   -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;
  overflow:auto;
z-index:99;
}




#tool2 {
  float:left;
 width:200px;

 border-left: solid 2px blue;
  border-right: solid 2px blue;
  text-align:center;
  cursor:pointer;
   margin-left: 10px;
    overflow:hidden;
}

#tool2deroule {
  border-top: solid 2px blue;
  border-left: solid 2px blue;
  border-right: solid 2px blue;
  height:80%;
  position:fixed;
  width:200px;
  display:none;
  background:white;
  bottom: 35px;
   left: 225px;
   z-index:99;
   -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px;
   
   -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;
  overflow:auto;
}




#tool3 {
  float:left;
 width:200px;
 
 border-left: solid 2px blue;
  border-right: solid 2px blue;
  text-align:center;
  cursor:pointer;
   margin-left: 10px;
    overflow:hidden;
}

#tool3deroule {
  opacity:0.9;
  overflow:hidden;
  padding-left:10px;
  text-align:left;
  border-top: solid 2px blue;
  border-left: solid 2px blue;
  border-right: solid 2px blue;
  height:80%;
  position:fixed;
  width:540px;
  display:none;
  background:white;
  bottom: 35px;
   left: 439px;
   z-index:99;
   -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px;
   
   -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;
  overflow:auto;
}


#tool4 {
  float:left;
 width:200px;

 border-left: solid 2px black;
  border-right: solid 2px black;
  text-align:center;
  cursor:pointer;
   margin-left: 10px;
    overflow:hidden;

}
#tool5 {
  float:left;
 width:130px;
  height:30px;

  text-align:center;
  cursor:pointer;
   margin-left: 10px;
    overflow:hidden;

}

#tool4deroule {
  opacity:0.9;
  overflow:auto;
  padding-left:10px;
  text-align:left;
  border-top: solid 2px black;
  border-left: solid 2px black;
  border-right: solid 2px black;
  height:80%;
  position:fixed;
  width:520px;
  display:none;
  background:black;
  bottom: 35px;
   left: 322px;
   z-index:99;
   -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px;
   
   -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;

}


#blocconnecte{
  
  padding-top:5px;
  width:95%;border: solid #a8a8a8 1px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
  background:url(images/degradehautv2.png) repeat-x left top #FFFFFF;
  overflow:hidden;
  margin-top:10px;
 margin-bottom:40px;
  text-align:left;
  
}

#bloc2{
  padding-top:4px;
  width:95%;border: solid #a8a8a8 1px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
  background:url(images/degradehautv2.png) repeat-x left top #FFFFFF;
  overflow:hidden;
  margin-bottom:40px;
margin-top:10px;
  text-align:left;
}

#blocpub{
  padding-top:4px;
  width:300px;

  overflow:hidden;
  margin-bottom:40px;
margin-top:10px;
  text-align:left;
}


 #bloc2 a{color:#356aa0;text-decoration:none; font-weight:bold; font-size:1.1em;}
         
           #bloc2  a:visited {
         color: #356aa0;     text-decoration:none;  font-weight:bold;   font-size:1.1em;}
           #bloc2  a:hover {
         color: #000000;    text-decoration:underline;font-weight:bold;   font-size:1.1em;  }

.msgdumur {
float:left;width:400px;height:150px;
}
.msgdumurbig {
font-size:20px

}

#auteurmsg a{
color:#000000;text-decoration:none; font-weight:bold; font-size:1em;
}

#auteurmsg  a:visited {
         color:#000000;text-decoration:none; font-weight:bold; font-size:1em;
}

.msgdumurbig a{color:#356aa0;text-decoration:none; font-weight:bold; font-size:1em;}
         
           .msgdumurbig  a:visited {
         color: #356aa0;     text-decoration:none;  font-weight:bold;   font-size:1em;}
           .msgdumurbig  a:hover {
         color: #000000;    text-decoration:underline;font-weight:bold;   font-size:1em;  }


#lienbleu a{color:#356aa0;text-decoration:none; font-weight:bold; font-size:12px;}
         
           #lienbleu  a:visited {
         color: #356aa0;     text-decoration:none;  font-weight:bold;   font-size:12px;}
           #lienbleu  a:hover {
         color: #000000;    text-decoration:underline;font-weight:bold;   font-size:12ispx;  }


.msgdumur a{color:#356aa0;text-decoration:none; font-weight:bold; font-size:1em;}
         
           .msgdumur  a:visited {
         color: #356aa0;     text-decoration:none;  font-weight:bold;   font-size:1em;}
           .msgdumur  a:hover {
         color: #000000;    text-decoration:underline;font-weight:bold;   font-size:1em;  }



 
           
   #blocconnecte a{color:#356aa0;text-decoration:none; font-weight:bold; font-size:1.1em;}
         
           #blocconnecte a:visited {
         color: #356aa0;     text-decoration:none;  font-weight:bold;   font-size:1.1em;}       
         
    
 #blocconnecte  a:hover {
         color: #000000;    text-decoration:underline;font-weight:bold;   font-size:1.1em;  }



	

 #lienfondnoir  a:hover {
         color: #FFFFFF;    text-decoration:underline;font-weight:bold;     }
	
	
	
	/* 
 Should you want to set a background colour on a containing element
 certain types of bubble effect may require you to include these 
 style declarations.
 */
.content {
    position:relative;
    z-index:1;
}


/* ============================================================================================================================
== BUBBLE WITH AN ISOCELES TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-isosceles {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000;
	background:#e0e0e0; /* default background for browsers without gradient support */
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
	background:-moz-linear-gradient(top, #e0e0e0, #e0e0e0);
	background:-o-linear-gradient(top, #e0e0e0, #e0e0e0);

	
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-isosceles.top {
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
	background:-moz-linear-gradient(top, #e0e0e0, #e0e0e0);
	background:-o-linear-gradient(top, #e0e0e0, #e0e0e0);
}

/* Variant : for left/right positioned triangle
------------------------------------------ */

.triangle-isosceles.left {
	margin-left:30px;
	background:#e0e0e0;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-isosceles.right {
	margin-right:50px;
	background:#e0e0e0;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates triangle */
.triangle-isosceles:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#e0e0e0 transparent;
	
}

/* Variant : top
------------------------------------------ */

.triangle-isosceles.top:after {
	top:-15px; /* value = - border-top-width - border-bottom-width */
	right:50px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
	border-color: #e0e0e0 transparent;
}

/* Variant : left
------------------------------------------ */

.triangle-isosceles.left:after {
	top:16px; /* controls vertical position */
	left:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 50px 10px 0;
	border-color:transparent #e0e0e0;
}

/* Variant : right
------------------------------------------ */

.triangle-isosceles.right:after {
	top:16px; /* controls vertical position */
	right:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
    left:auto;
	border-width:10px 0 10px 50px;
	border-color:transparent #e0e0e0;
}



ol {
	list-style: decimal;
	font-size: 24px;
	width: 400px;
	padding: 30px 0 0 60px;
	margin: 0 auto;
}

ul#navigation {
	height: 36px;
	padding: 0px 20px 0 30px;
	width: 904px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

ul#navigation li {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	float: left;
	width: 168px;
	margin: 10px 10px 0 0;
	background-color: #2B477D;
	border: solid 1px #415F9D;
	position: relative;
	z-index: 1;
}

ul#navigation li.selected {
	z-index: 3;
}

ul#navigation li.shadow {
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -3px;
	left: 0;
	border: none;
	background: none;
	z-index: 2;
	-webkit-box-shadow: #111 0 -2px 6px;
	-moz-box-shadow: #111 0 -2px 6px;
	box-shadow: #111 0 -2px 6px;
}

ul#navigation li a:link, ul#navigation li a:visited {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: block;
	text-align: center;
	width: 168px;
	height: 30px;
	line-height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #356AA0;
	letter-spacing: 1px;
	outline: none;
	float: left;
	background: #EEEEEE;
	-webkit-transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
}

ul#navigation li a:hover {
	background-color: #cc2f65; color:#FFF;
}

ul#navigation li.selected a:link, ul#navigation li.selected a:visited {
	color: #000000;
	border: solid 1px #fff;
		-webkit-transition: background-color 0.2s linear;
	background: -moz-linear-gradient(top center, #d1d1d1, #f2f2f2 80%) repeat scroll 0 0 #f2f2f2;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(.2, #f2f2f2),color-stop(.8, #d1d1d1));
	background-color: #f2f2f2;
}


ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}


#infos{
  
 padding-left:3px;
padding-top:3px;
padding-right:3px;
padding-bottom:3px;
  width:100%;
-moz-border-radius: 10px;-webkit-border-radius: 10px;
border: solid 3px #C3D9FF;
  background-color:#FFFFFF;

  text-align:left;
  
}


#livre{
  
 padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
  width:95%%;
-moz-border-radius: 10px;-webkit-border-radius: 10px;
border: solid 10px #e9e9e9;
  background-color:#FFFFFF;
overflow:hidden;
  text-align:left;
  
}


#lapercu{
  
 padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
  width:550px;
-moz-border-radius: 10px;-webkit-border-radius: 10px;
border: solid 10px #e9e9e9;
  background-color:#FFFFFF;
overflow:hidden;
  text-align:left;
  
}

#tchatinstantanne{
  
right:-600px;
bottom:35px;



  width:600px;
height:45%;
-moz-border-radius: 10px;-webkit-border-radius: 10px;
border: solid 10px #e9e9e9;
  background-color:#FFFFFF;
display:none;
  text-align:left;
position:fixed;
z-index:500;
overflow:auto;
  
}






.character { margin-top: 6px; }



.container { background: #FFFFFF;  width: 100%; padding: 10px; text-align:left; }
.sbl2 { background: url('images/bubble/bl2.gif') bottom left no-repeat #E9E9E9; width: 600px; text-align: center;  min-width: 100px; }
.sbr2 { background: url('images/bubble/br2.gif') bottom right no-repeat; }
.stl2 { background: url('images/bubble/tl2.gif') top left no-repeat; }
.str2 { background: url('images/bubble/tr2.gif') top right no-repeat; padding: 10px; } 
.sb2 { padding: 2px 0px 10px 50px; background: url('images/bubble/b2.gif') 30px top no-repeat; }



.sbl2vip { background: url('images/bubblevip/bl2.gif') bottom left no-repeat #ffeda7; width: 600px; text-align: center;  min-width: 100px; }
.sbr2vip { background: url('images/bubblevip/br2.gif') bottom right no-repeat; }
.stl2vip { background: url('images/bubblevip/tl2.gif') top left no-repeat; }
.str2vip { background: url('images/bubblevip/tr2.gif') top right no-repeat; padding: 10px; } 
.sb2vip { padding: 2px 0px 10px 50px; background: url('images/bubblevip/b2.gif') 30px top no-repeat; }

#lequipenp {

 background: url('images/bubblevip/lequipenp.png') top left no-repeat;

width:150px;
height:50px;
position:absolute;
left:507px;

}

#degradegestion {
width:300px;
 background: url('images/degradebleu.png') top repeat-x; height:40px; 

border: dashed 2px #e9e9e9;
}



select{
	padding:3px;
	color:#333333;
	
	border:1px solid #96A6C5;
	margin-top:2px;
	
	font-size:11px;
}


#searchbox
			{
				background: #eaf8fc;
				background-image: -moz-linear-gradient(#fff, #d4e8ec);
				background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d4e8ec),color-stop(1, #fff));
				
				-moz-border-radius: 35px;
				border-radius: 35px;
				
				border-width: 1px;
				border-style: solid;
				border-color: #c4d9df #a4c3ca #83afb7;            
				width: 400px;
				height: 35px;
				padding: 10px;
				/*margin: 100px auto 50px;*/
				overflow: hidden;
			}
        
        #search, #submit
        {
            float: left;
        }
        
        #search
        {
            padding: 5px 9px;
            height: 23px;
            width: 280px;
            border: 1px solid #a4c3ca;
            font: normal 13px 'trebuchet MS', arial, helvetica;
            background: #f1f1f1;
            
            -moz-border-radius: 50px 3px 3px 50px;
             border-radius: 50px 3px 3px 50px;
             -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
             -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
             box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);            
        }
		
		/* ----------------------- */
		
		#submit
		{		
            background: #6cbb6b;
            background-image: -moz-linear-gradient(#95d788, #6cbb6b);
            background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6cbb6b),color-stop(1, #95d788));
            
            -moz-border-radius: 3px 50px 50px 3px;
            border-radius: 3px 50px 50px 3px;
            
            border-width: 1px;
            border-style: solid;
            border-color: #7eba7c #578e57 #447d43;
            
             -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;   		

			height: 35px;
			margin: 0 0 0 10px;
			padding: 0;
			width: 90px;
			cursor: pointer;
			font: bold 14px Arial, Helvetica;
			color: #23441e;
			
			text-shadow: 0 1px 0 rgba(255,255,255,0.5);
		}
		
		#submit:hover
		{		
            background: #95d788;
            background-image: -moz-linear-gradient(#6cbb6b, #95d788);
            background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #95d788),color-stop(1, #6cbb6b));
		}	

		#submit:active
		{		
            background: #95d788;
			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;		
		}

		#submit::-moz-focus-inner
		{
		  border: none;
		}		
		
		/* ----------------------- */
        
        #search::-webkit-input-placeholder {
           color: #9c9c9c;
           font-style: italic;
        }
        
        #search:-moz-placeholder {
           color: #9c9c9c;
           font-style: italic;
        }    
        
        #search.placeholder {
           color: #9c9c9c !important;
           font-style: italic;
        }  
        
        #search:focus
        {
            border-color: #8badb4;
            background: #fff;
            outline: none;
        }




/* onglets pour la homepage (js/onglets.js) Specific to example two */

.container {width: 630px; margin: 10px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.1em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	background: url(/images/degradegris.png) top left repeat-x;
}

#formajoutcom {
	padding: 5px;
	background: url(/images/degradegris.png) top left repeat-x;
}

.formdescoms {
	padding: 5px;
	background: url(/images/degradegris.png) top left repeat-x;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}


#avatarsexy {
	
	margin: 0 0px 0px 0;
	border: 1px solid #ddd;
	padding: 5px;
}
#sexyavatar {
	
	margin: 0 0px 0px 0;
	border: 1px solid #ddd;
	padding: 5px;
}
#menuhorizon {
width:100%;
height:50px;
}

#menuhorizon ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
#menuhorizon li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
#menuhorizon ul li a {
 display:block;
 float:left;   

 background-color:#e0e0e0;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:5px;
 border:2px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border-color:#DCDCDC #696969 #696969 #DCDCDC;
 }
#menuhorizon ul li a:hover {
 background-color:#D3D3D3;
 border-color:#696969 #DCDCDC #DCDCDC #696969;
 } 

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:40px;
	right:140px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(images/ui.totop.png) no-repeat left top;
z-index:400;
}

#toTopHover {
	background:url(images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}


#sexyligne {
    margin-top:50px;
}
.sexy_line{
    display:block;
    border:none;
    color:white;
    height:1px;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#000), to(#fff));
}


.css3button3 a {
     background: url(background.gif) bottom repeat-x #9eabb3;
     padding: 5px 10px 5px 10px;
     text-align: center;
     font-weight: bold;
     color: #fff;
     text-decoration: none; border: 1px inset #aaa;
     -webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     -moz-box-shadow: 1px 1px 1px #666;  -webkit-box-shadow: 1px 1px 1px #666;  box-shadow: 1px 1px 1px #666;
     text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
      border-top: inset 1px #ccc; border-left: inset 1px #ccc; border-bottom: solid 1px solid #000; border-right: 1px solid #666;
}

.css3button3 a:hover  {
     background: #999;
     text-shadow: rgba(0,0,0, .5) 0px 1px 0px;
}

.css3button a {
     background: url(background.gif) bottom repeat-x #9eabb3;
     padding: 5px 10px 5px 10px;
     text-align: center;
     font-weight: bold;
     color: #fff;
     text-decoration: none; border: 1px inset #aaa;
     -webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     -moz-box-shadow: 1px 1px 1px #666;  -webkit-box-shadow: 1px 1px 1px #666;  box-shadow: 1px 1px 1px #666;
     text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
      border-top: inset 1px #ccc; border-left: inset 1px #ccc; border-bottom: solid 1px solid #000; border-right: 1px solid #666;
}

.css3button a:hover  {
     background: #999;
     text-shadow: rgba(0,0,0, .5) 0px 1px 0px;
}

.css3button2 a {
     background: url(background.gif) bottom repeat-x #9eabb3;
     padding: 5px 10px 5px 10px;
     text-align: center;
     font-weight: bold;
     color: #fff;
     text-decoration: none; border: 1px inset #aaa;
     -webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     -moz-box-shadow: 1px 1px 1px #666;  -webkit-box-shadow: 1px 1px 1px #666;  box-shadow: 1px 1px 1px #666;
     text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
      border-top: inset 1px #ccc; border-left: inset 1px #ccc; border-bottom: solid 1px solid #000; border-right: 1px solid #666;
}

.css3button2 a:hover  {
     background: #999;
     text-shadow: rgba(0,0,0, .5) 0px 1px 0px;
}

.css3buttoncentre {
margin-top:15px;
text-align:center;
}

#boutonmur2 {
display:none;
}

.couleurmsg {
width:100%;height:150px;margin-bottom:5px;
cursor:pointer;
}


.ilya {

font-size:10px;
}


.repondremur {
display:none;
width:100%;

}


.actionrepondremur {

width:50%;
float:left;
height:20px;
}



.actionsupprimermsg {
width:50%;
float:left;
height:20px;
}


#nuage {
display:none;
position:fixed;
width:700px;
height:525px;
top:50%;
left:50%;
margin-left:-350px;
margin-top:-262.5px;
z-index:9999;
background: url(/images/nuage.png) top no-repeat;

}




#listereponses{

display:none;
position:fixed;
width:500px;
height:90%;
top:10%;
left:50%;

z-index:9999;
background-color:#FFFFFF;


-moz-border-radius: 10px;-webkit-border-radius: 10px;
border: solid 10px #e9e9e9;

  
}




#fermeturenuage2 {

position:relative;
width:500px;
height:30px;
margin-left:auto;
margin-right:auto;
text-align:right;



}






#fermeturenuage {

position:relative;
width:500px;
height:30px;
margin-left:auto;
margin-right:auto;
text-align:right;
margin-top:60px;


}



#corpsnuage {

position:relative;
width:500px;
height:300px;
margin-left:auto;
margin-right:auto;

margin-top:10px;

}

#popnuagebehind
{

cursor:pointer;
display:none;
position:fixed;
width:100%;
height:100%;
top:0;
left:0;

z-index:99;
background: url(/images/bleunuit.png) repeat;

}



#popnuage {
text-align:left;
display:none;
position:fixed;
width:700px;
height:525px;
top:50%;
left:50%;
margin-left:-350px;
margin-top:-262.5px;
z-index:9999;
background: url(/images/nuage.png) top no-repeat;

}

#popfermeturenuage {

position:relative;
width:500px;
height:30px;
margin-left:auto;
margin-right:auto;
text-align:right;
margin-top:60px;


}



#popcorpsnuage {
overflow:auto;
padding-left:35px;
position:relative;
width:485px;
height:300px;
margin-left:auto;
margin-right:auto;

margin-top:10px;

}

#formulairecache {

display:none;
}


.ombresurletitretexte{

width:98%;
height:50px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding-left:5px;
margin-bottom:50px;
background-color: #eee;
	
	margin-top: 10px;
	

-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow:  5px 5px 5px #888;
box-shadow:  5px 5px 5px #888;
}