.light{
opacity:1;
/* Pour afficher l'opacité sous IE lors du chargement de la page
Ensuite c'est jQuery qui prend la relève */
filter : alpha(opacity=100);
}

#chat_hiding1
{
display:none;
padding:0;
margin:0;
}
#hiding1
{	position:relative;
	z-index:1500;
    height:300px;
    width:250px;
	text-align:left;
    background-color:#e2e2e2;
    display:block;
	border:1px #999999 solid;
	border-bottom:0;
	border-top:0;
	color:#000000;
	padding:8px;
	font-size: 12px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	
}
#barre1 {
top:-317px;
right:20px;
position:fixed;

}

#barre_bottom1 {
position:relative;
z-index:1500;
cursor:pointer;
text-align:left;
width:250px;
height:15px;
background:#ecebec url(../images/chat.png) repeat-x top left;
border:1px #999999 solid;
border-top:0;
color:#000000;
padding:8px;
font-size: 12px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}


/*ROAR*/

.roar-body
{
	position:				absolute;
	font:					12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	color:					#fff;
	text-align:				left;
	z-index:				999;
}

.roar
{
	position:				absolute;
	width:					300px;
	cursor:					pointer;
}
.roar-bg
{
	position:				absolute;
	z-index:				1000;
	width:					100%;
	height:					100%;
	left:					0;
	top:					0;
	background-color:		#000;
	-moz-border-radius:		10px;
	-webkit-border-radius:	5px;
	-webkit-box-shadow:		0 0 5px rgba(0, 0, 0, 0.5);
}
.roar-body-ugly .roar
{
	background-color:		#333;
}
.roar-body-ugly .roar-bg
{
	display:				none;
}
.roar h3
{
	position:				relative;
	padding:				15px 10px 0;
	margin:					0;
	border:					0;
	font-size:				13px;
	color:					#fff;
	z-index:				1002;
}
.roar p
{
	position:				relative;
	padding:				10px 10px 15px;
	margin:					0;
	font-size:				12px;
	color:					#fff;
	z-index:				1002;
}


/*GENERAL*/


body{
margin: 0;
padding: 0;
color: #555;
font-size: 13px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-align: center;
line-height: 15px;
}

div.carousel ul {
height:241px;
overflow:hidden;
}
div.carousel ul {
list-style: none;
}
#chat_hiding
{
display:none;
padding:0;
margin:0;
}
#hiding
{	position:relative;
	z-index:1500;
    height:300px;
    width:250px;
	text-align:left;
    background-color:#e2e2e2;
    display:block;
	border:1px #999999 solid;
	border-bottom:0;
	border-top:0;
	color:#000000;
	padding:8px;
	font-size: 12px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	
}

#barre {
bottom:-317px;
right:20px;
position:fixed;

}

#barre_bottom {
position:relative;
z-index:1500;
cursor:pointer;
text-align:left;
width:250px;
height:15px;
background:#ecebec url(../images/chat.png) repeat-x top left;
border:1px #999999 solid;
border-bottom:0;
color:#000000;
padding:8px;
font-size: 12px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}


div#rss {
	position:fixed;
	left:10px;
	top: 10px;
	margin:0px;
}


:focus {
outline: 0;
}


#fix {
position:fixed;
width: 100%;
height: 64px;
left: 0px;
bottom: 0px;
margin:0px;
text-align: left;
vertical-align: middle;
z-index: 1500;
}

.bandeau {
margin: 0;
padding: 0;
height: 64px;
background-image: url("../images/nono.png");
background-repeat: repeat-x;
}


/* ----------------- */
/* Structure de base */
/* ----------------- */
/* structure barre des membres */

#connex_deco{
float: left;
background: #FFF;
color: #414141;
padding-top: 2em;
padding-bottom: 2em;
text-align: center;
width: 960px;
}

#barre_membre{
width: auto;
color: #FFF;
height: 19px;
margin: 0;
text-align: center;
font-size: 12px;
}

*html #barre_membre{
padding: 0;
margin: 0;
}

*html #barre_membre form{
margin: 0;
padding: 0;
}

*html #barre_membre ul, *html #barre_membre li{
margin-bottom: 0;
margin-top: 0;
}

#barre_membre a{
text-decoration: none;
}

#barre_membre ul, #barre_membre li{
display: inline;
}

#barre_membre .login, #barre_membre .password{
height: 12px;
font-size: 10px;
}

#barre_membre input{
border: none;
background: url('../images/bg_login.jpg') no-repeat;
width: 76px;
padding-left: 3px;
}

#barre_membre input.valid_connexion{
border: none;
background: url('../images/bg_login_valid.jpg') no-repeat;
width: 76px;
color: #EEE;
font-size: 10px;
}

#ban_blog{
margin-left: 300px;
margin-top: 20px;
}

#ban_blog img{
border: 0;
}

/* Onglets haut du site */

#link{
font-size: 13px;
font-family: "Verdana", Times, serif;
font-weight: bold;
margin: 0;
width: 100%;
float: left;
}

#link a{
color: #009BFF;
text-decoration: none;
font-weight: bold;
padding-right: 5px;
}

#link a:hover{
color: #009CFF;
font-weight: bold;
}

#link img{
border: 0;
}

#link ul{
list-style-type: none;
list-style-position: outside;
display: inline;
padding: 0;
margin: 0;
}

#link li{
list-style-type: none;
list-style-position: outside;
display: inline;
padding: 0;
padding-right: 3px;
}

#link .actif_accueil a.gris:hover, #link .actif_forum a.bleu:hover, #link .actif_galerie a.vert:hover, #link .actif_tuto a.orange:hover,
#link .actif_concours a.violet:hover, #link .actif_livre a.rouge:hover, #link .actif_membre a.bleu:hover,#link .actif_faq a.vert:hover{
background: #FFF;
}

#link .actif_accueil a{
color: #999999;
font-weight: bold;
background: #FFF;
padding: 8px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border: 1px #999999 solid;
border-bottom: 0px;
}

#link .actif_forum a{
color: #009BFF;
font-weight: bold;
background: #FFF;
padding: 8px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border: 1px #009BFF solid;
border-bottom: 0px;
}
#link .actif_tuto a{
color: #FF7800;
font-weight: bold;
background: #FFF;
padding: 8px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border: 1px #FF7800 solid;
border-bottom: 0px;
}
#link .actif_galerie a, #link .actif_faq a{
color: #9CC511;
font-weight: bold;
background: #FFF;
padding: 8px;
padding-top: 4px;
padding-left: 4px;
padding-right: 4px;
border: 1px #9CC511 solid;
border-bottom: 0px;
}
#link .actif_concours a{
color: #D949EE;
font-weight: bold;
background: #FFF;
padding: 8px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border: 1px #D949EE solid;
border-bottom: 0px;
}
#link .actif_livre a{
color: #FF0000;
font-weight: bold;
background: #FFF;
padding: 8px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border: 1px #FF0000 solid;
border-bottom: 0px;
}
#link .actif_membre a{
color: #009BFF;
font-weight: bold;
background: #FFF;
padding: 8px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border: 1px #009BFF solid;
border-bottom: 0px;
}

#link a.gris:hover{
color: #999999;
font-weight: bold;
background: #FFF url('../images/bg_link.jpg') repeat-x bottom;
padding: 8px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border: 1px #999999 solid;
border-bottom: 0px;
}

#link a.bleu:hover{
color: #009BFF;
font-weight: bold;
background: #FFF url('../images/bg_link.jpg') repeat-x bottom;
padding: 8px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border: 1px #009BFF solid;
border-bottom: 0px;
}

#link a.orange:hover{
color: #FF7800;
font-weight: bold;
background: #FFF url('../images/bg_link.jpg') repeat-x bottom;
padding: 8px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border: 1px #FF7800 solid;
border-bottom: 0px;
}

#link a.vert:hover{
color: #009900;
font-weight: bold;
background: #FFF url('../images/bg_link.jpg') repeat-x bottom;
padding: 8px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border: 1px #009900 solid;
border-bottom: 0px;
}

#link a.violet:hover{
color: #D949EE;
font-weight: bold;
background: #FFF url('../images/bg_link.jpg') repeat-x bottom;
padding: 8px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border: 1px #D949EE solid;
border-bottom: 0px;
}

#link a.rouge:hover{
color: #FF0000;
font-weight: bold;
background: #FFF url('../images/bg_link.jpg') repeat-x bottom;
padding: 8px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border: 1px #FF0000 solid;
border-bottom: 0px;
}

#conteneur{
background: #FFF;
width: 960px;
margin: auto;
margin-top: 0;
padding-top: 0;
text-align: left;
}

/* Float Général */
#float{
float: left;
width: 960px;
margin: 0;
padding: 0;
text-align: left;
}

#logo_position{
margin: auto;
padding: auto;
width: 960px;
}

.logotype{
background: #FFF;
float: left;
margin: auto;
width: 100%;
text-align: center;
}

#logo{
float: left;
background: url('../images/navbar/logo.jpg') no-repeat left;
text-align: left;
width: 270px;
height: 217px;
margin-left: 10px;
}
#logo1{
float: left;
background: url('../images/navbar/logo1.jpg') no-repeat left;
text-align: left;
width: 270px;
height: 75px;
margin-left: 10px;
}
#imaginecup{
float: left;
margin-top: 15px;
margin-left: 10px;
}

*html .logotype{
margin-top: -5px;
}

#block_header{
float: left;
margin: 0;
padding: 0;
width: 100%;
background: #FFF;
}

#block_principal{
float: right;
margin: 0;
padding: 0;
width: 950px;
background: #FFF;
}

/* Bloc partenariat */

#partenariat {
background:url('../images/partenariat.png') no-repeat;
height: 114px;
width: 950px;
float: left;
padding-top : 10px;
padding-left : 20px;
}

.image_partenariat {float: left; margin: 0 6px 6px 0;}
.titre_partenariat {margin-left: 330px; padding-top : 14px; color:#0691F8;}
.nom_artiste { font-size: 1em; }

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

.panel_membre{
margin-top: 80px;
list-style-position: inside;
list-style-type: none;
line-height: 1.5em;
}

.panel_membre img{
margin-bottom: -4px;
}

#panel_inscription{
margin-top: 90px;
list-style-position: inside;
list-style-type: none;
line-height: 1.5em;
width: 230px;
margin-left: 20px;
text-align: center;
}

#panel_inscription input{
width: 180px;
}



/* Positionnement du logo */




/* Positionnement de la sidebar (Blocks) */
#sidebar{
width: 265px;
float: left;
margin-right: 1em;
overflow: hidden;
margin-top: -14px;
}
#sidebar2{
width: 400px;
float: left;
margin-right: 1em;
overflow: hidden;
}
/* Positionnement du contenu (modules) */
#contenu{
float: left;
margin-right: 2em;
margin-left: 1em;
width: 620px;
}

*html #contenu{
margin-right: 1.5em;
margin-left: 8px;
}

/* Positionnement du contenu pleinne largeur(modules) */
#contenu_full{
float: left;
margin-right: 1em;
margin-left: 1em;
width: 930px;
background-color:#fff;
}

*html #contenu_full{
margin-right: 1em;
margin-left: 8px;
}

/* Positionnement footer */
#footer{
float: left;
width: 930px;
margin-top: 2em;
margin-left: 1em;
}

*html #footer{
margin-left: 5px;
}

/* Copyright en bas du site */
#copyright{
clear: both;
font-size: 10px;
background: #EFEFEF;
border-top: 1px #CCCCCC dotted;
border-bottom: 1px #CCCCCC dotted;
color: #000;
padding-top: 1em;
padding-bottom: 1em;
text-align: center;
width: 960px;
margin: auto;
font-size: 12px;
}



#copyright a{
color: #0066FF;
}

#copyright .copyright{
padding-top: 1em;
}

/* Block Anniversaire */
#anniversaire .pseudo{
font-size: 11px;
}

/* Formatage des blocks */

.block_news{
width: 650px;
}

.block_shoot{
background: #f3fada;
border: 1px solid #76BD15;
-moz-border-radius: 10px;
padding: 6px;
padding-left: 0px;
}
.block_shoot input.texte{
width: 160px;
}
#block_shoot {
padding-left: 15px;
}

.block_forum{
padding-left: 10px;
}

.block_forum a{
color: #0099FF;
}


.block_tuto a{
color: #FF7800;
}

#sidebar .block_tuto{
background: none;
border: none;
padding: 0;
padding-left: 10px;
}

#sidebar .block_tuto a{
color: #FF6600;
}

.block_blog{
padding-left: 10px;
}

#blockhautblog a, #blockhautblog h2 a, #blockhautblog .block_blog a{
color: #009bff;
}

#blockhautblog h2{
border-color: #009bff;
}

.block_blog a{
color: #779f00;
}

.block, .block_whosonline, .block_anniv{
background: #F5F8FC;
border: 1px dotted #0099FF;
padding: 6px;
}

.citation{

width: 100%;
background: #F5F8FC;
border: 0px dotted #0099FF;
padding-top: 6px;
padding-bottom: 6px;
}

.block_galerie input{
margin-left: 1em;
}

.block_galerie a{
color: #FF7800;
}

.block_anniv{
margin-bottom: 2em;
}


/* Block last Post (Forum) */
#last_forum, #last_blog{
}

#last_forum .post, #last_blog .post{
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left: 8px;
}

#last_forum p, #last_blog p{
border-left: 0px solid #BBFC00;
}

#last_forum em, #last_blog em{
margin-left: 1em;
}

#last_forum a.non_lu{
color: #0066FF;
font-weight: bold;
}

/* Block recherche rapide */
#recherche{
float: left;
width: 1000px;
color: #ff7800;
margin-left: 25px;
margin-bottom: -20px;
height: 70px;
padding-top: 18px;
padding-left: 0px;
padding-bottom: 0px;
}

* html #recherche{
margin-right: 20px;
margin-top: 25px;
margin-bottom: 0;
height: 20px;
width: 250px;
} 

#recherche p{
margin: 0;
}

* html #recherche p{
margin-top: -15px;
}

#recherche p.titre{
color: #99CC00;
margin-bottom: 3px;
font-weight: bold;
font-size: 13px;
}

#recherche input.texte{
background: url('../images/input_texte_recherche.jpg') repeat-x;
width: 100px;
}

.texte{
background: url('../images/input_texte_recherche.jpg') repeat-x;
width: 100px;
}


/* ------------------------------------------------------- */
/* Mise en forme des balises dominantes A, H2, H3, H4, ... */
/* ------------------------------------------------------- */

#lastblog h2, #lastshoot h2{
border-bottom: 1px dotted #9EC802;
color: #9EC802;
}

#lastblog a{
color: #9EC802;
}

#lastblog{
color: #666;
}

#lastcrea h2{
border-bottom: 1px dotted #9EC802;
color: #9EC802;
}

#lastcrea .last_crea a{
color: #009900;
}

#lastconcours h2{
border-bottom: 1px dotted #d949ee;
color: #d949ee;
}

#lastconcours .last_crea a{
color: #9900FF;
}

#forum h2, #lastforum h2{
border-bottom: 1px dotted #009AFE;
color: #009AFE;
}

#concours h2{
border-bottom: 1px dotted #d949ee;
color: #d949ee;
}

#tutoriaux h2, #tutoriaux #lasttuto h2, #tutoriaux #mosttuto h2, #lasttuto h2{
border-bottom: 1px dotted #FF7800;
color: #FF7800;
}

#blockhautvideo h2{
border-bottom: 1px dotted #FF7800;
color: #FF7800;
}
#blockhauttuto h2{
border-bottom: 1px dotted #009AFE;
color: #009AFE;
}

#blockhautpoint h2{
border-bottom: 1px dotted #9EC802;
color: #9EC802;
}

#tutoriaux #lasttuto h2, #tutoriaux #mosttuto h2{
margin-bottom: 0;
border: 0;
}

#news h2{
color: #666666;
border-bottom: 1px dotted #666666;
}

#livredor h2{
border-bottom: 1px dotted #FF0000;
color: #FF0000;
}

h2{
text-transform: none;
padding-bottom: 4px;
border-bottom: 1px dotted #FF7800;
color: #FF7800;
font: normal 16px Tahoma, Arial, sans-serif;
}

*html h2{ /* Correction sous IE */
margin-top: 1em;
margin-bottom: 10px;
}

h2 a{
color: #ff7800;
}

a{
color: #414141;
text-decoration: none;
font-weight: normal;
}

a:hover{
text-decoration: underline;
}

/* Mise en forme pour les News */
.right{
float: right;
margin: 1em;
margin-right: 0;
margin-top: 0;
}

.left{
float: left;
margin: 1em;
margin-left: 0;
margin-top: 0;
}

.left img, .right img{
border: 1px solid #CCC;
padding: 1px;
background: #FFF;
}

.xav{
border: 1px solid #CCC;
padding: 1px;
background: #FFF;
}

/* Mise en forme des Formulaires */
.valid{
border: 1px solid #6d9a00;
background: url('../images/valid.jpg') repeat-x;
color: #FFF;
font-weight: bold;
height: 22px;
margin-bottom: 1px;
}

.valid:hover{
border: 1px solid #cc5b00;
background: url('../images/valid_survol.jpg') repeat-x;
color: #FFF;
}

textarea.texte{
border: 1px solid #AAA;
background: #EEEEEE;
width: 100%;
padding-top: 5px;
}

input.texte{
background: url('../images/input_texte.jpg') repeat-x;
border: 1px solid #AAA;
height: 16px;
width: 250px;
padding-top: 5px;
padding-left: 24px;
}

.valid_reverse{
border: 1px solid #cc5b00;
background: url('../images/valid_survol.jpg') repeat-x;
color: #FFF;
font-weight: bold;
height: 22px;
margin-bottom: 1px;
}

.valid_reverse:hover{
border: 1px solid #6d9a00;
background: url('../images/valid.jpg') repeat-x;
color: #FFF;
font-weight: bold;
height: 22px;
margin-bottom: 1px;
}

/* Tableau bleu */
.table_blue{
width: 100%;
border-collapse: separate;
border-spacing: 1px;
}

.table_blue td{
text-align: center;
font-size: 12px;
border-bottom: 1px dotted #CCC;
vertical-align: center;
}

.table_blue tr.head td{
background: #99CCEE;
border-top: 2px solid #0099FF;
border-bottom: 1px dotted #0099FF;
vertical-align: top;
}

.head1{
background: #EEF5FF;
border-top: 2px solid #0099FF;
border-bottom: 1px dotted #0099FF;
vertical-align: top;
}

.table_blue td img{
border: none;
}

/* Tableau Orange */
.table_orange{
width: 100%;
border-collapse: separate;
border-spacing: 1px;
}

.table_orange td{
text-align: center;
font-size: 12px;
border-bottom: 1px dotted #CCC;
vertical-align: center;
}

.table_orange tr.head td{
background: #edc098;
border-top: 2px solid #ff7800;
border-bottom: 1px dotted #ff7800;
vertical-align: top;
}

.table_orange td img{
border: none;
}

/* Titre Bleu comme ci dessus */
h6{
background: #99CCEE;
border-top: 2px solid #0099FF;
border-bottom: 1px dotted #0099FF;
margin: 0;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
width: 100%;
}

*html h6{
width: 98%;
}

#galerie h6{
background: #c9ee99;
border-top: 2px solid #779f00;
border-bottom: 1px dotted #779f00;
}

#galerie .barre_outils td{
border-top: 2px solid #779f00;
}

#concours .barre_outils td{
border-top: 2px solid #d949ee;
}

h7{
font-size: 14px;
font-weight: normal;
color: #ff7800;
}

/* Page active */
.page a{
padding: 0;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
font-family:Arial,sans-serif;
font-size: 13px;
}

.page .page_active{
color: #0066FF;
background: #FFF;
border: 1px solid #0066FF;
font-family: Arial,sans-serif;
padding: 0;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
font-size: 13px;
}

#galerie .page .page_active{
border: 1px solid #779f00;
color: #779f00;
}

.page_news{
border-top: 1px dotted #CCC;
padding: 5px;
width: 608px;
float: left;
padding-top: 10px;
}

/* Couleur */
.blue{
color: #009AFE;
}

acronym{
border-bottom: 1px dashed #000;
color: #000;
cursor: help;
}

#forum .bleu{
color: #0000FF;
}

#forum .rouge{
color: #FF0000;
}

#forum .vert{
color: #009900;
}

#forum .contenu a{
font-weight: normal;
text-decoration: underline;
}

/*ACCUEIL*/

#stats, #lasttuto{
margin-bottom: 2em;
}

#lastcrea, #lastconcours{
float: left;
width: 100%;
margin-bottom: 10px;
}

#lastconcours .last_crea{
float: left;
width: 200px;
padding-bottom: 5px;
padding-top: 0;
margin-left: 4px;
margin-right: 4px;
margin-top: 0px;
margin-bottom: 1.8em;
font-size: 11px;
}

#lastcrea a, #lastconcours a{
color: #0066FF;
}

#lasttuto a{
text-decoration: none;
color: #414141;
}

#lasttuto ul, #lasttuto li{
margin: 0;
padding: 0;
padding-left: 5px;
}

#lasttuto li{
list-style-type: none;
list-style-position: outside;
}

.news{
margin-bottom: 2em;
}

.news h3{
font-size: 14px;
color: #0099ff;
margin: 0;
}

.news .info_news {
float: right;
margin: 0;
font-style: italic;
}

.news .texte_news{
background: #F5F5F5;
padding: 1.1em;
text-align: justify;
border: 2px solid #EEE;
-moz-border-radius: 10px;
}

.news .texte_news a{
color: #0099ff;
}

.news .texte_news img{
border: 1px solid #CCC;
padding: 1px;
background: #FFF;
}

.news .texte_news h4{
margin-bottom: 0;
}

.news .commentaire_news{
margin-top: 0;
margin-bottom: 2em;
padding-top: 3px;
text-align: right;
}

.news .commentaire_news a{
color: #414141;
text-decoration: none;
padding-top: 0px;
}


/* ADMIN */

div.admin_menu{
text-align: center;
font-weight: bold;
background: #99CCEE;
border-top: 2px solid #0099FF;
border-bottom: 1px dotted #0099FF;
margin: 0;
margin-bottom: 10px;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
width: 100%;
float: left;
}

div.admin_menu a{
color: #0066FF;
font-weight: bold;
}

div.admin_menu a:hover{
text-decoration: underline;
}

.admin_liste{
text-align: center;
float: left;
}

.admin_image{
text-align: center;
float: left;
margin: 13px;
width: 130px;
height: 160px;
}

.admin_image a:hover{
text-decoration: none;
}

/* GALERIE */

/* --------------------------- */
/* Mise en forme des créations */
/* --------------------------- */
.surveillance{
width: 95%;
margin-left: 5%;
margin-bottom: 25px;
}

.surveillance .image img{
border: 1px solid #CCC;
border-right: 2px solid #CCC;
border-bottom: 2px solid #CCC;
padding: 1px;
background: #FFF;
margin-right: 40px;
margin-bottom: -20px;
}

.block_lastgalerie .last_crea{
float: left;
width: 200px;
padding-bottom: 5px;
padding-top: 0;
margin-left: 4px;
margin-right: 4px;
margin-top: 0px;
font-size: 11px;
}

* html .block_lastgalerie .last_crea{
margin-right: 1px;
margin-left: 1px;
}

.creas_div{
float: left;
width: 100%;
padding-bottom: 5px;
padding-top: 0;
margin-bottom: 5px;
margin-top: 0px;
font-size: 11px;
border-bottom: 1px dotted #CCC;
}

.creas_image{
float: right;
margin-right: 5px;
margin-top: inherit;
}

.creas_image img{
border: 1px solid #CCC;
border-right: 2px solid #CCC;
border-bottom: 2px solid #CCC;
padding: 1px;
background: #FFF;
margin-top: 2px;
}

.creas_content{
float: left;
margin-top: 1em;
margin-bottom: 1em;
width: 100%;
font-style: italic
}

.creas_info{
float: left;
margin-top: 0px;
border-left: 3px solid #CCC;
padding-left: 5px;
}

.creas_info a{
color: #0066FF;
}

.creas_div ul{
margin: 1em;
}

.creas_div li{
border: none;
list-style-type: none;
font-weight: normal;
}

.creas_detail{
float: left;
background: #eaffd2;
border-top: 2px solid #9EC802;
border-bottom: 1px dotted #9EC802;
margin: 0;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 0px;
height: 20px;
font-size: 12px;
width: 98%;
}

.creas_detail .form_note input, .creas_detail .form_note select{
border: 1px solid #9EC802;
}

.creas_detail p{
margin-top: 0;
}

.creas_detail a{
color: #779f00;
}

.last_crea{
float: left;
margin-bottom: 1em;
padding-right: 3px;
padding-bottom: 1em;
height: 55px;
}

.last_crea img{
border: 1px solid #CCC;
border-right: 2px solid #CCC;
border-bottom: 2px solid #CCC;
padding: 1px;
background: #FFF;
}

#content_galerie{
margin-right: lem;
margin-left: 1em;
width: 635px;
float: right;
}


#content_galerie h4{
margin-top: 0;
padding-top: 0;
margin-bottom: 5px;
font-size: 13px;
}

#content_galerie h2{
border-bottom: 1px dotted #9EC802;
color: #9EC802;
}

#content_galerie a{
color: #779f00;
}

.extension{
text-transform: uppercase;
}

#galerie{
}

#block_galerie{
width: 270px;
float: left;
}

#block_galerie h2{
border-bottom: 1px dotted #9EC802;
color: #9EC802;
}

#block_galerie h4{
margin-bottom: 0;
margin-left: 1em;
font-size: 13px;
}

#block_galerie ul{
margin-top: 0;
list-style-image: url('../images/puce_galerie.jpg');
}

#block_galerie a{
color: #779f00;
}

#block_galerie .nbr_crea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #888;
}
/* ------------------------------- */
/* FIN Mise en forme des créations */
/* ------------------------------- */

/* FORUM*/

#forum table{
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.forum_ancre_top{
float: right; 
margin: 0; 
text-align: right; 
padding-top: 5px;
padding-right: 5px;
}

*html .forum_ancre_top{
}

.forum_separation{
float: left; 
margin: 0; 
width: 100px
}

.tableau{
border-collapse: separate;
border-spacing: 1px;
width: 100%;
float: left;
border: 1px solid #CCC;
}

.tableau tr.head{
background: #dfe8ee;
border-bottom: 1px solid #bdccdc;
border-right: 1px solid #bdccdc;
}

.tableau tr.head td{
background: #dfe8ee;
border-bottom: 1px solid #bdccdc;
border-right: 1px solid #bdccdc;
vertical-align: middle;
color: #00538a;
padding: 5px;
}

.tableau tr.head td a{
color: #0078ff;
margin-left: 5px;
font-size: 14px;
text-decoration: none;
}

.tableau tr td.infos_auteur{
padding-left: 1em;
padding-top: 0;
background: #ecf3f8;
border-bottom: 1px solid #bdccdc;
border-right: 1px solid #bdccdc;
vertical-align: top;
}

.titre_topic{
text-align: center;
border-bottom: 1px solid #13649b;
border-right: 1px solid #13649b;
background: #2c78ac;
color: #FFFFFF;
font-size: 20px;
margin: 0;
padding: 5px;
}

.tableau tr td.contenu{
font-size: 12px;
font-weight: normal;
padding-left: 1em;
padding-right: 1em;
padding-top: 5px;
background: #ecf3f8;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
vertical-align: top;
overflow: hidden;
}

*html .tableau tr td.contenu{
padding-right: 20px;
}

.tableau tr td.contenu div.overflow{
overflow: hidden;
width: 100%;
margin: 0;
}

.tableau tr td.contenu a{
color: #0066FF;
font-weight: normal;
}

.tableau tr td.contenu a img{
border: 1px solid #CCC;
border-right: 2px solid #CCC;
border-bottom: 2px solid #CCC;
padding: 1px;
background: #FFF;
}

.quote{
background: #FFF url('../images/quote.jpg') no-repeat top right;
border: 1px dotted #81bcff;
border-left: 3px solid #81bcff;
width: 90%;
margin-left: 1em;
margin-top: 1em;
margin-bottom: 1em;
padding: 1em;
padding-top: 5px;
}

.tableau td{
vertical-align: top;
text-align: left;
padding-bottom: 1em;
padding-top: 1em;
font-family:  Verdana, Arial, Helvetica, sans-serif;
}

.tableau tr td.contenu .sign{
margin-top: 2em;
font-size: 10px;
max-height: 200px;
width: 600px;
overflow: hidden;
}


.tableau td ul{
padding: 0;
margin-left: 0;
list-style: none;
}

.tableau td ul.infos{
font-size: 10px;
}

.tableau td ul a{
text-decoration: none;
font-weight: normal;
}

.description{
font-size: 12px;
margin-bottom: 0;
margin-top: 3px;
}

.tableau tr.foot td{
text-align: right;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 5px;
padding-top: 8px;
background: #dfe8ee;
border-bottom: 1px solid #bdccdc;
border-right: 1px solid #bdccdc;
}

.tableau tr.foot th{
text-align: left;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 5px;
padding-top: 8px;
background: #dfe8ee;
border-bottom: 1px solid #bdccdc;
border-right: 1px solid #bdccdc;
}

div.separation_post{
float: left;
width: 926px;
margin: 0;
padding: 1px;
border: 1px solid #CCC;
}

div.separation_post_mp{
float: left;
width: 631px;
margin: 0;
padding: 1px;
border: 1px solid #CCC;
background: #2c78ac;
}

#forum a{
font-weight: bold;
}

.cat{
border-collapse: separate;
border-spacing: 1px;
margin:0;
margin-bottom: 5px;
width: 100%;
float: left;
border: 1px solid #CCC;
}

.cat tr.head td, .cat tr.head th{
background: url('../images/forum/head.jpg') repeat-x;
border-right: 1px solid #0094f6;
border-bottom: 1px solid #0094f6;
vertical-align: middle;
color: #00538a;
}

.cat tr.head td{
padding-left: 1em;
}

.cat tr.head th{
text-align: center;
}

.cat tr .nbmess_sujet{
background: #EEE;
text-align: center;
font-size: 12px;
}

.cat tr td{
background: #dfe8ee;
border-bottom: 1px solid #bdccdc;
border-right: 1px solid #bdccdc;
padding: 5px;
}

.cat tr td a{
text-decoration: none;
}

.cat tr .puce{
text-align: center;
}

#forum .navbar{
float: left;
padding: 0;
margin: 0;
margin-top: 5px;
}

#forum .nav_cat{
float: left;
margin: 0;
}

#forum .nb_page{
float: right;
margin: 0;
}

#forum .bouton{
float: right;
margin-top: 1em;
margin-bottom: 0;
}

#forum .bouton img{
border: none;
}

#forum .legende{
float: left;
margin-top: 1em;
}


#forum_com{
width: 100%;
float: left;
padding-bottom: 20px;
}

#forum_com h3{
border-bottom: 1px dotted #818181;
}

#forum_com table{
border-collapse: separate;
border-spacing: 1px;
border: 1px solid #EEE;
width: 100%;
}

#forum_com table tr.head td{
background: #cbf1ff;
border: 1px dotted #CCC;
border-top: 3px solid #a7d6db;
}

#forum_com table tr th{
font-weight: normal;
padding-left: 1em;
padding-right: 1em;
padding-top: 5px;
border: 1px dotted #CCC;
vertical-align: top;
}

#forum_com table tr td{
border: 1px dotted #CCC;
}

#forum_com formulaire{
width: 100%;
}

#forum_com textarea{
width: 928px;
background: #EEE;
border: 1px solid #AAA;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#forum_com table td{
font-size: 12px;
padding: 5px;
vertical-align: top;
}

#forum_com a{
font-weight: bold;
}

#forum_com h2{
margin-bottom: 0;
margin-top: 0;
font-size: 2em;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
color: #ff7800;
}

#forum_com .forum_avatar{
width: 10%;
}

#forum_com .forum_avatar img{
width: 100px;
max-height: 100px;
}

#forum_com .forum_barre_outils{
width: 100%;
text-align: left;
border-spacing: 1px;
border: none;
margin: none;
}

#forum_com .forum_barre_outils td{
background: #F5F8FC;
border-top: 1px solid #0099FF;
padding: 0;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
}

#forum_com .forum_barre_outils td img{
border: none;
padding: 0;
margin: 0;
}

#forum_com .regles{
font-size: 12px;
}

textarea.textarea{
width: 928px; 
Height: 300px;
background: #EEE;
border: 1px solid #AAA;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

input.forum{
background: #FFF;
width: 300px;
border: 1px solid #AAA;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;

}

/*FIN FORUM*/

/* Block du modules tutoriaux */

.none{
margin: 0;
}

#mosttuto{
width: 450px;
float: right;
margin: 0;
padding-bottom: 20px;
}
#lasttuto{
width: 450px;
float: left;
margin: 0;
padding-bottom: 20px;
}
.bltut{
background: #ffffee;
border: 1px dotted #CCC;
border-top: 2px solid #FF7800;
}
.bltut a, .bltut a:hover, .bltut a:visited{
color: #FF7800;
text-decoration: none;
}

#tutoriaux .blocks h3{
font-family: "Times New Roman", Times, serif;
font-size: 20px;
font-weight: normal;
margin-bottom: 0.8em;
margin-top: 0;
}


/* Mise en forme du cours css INFOBULLE */

a.bulle{
position: relative;
color:#000000;
text-decoration:underline;
}

a.bulle:hover{
background-color:#eeeeee;
}

a.bulle span{
display: none;
}

a.bulle:hover span{ 
display:block; 
position:absolute;
top:2em; left:2em; width:20em;
border:1px solid #000000;
background-color:#ffffff; 
color:#6699cc;
text-align: justify;
font-weight:none;
padding:4px;
    
}




/* Mise en forme des Catégories et Sous Catégories des Tutoriaux */
#tutoriaux{
float: left;
width: 100%;
}

.barre_haut_tuto{
float: left;
width: 300px;
background: #99CCEE;
border-top: 2px solid #0099FF;
border: 1px dotted #0099FF;
border-top: 2px solid #0099FF;
height: 15px;
}

.tuto_cat{
float: left;
width: auto;
margin-bottom: 2em;
background: #ffffee;
border: 1px dotted #CCC;
border-top: 2px solid #FF7800;
padding: 10px;
}

.tuto_souscat{
float: left;
width: 452px;
margin-bottom: 2em;
margin-left: 5px;
margin-right: 5px;
border: 1px dotted #CCC;
border-top: 2px solid #FF7800;
padding-top: 10px;
padding-bottom: 10px;
background: #ffffee;
}

* html .tuto_souscat{
margin-right: 8px;
margin-left: 8px;
}

.tuto_cat_top_souscat{
float: left;
width: auto;
margin-bottom: 1em;
padding: 10px;
background: #ffffee;
border: 1px dotted #CCC;
border-top: 0;
}

.tuto_cat:hover, .tuto_souscat:hover{
background: #F6F6F6;
}

.tuto_cat h3, .tuto_cat_top_souscat h3, .tuto_souscat h3{
margin-bottom: 0;
margin-top: 0;
font-size: 17px;
font-weight: normal;
}

.tuto_cat h3:first-letter, .tuto_cat_top_souscat h3:first-letter, .tuto_souscat h3:first-letter{
text-transform: capitalize;
}

.tuto_cat_image{
float: left;
width: 115px;
}

.tuto_cat_image img{
width: 100px;
border: 1px solid #CCC;
padding: 1px;
background: #FFF;
width: 100px;
height: 75px;
margin-bottom: 10px;
}

.tuto_cat_content{
float: left;
width: 908px;
font-size: 1em;
}

.tuto_souscat_content{
float: left;
width: 420px;
font-size: 1em;
padding-left: 10px;
padding-right: 10px;
}

.tuto_cat_souscat{
font-size: 14px;
margin-bottom: 5px;
}

.tuto_cat_content strong{
border: none;
background: none;
padding: 0;
}

.tuto_cat_content p{
margin-top: 0;
}

.tuto_cat_details{
font-size: 14px;
}

.tuto_souscat_details{
padding: 10px;
padding-bottom: 0;
}

.tuto_souscat_details p{
font-size: 12px;
margin: 0;
color: #666666;
}

.tuto_cat p a, .tuto_souscat p a, .tuto_cat_top_souscat p a{
color: #FF7800;
}

/* Mise en forme des Tutoriaux */
.tuto_format{
float: left;
width: 100%;
}


.tuto_format a{
color: #FF7800;
}
.tuto_format a:visited{
color: #FF7800;
}

.tuto_format p{
margin-top: 1em;
margin-bottom: 1em;
}

.tuto_format h3{
margin-bottom: 0.5em;
margin-top: 0;
padding-top: 1em;
color: #333;
font-size: 14px;
}

.tuto_format fieldset{
background: #ffffee;
margin-top:20px;
border: #ccc 1px dotted; 
border-top: #FF7800 3px solid; 
padding: 1em;
}

.tuto_format fieldset a{
font-size: inherit;
}

.tuto_format fieldset legend{
font-size: 20px;
font-weight:bold;
color: #FF7800;
font-family: "Times New Roman", Times, serif;
}



.tuto_format fieldset table{
border-collapse: collapse;

}




.tuto_format fieldset td img{
border: 1px solid #CCC;
background: #EEE;
padding: 3px;
}

.tuto_format fieldset div.methode img{
border: 1px solid #CCC;
background: #EEE;
padding: 3px;
}

.tuto_format fieldset div.methode p{
margin-top: 1em;
}

.tuto_format fieldset div.methode li{
margin-bottom: 3px;
}



.tuto_format fieldset.format_tuto_intro div.info1 {
background-color: #F5F8FC;
width: 33%;
margin-right: 10px;
float: right;
padding-top: 1em;
border: 1px solid #CCC;
}

.tuto_format fieldset.format_tuto_intro div.info1 p{
text-align:center
}

.tuto_format fieldset.format_tuto_intro div.info1 ul{
list-style-type: circle;
list-style-position: outside;
}

.tuto_format fieldset.format_tuto_intro div.info1 ul li{
line-height:15px;
font-size: 90%;
}

.tuto_format fieldset p.outils{
display:none;
}

.tuto_format .comment{
float: left;
margin-top: 1em;
}

.tuto_format .comment a{
color: #FF7800;
border: none;
text-decoration: underline;
}

.tuto_format .evaluation{
float: right;
margin-bottom: 1em;
border: 1px solid #CCC;
background: #EEE;
padding: 3px;
width: 300px;
}

.tuto_format .tuto_note_tuto{
margin-top: 1em;
width:300px;
}

.tuto_format .tuto_note_tuto td{
text-align: center;
border: none;
}

.tuto_format .tuto_note_tuto th{
text-align: center;
border: none;
}

.tuto_format .tuto_note_tuto tr{
border: none;
}



/* --------------------------- */
/* Mise en forme des faqs */
/* --------------------------- */


/* #content */
#faq #content{
margin-right: lem;
margin-left: 1em;
width: 635px;
float: right;
color: #779f00;
}

#faq #content h2{
border-bottom: 1px dotted #9EC802;
color: #9EC802;
}

/*#faq #content a{
color: #779f00;
}*/


#faq #content h4 a{
margin-top: 0;
padding-top: 0;
margin-bottom: 5px;
font-size: 15px;
font-weight: bold;
}

#faq #content ul{
margin-left: -5px;
}

#faq #content ul li{
margin-left: -20px;
margin-bottom: 10px;
}

#faq #content ul{
margin-bottom: 10px;
}

#faq #content ul ol a{
color: #333;
font-size: 12px;
font-weight: normal;
}

#faq #content ul li a{
font-weight: bold;
color: #555555;
font-size: 14px;
text-transform: uppercase;
}

#faq #content ul ul li a{
font-weight: bold;
text-transform: none;
}


#faq #content ul ul ul li{
margin-bottom: 2px;
list-style-type: lower-alpha;
}

#faq #content ul ul ul li a{
color: #555555;
font-size: 12px;
font-weight: normal;
text-transform: none;
}


/* #lock */
#faq #block{
width: 270px;
float: left;
}

#faq #block h2{
border-bottom: 1px dotted #9EC802;
color: #9EC802;
}

#faq #block ul li a{
font-weight: bold;
}

#faq #block ul li{
margin-top:5px
}

#faq #block ul ul li a{
font-weight: normal
}

#faq #block a{
color: #779f00;
}

#faq #block span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #888;
}

/*Reponses*/
#faq .rep{
margin: 0px;
margin-top: 10px;
color: #039BFF; 
font-size: 25px;
background: #F5F8FD;
border: 1px #039BFF dotted;
width: 100%;
padding: 2px;
font-family: Arial;
font-size: 12px;
}

*html #faq .rep{
width: 99%;
}

#faq .rep .q{
border-bottom: 1px #edffb6 solid;
margin-bottom: 10px;
font-weight: bold;
position: relative;
padding-left: 5px;
}

#faq .rep .q a{
font-weight: bold;
text-decoration: underline;
}

#faq .rep .q span{
position: absolute;
right: 2px;
}


#faq .rep .q a{
color: #039bff;
}

#faq .rep .r{
margin-left: 10px;
color: #555555;
}

#faq .rep .r a{
color: #039bff;
}

#faq .return_top{
text-align: center;
margin-top: 8px;
}

/* ----- Admin ---------*/
.table_faq{
width: 100%;
border-spacing: 1px;
}

.table_faq tr.tb_faq {
background: #ff7800;
border: 2px solid #0099FF;
}

.table_faq tr.tb_cat {
background: #edc098;
border: 2px solid #0099FF;
}

.table_faq tr.tb_quest{
background: #EEF5FF;
border: 2px solid #0099FF;
}
/* ------------------------------- */
/* FIN Mise en forme des faqs */
/* ------------------------------- */

#block_concours{
width: 270px;
float: left;
font-size: 11px;
}

#format_block{
padding: 6px;
padding-top: 0;
}

#format_block h3 img{
border: 0;
padding: 0;
}

#block_concours .mini_block{
border-bottom: 1px dotted #CCC;
}

#block_concours h3{
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #d949ee;
margin-top: 0;
margin-bottom: 0;
font-weight: bold;
}

#block_concours h3 a{
color: #d949ee;
font-weight: bold;
}

#concours_content{
margin-right: lem;
margin-left: 1em;
width: 635px;
float: right;
}

#concours_content #content_galerie h6{
background: #db99ee;
border-top: 2px solid #c600a8;
border-bottom: 1px dotted #c600a8;
}

#concours{
float: left;
}

#concours h4{
margin-bottom: -10px;
}

#concours .list{
float: left;
width: 280px;
margin-bottom: 2em;
margin-left: 10px;
margin-right: 10px;
border: 1px dotted #CCC;
padding: 5px;
background: #ffffee;
}

#concours .creas_detail{
border-top: 2px solid #dd84ea;
border-bottom: 1px solid #dd84ea;
background: #fef6ff;
}

#concours .creas_detail a, #concours .creas_info a{
color: #d949ee;
}

#concours .form_note input, #concours .form_note select{
border: 1px solid #d949ee;
}

#concours .list2{
float: left;
width: 206px;
margin-bottom: 2em;
margin-right: 2px;
margin-left: 2px;
}

#concours .list2 a{
color: #d949ee;
}

#concours .list2 img{
border: 1px solid #CCC;
border-right: 2px solid #CCC;
border-bottom: 2px solid #CCC;
padding: 1px;
background: #FFF;
margin-top: 2px;
}

#concours .image_gagnant{
float: right;
width: 120px;
margin-top: 0;
}

#concours .image_gagnant img{
width: 100px;
max-height: 100px;
border: 1px solid #CCC;
padding: 1px;
background: #EEE;
}

#concours .notes_gagnant{
font-size: 10px;
width: 450px;
}

#concours .creation_membre{
float: left;
width: 100%;
border-bottom: 1px dotted #666;
padding-bottom: 5px;
padding-top: 5px;
margin-top: 5px;
}

#concours .creation_image{
float: left;
width: 120px;
}

#concours .creation_image img{
width: 100px;
height: 100px;
border: 1px solid #CCC;
padding: 1px;
background: #EEE;
}

#concours .creation_content{
float: left;
width: 450px;
}

#concours .creation_content ul{
margin-top: 0;
margin-left: 0;
padding: 0;
list-style-position: outside;
list-style: none;
}

#concours .creation_content li p{
font-size: 10px;
}

#concours #content_galerie h2{
color: #d949ee;
border-bottom: 1px dotted #d949ee;
}

#concours #content_galerie a{
color: #d949ee;
}

* html #lastconcours .last_crea{
margin-right: 1px;
margin-left: 1px;
}

.membre{
padding: 1em;
padding-top: 0;
}

.membre a{
color: #FF6600;
}

.membre a:hover{
color: #FF9900;
}

.membre blockquote{
border: 1px solid #CCC;
background: #EEE;
font-size: 12px;
width: 88%;
margin-left: 1em;
margin-right: 0;
padding: 0.8em;
}

.membre h3{
font-size: 14px;
margin: 1em;
margin-left: 0;
margin-right: 0;
text-decoration: underline;
}

.membre .image_niveau{
text-align: center;
}

.membre .image_niveau img{
border: 1px solid #CCC;
background: #EEE;
padding: 3px;
}

.membre .image_avatar{
float: right;
margin-top: 0;
}

.membre .image_avatar img{
border: 1px solid #CCC;
background: #EEE;
padding: 3px;
}

.membre td{
text-align: center;
font-size: 12px;
border-bottom: 1px dotted #CCC;
}

.membre th{
text-align: left;
font-size: 12px;
border-bottom: 1px dotted #CCC;
}

.membre_liste h3{
font-size: 14px;
margin-top: 2em;
margin-left: 0;
margin-right: 0;
}

.membre_liste .nombre_page{
background: #d4e4ff;
border: 1px dotted #97beff;
font-size: 12px;
padding: 3px;
}

#liste_crea{
margin: auto;
width: 960px;
}

#liste_crea .creas_membre{
float: left;
margin-left: 10px;
margin-right: 10px;
}

#liste_crea .creas_membre img{
border: 1px solid #CCC;
border-right: 2px solid #CCC;
border-bottom: 2px solid #CCC;
padding: 1px;
background: #FFF;
margin-top: 2px;
}

.comment{
width: 100%;
float: left;
padding-bottom: 20px;
}

.forum{
width: 65%;
float: left;
padding-bottom: 20px;
}

.comment_formulaire{
width: 100%;
float: left;
}

.comment_editeur{
float: left;
width: 100%;
}

.comment_textarea{
float: left;
width: 99.4%;
}

.creas_content_comment{
font-size: 12px;
}

.comment_textarea textarea{
width: 100%;
background: #EEE;
border: 1px solid #AAA;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-left: 1px;
}

.barre_outils{
width: 100%;
text-align: left;
border-spacing: 1px;
border: none;
margin: none;
}

.barre_outils td{
background: #F5F8FC;
border: 1px dotted #CCC;
border-top: 2px solid #0099FF;
padding-top: 5px;
padding-left: 4px;
padding-right: 4px;
}

.barre_outils td img{
border: none;
padding: 0;
margin: 0;
}

/* Commentaires */


.commentaire_one .commentaire_texte:first-letter{
margin: 0px;
color: #039BFF; 
font-size: 25px;
font-style: bold;
}

.commentaire_one{
background: #F5F8FD;
border: 1px #039BFF dotted;
width: 100%;
padding-top: 10px;
padding-bottom: 20px;
font-family: Arial;
}

*html .commentaire_one, *html .commentaire_two{
width: 99%;
}

.commentaire_two{
width: 100%;
float: left;
padding-top: 10px;
padding-bottom: 20px;
font-family: Arial;
}

.commentaire_auteur_one{
background: #CFDFF9;
border: 1px #029CFF solid;
border-right: 0px #029CFF solid;
padding: 2px;
float: right;
color: #029CFF;
padding-left: 5px;
padding-right: 5px;
font-family: Arial;
font-weight: bold;
}
.commentaire_auteur_one a{
color: #029CFF;
font-weight: bold;
}

.commentaire_auteur_two a{
color: #9EC802;
font-weight: bold;
}

.commentaire_two .commentaire_texte{
float: left;
width: 623px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 10px;
line-height: 18px;
border: 1px #9EC802 dotted;
border-top: 0;
}

/* Couleur des com dans le livre d'or */
#livredor .commentaire_auteur_two{
border: 1px #FF0000 solid;
background: #ffc4c4;
color: #ff5757;
}

#livredor .commentaire_texte{
border: 1px dotted #FF0000;
border-top: 0;
}

#livredor .commentaire_auteur_two a{
color: #CC0000;
}

/* Couleur des com dans les News */
#news .commentaire_auteur_two{
border: 1px #0072ff solid;
background: #a7ceff;
color: #3c93ff;
}

#news .commentaire_texte{
border: 1px dotted #0072ff;
border-top: 0;
}

#news .commentaire_auteur_two a{
color: #0072ff;
}

/* Couleur des com dans les concours */
#concours .commentaire_auteur_two{
border: 1px #d248ff solid;
background: #f7dfff;
color: #d24aff;
}

#concours .commentaire_texte{
border: 1px dotted #d248ff;
border-top: 0;
}

#concours .commentaire_auteur_two a{
color: #d248ff;
}


.commentaire_auteur_two{
background: #E8F8AC;
border: 1px #9EC802 solid;
padding: 2px;
color: #9EC802;
padding-right: 5px;
padding-left: 5px;
font-family: Arial;
font-weight: bold;
}

#commentaire{
float: left;
width: 100%;
}

.form_note select, .form_note input{
margin-left: 1em;
font-size: 9px;
border: 1px solid #0066FF;
background: #FFF;
}

.form_note, .form_note form{
display: inline;
}
#blog{
float:right;
width: 650px;
margin-left: 2em;
}

.blog_info{
float:left;
width: 250px;
}

#blog .blog_banniere{
background: #F5F8FC;
border: 1px dotted #0099FF;
padding-top: 25px;
height:50px;
margin-top:30px;
text-align:center;
color:#0099FF;
font-size:30px;
vertical-align: middle;
}

h2.blog{
border-bottom: 1px dotted #0099FF;
text-align: left;
color: #0099FF;
margin-bottom: 0;
}

.blog_info_content{
padding: 6px;
padding-left: 15px;
overflow: hidden;
}

.blog_info_content ul{
margin-left: 10px;
padding-left: 0;
list-style: none;
}


.billet h3{
font-size: 14px;
color: #0099FF;
margin: 0;
text-transform:	uppercase;
}

.billet {
margin-top:10px;
margin-bottom:20px;
}

.billet .billet_info {
float: right;
margin: 0;
font-style: italic;
}

.billet .texte_billet{
background: #ECF3F9;
padding: 1.1em;
padding-left: 20px;
text-align: justify;
border: 1px dotted #0099FF;
}

.billet .texte_billet a{
color: #0099ff;
}

.billet .texte_billet img{
border: 1px solid #CCC;
padding: 1px;
background: #FFF;
}

.billet .commentaire_billet{
margin-top: 0;
margin-bottom: 2em;
padding-top: 3px;
text-align: right;
}

.page a{
padding: 0;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
font-family:Arial,sans-serif;
font-size: 13px;
}

.page .page_active{
color: #0066FF;
background: #FFF;
border: 1px solid #0066FF;
font-family: Arial,sans-serif;
padding: 2px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
font-size: 13px;
margin-right:3px;
}

.page_blog{
background: #EEE url('../images/news_icone.jpg') repeat-y;
border: 1px solid #CCC;
padding: 5px;
padding-left: 20px;
width: 623px;
float: left;
}

.billet .commentaire_billet a{
color: #414141;
text-decoration: none;
padding-top: 0px;
}

.blog_desc_left{
float: left;
width: 452px;
margin-bottom: 2em;
margin-left: 5px;
margin-right: 5px;
border: 1px dotted #CCC;
border-top: 2px solid #FF7800;
padding-top: 10px;
padding-bottom: 10px;
background: #ffffee;
}

.blog_desc{
width: 100%;
margin-bottom: 2em;
margin-left: 5px;
margin-right: 5px;
border: 1px dotted #CCC;
border-top: 2px solid #FF7800;
padding-top: 7px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 7px;
background: #ffffee;
}
.blog_desc a{
color: #FF7800;
}


.blog_desc:hover, .blog_desc:hover{
background: #F6F6F6;
}

.blog_desc h3{
margin-top: 0;
border-bottom: 1px solid #414141;
}

.blog_desc ul{
margin-left: 10px;
padding-left: 0;
list-style: none;
font-style: italic;
}

div.code_highlight code, div.code_highlight pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	line-height: 16px;
}

div.code_highlight span.titre {
	font-weight:bold;
	color:#000;
}

div.code_highlight, div.code{
	background: #FFF url('../images/code.jpg') no-repeat top right;
	border: 1px dotted #ff9b82;
	border-left: 3px solid #ff9b82;
	width: 90%;
	margin-left: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em;
	padding-top: 5px;
	overflow-x: scroll;
	white-space: nowrap;
	max-width:710px;
}


/* -------------------< Php >-----------------------*/
div.Php pre{
	font-weight: normal;
}


/* -------------------< html >-----------------------*/
div.Html pre{
	color: #000;
	font-weight: normal;
}

span.doct_html{
	background-color: #a6caf0;
	font-weight: normal;
}


span.tag_html{
	color: #000099;
	font-weight: normal;
}

span.tag_img_html{
	color: #990099;
	font-weight: normal;
}

span.tag_img_html span.atribut_html{
	color: #990099;
	font-weight: normal;
}

span.tag_a_html{
	color: #006600;
	font-weight: normal;
}

span.tag_a_html span.atribut_html{
	color: #006600;
	font-weight: normal;
}

span.atribut_html{
	color: #000099;
	font-weight: normal;
}

span.quote_html{
	color: #0000ff;
	font-weight: normal;
}

span.com_html{
	font-style: italic;
	color: #008000;
	font-weight: normal;
}


/*------------------------ Css ----------------------------*/

div.Css pre{
	color: #ff00ff;
	font-weight: normal;
}

/*accolade*/
span.acco_css{
	color: #ff00ff;
	font-weight: normal;
}

/*propriet?*/
span.prop_css{
	color: #000099;
	font-weight: normal;
}

/*:  & ; */
span.point_css{
	color: #ff00ff;
	font-weight: normal;
}

/*valeur */
span.valu_css{
	color: #0000ff;
	font-weight: normal;
}

/*comentaire*/
span.com_css{
	color: #999999;
	font-weight: normal;
}

/*------------------------ Javascript----------------------------*/

div.JavaScript pre{
	color: #000;
}

/*Mots clé*/
span.key_js{
	color: #000080;
	font-weight: bold;
}

/* symbole*/
span.symb_js{
	color: #000;
	font-weight: bold;
}

/* chiffre */
span.digit_js{
	color: #f00;
}

/*entre guillemets*/
span.quote_js{
	color: #808080;
}

/*comentaire*/
span.com_js{
	color: #008000;
	font-style: italic;
	font-weight: normal;
}

/*------------------------ Sql ----------------------------*/

div.Sql pre{
	color: #000;
}

/*Mots cl?*/
span.key_sql, span.symb_sql{
	color: #000080;
	text-transform: uppercase;
	font-weight: bold;
}

/* chiffre */
span.digit_sql{
	color: #ff8000;
}

/*entre guillemets*/
span.quote_sql{
	color: #808080;
}

/*comentaire*/
span.com_sql{
	color: #008000;
	font-style: italic;
	color: #008000;
	font-weight: normal;
}

/*--------------------------couleur---------------------*/

span.bleu{color:#383F7C}
span.rouge{color:#FD0404}
span.vert{color:#19AB49}
span.blanc{color:#ffffff}
span.noir{color:#000000}
span.orange{color:#EFB310}
span.jaune{color:#ECEF10}
span.violet{color:#F80CDF}

/*--------------------------nouveau titre 10/08/2010---------------------*/

#h2bleu h2 {
text-transform:uppercase;
color:#fff;
font-family: Trebuchet MS;
font-size:14px;
height:41px;
background-image: url(../images/titre/bleu.jpg);
background-repeat: repeat-x;
background-position: top left;
padding:0;
padding-top:2px;
padding-left:15px;
border:0;
margin-bottom:-3px;
}

#h2vert h2 {
text-transform:uppercase;
color:#fff;
font-family: Trebuchet MS;
font-size:14px;
height:41px;
background-image: url(../images/titre/vert.jpg);
background-repeat: repeat-x;
background-position: top left;
padding:0;
padding-top:2px;
padding-left:15px;
border:0;
margin-bottom:-3px;
}
#h2violet h2 {
text-transform:uppercase;
color:#fff;
font-family: Trebuchet MS;
font-size:14px;
height:41px;
background-image: url(../images/titre/violet.jpg);
background-repeat: repeat-x;
background-position: top left;
padding:0;
padding-top:2px;
padding-left:15px;
border:0;
margin-bottom:-3px;
}

#h2orange h2, .h2orange1{
text-transform:uppercase;
color:#fff;
font-family: Trebuchet MS;
font-size:14px;
height:41px;
background-image: url(../images/titre/orange.jpg);
background-repeat: repeat-x;
background-position: top left;
padding:0;
padding-top:2px;
padding-left:15px;
border:0;
margin-bottom:-3px;
}