body {
background: #D5F4FF url('images2/header_back.gif') left top repeat-x;
width: 1020px;
color: #202020;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto;
padding: 0px;
}
#wrap {
background:#ECFAFF;
width: 1020px;
margin:0px auto 0px;
padding: 0px;
}
h1 {
font-size:20px;
color:#85AC1C;
line-height:35px;
text-align: center;
}
/************************************************
* Hyperlinks *
************************************************/
a, a:visited {
color: #000;
text-decoration: none;
}
a:hover {
color: #FF0096/*414141*/;
text-decoration: none;
}
a:active, a:focus{
outline:none;
}

/************************************************
* formulaire de recherche google *
************************************************/
#bigbuttons {
float:right;
margin-right:10px;
}
/************************************************
* Header *
************************************************/
#header {
width: 920px;
color: #FFFFFF;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
/*logo du site*/
#header-gauche {
margin: -2px;
overflow: hidden;
background: url('images2/logo.png') left top no-repeat;
height:115px;
}
#slogan-haut {
padding:0px;
height:26px; line-height:24px; 
}

#mini-navigation-haut {
float:right;
font-size:11px;
line-height:21px;
}
#mini-navigation-haut a {
color:#fff;
line-height:18px;
margin:0 8px 0 8px;
}
#mini-navigation-haut a:hover {
color:#FF7800;
}
/************************************************
* barre-navigation *
************************************************/
#barre-navigation {
width: 920px;
height: 48px;
color: #FFFFFF;
margin: 11px auto 0px;
padding: 0px 0px 0px 0px;
}
#barre-navigation-gauche {
width: 800px;
float: left;
margin: 0px;
padding: 0px 0px 0px 0px;
}
/*pour le fil d'ariane*/
.fil-d-ariane {
font-size: 11px;
margin: 0px 0px 0px 6px;
padding: 0px 0px 0px 0px;
color:#fff;
line-height:20px;
font-weight:bold;
}
.fil-d-ariane a {
color:#fff;
text-decoration:underline;
font-weight:bold;
}
#pagetop {
background:url('images2/wraptopback.gif') left top repeat-x;
height:78px;
margin:0 10px 0 10px;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
}
#pagetop p {
margin:0px;
}
/* Content * ************************************************/
#content {
width: 1020px;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
line-height: 20px;
}
#content p {
padding: 0px;
margin: 0px;
}
#content #cadre-centrale p {
padding: 0px 0px 0px 0px;
margin: 0px 0 15px 0;
}

#cadre-centrale {
float: left;
width: 570px;
margin: 10px 0px 0px 10px;
padding: 0px 0px 0px 0px;
display: inline;
}
#cadre-centrale a img {
border: none;
}

#cadre-centrale ol {
margin: 0px 0px 0px 5px;
padding: 0px 0px 15px 0px;
}
#cadre-centrale ol li {
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}
#cadre-centrale ul {
list-style-type: square;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}
#cadre-centrale ul li {
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}
#cadre-centrale ul ul li {
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}

.cadre-poste {
background: #FFFFFF /*url('images2/box_back.gif') left top repeat-x*/;
border:solid 1px #D1EBF4;
float: left;
width: 650px;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}
.cadre-poste h2{
        /*background:#4CBAE8;*/
		/*background: #3299C4 url('images2/sidebar_head.gif') left top repeat-x;*/
        line-height:28px;
        padding:0 0 0 20px;
        color:#00BFF6;
        display:block;
        margin:6px 0 6px 0;
        clear:both;
		/*border-bottom: 1px solid #2FA6D8;*/
        letter-spacing: 1px;
		font-size: 15px;
        border-bottom:1px #00BFF6 solid;
        margin-bottom:10px;

}
.cadre-poste h3{
        /*background:#4CBAE8;*/
		/*background: #3299C4 url('images2/sidebar_head.gif') left top repeat-x;*/
        line-height:28px;
        padding:0 0 0 20px;
        color:#800080;
        display:block;
        margin:6px 0 6px 0;
        clear:both;
		/*border-bottom: 1px solid #2FA6D8;*/
        letter-spacing: 1px;
		font-size: 15px;
        border-bottom:1px #800080 solid;
        margin-bottom:10px;
}


/************************************************
* Sidebar * ************************************************/
#sidebar {
float: right;
width: 320px;
margin: 10px 10px 0px 0px;
padding: 0px;
line-height: 20px;
display: inline;
}
#sidebar p {
padding: 0px 0px 0px 0px;
margin: 0px;
}
#sidebar a img {
border: none;
margin: 0px;
padding: 0px;
}
#sidebar h2 {
background: #3299C4 url('images2/sidebar_head.gif') left top repeat-x;
color: #fff;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 8px;
line-height: 27px;
border:1px solid #0072A1;
}

#sidebar h3 {
color: #000;
font-size: 15px;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
line-height: 20px;
}
#sidebar ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.cadre-menu-droite {
background: url(images2/headbar_cadre-menu-droite.gif) top left no-repeat;
margin-top:3px;
padding-left:12px;
}
.cadre-menu-droite-bis {
margin: 0px 0px 10px 0px;
padding: 10px;
border:solid 1px #D1EBF4;
background: #FFFFFF /*url(images2/cadre-menu-droite-bis.gif) top right no-repeat*/;
}
/************************************************
* Left Sidebar * ************************************************/
#mini-cadre-gauche-menu-droite {
border:solid 1px #D1EBF4;
background: #FFFFFF;
float: left;
width: 135px;
margin: 0px;
padding: 10px 10px 0px 10px;
line-height: 20px;
display: inline;
}
#mini-cadre-gauche-menu-droite p {
padding: 0px 0px 15px 0px;
margin: 0px;
}
#mini-cadre-gauche-menu-droite a img {
border: none;
margin: 0px;
padding: 0px 0px 15px 0px;
}
#mini-cadre-gauche-menu-droite h2 {
background: #3299C4 url('images2/sidebar_head.gif') left top repeat-x;
color: #fff;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 8px;
line-height: 27px;
}
#mini-cadre-gauche-menu-droite ul {
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
#mini-cadre-gauche-menu-droite ul li {
background: url('forum/images/fleche-bleu.gif') no-repeat center left;
padding: 3px 0px 2px 18px;
margin: 0px 0px 0px 0px;
}

/************************************************
* Right Sidebar * ************************************************/
#mini-cadre-droite-menu-droite {
border:solid 1px #D1EBF4;
background: #FFFFFF;
float: right;
width: 135px;
margin: 0px;
padding: 10px 10px 0px 10px;
line-height: 20px;
display: inline;
}
#mini-cadre-droite-menu-droite p {
padding: 0px 0px 15px 0px;
margin: 0px;
}
#mini-cadre-droite-menu-droite a img {
border: none;
margin: 0px;
padding: 0px 0px 15px 0px;
}
#mini-cadre-droite-menu-droite h2 {
background: #3299C4 url('images2/sidebar_head.gif') left top repeat-x;
color: #fff;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 8px;
line-height: 27px;
}
#mini-cadre-droite-menu-droite ul {
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

#id-liens-cadre-menu-droite-bis ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#id-liens-cadre-menu-droite-bis ul li {
background:url(forum/images/fleche-bleu.gif) no-repeat center left;/*images2/right-blue.gif*/
padding: 3px 0px 2px 18px;
margin: 0px 0px 0px 0px;
}


/************************************************
* Footer *
************************************************/
#footer {
background:#D5F4FF url('images2/footer.gif') left top no-repeat;
padding:45px 0 10px 0;
}
#footer p {
font-size: 11px;
line-height:22px;
font-family: Arial, Tahoma, Verdana;
margin: 0 0 0 12px;
padding: 0px 0px 0px 0px;
}
#footer a, #footer a:visited {
color: #CC3B1F;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer img {
vertical-align:middle;
margin-right:20px;
}
#footer .right {
float:right;
font-size:12px;
font-weight:bold;
margin-right: 5px;
}
/************************************************
* divers *
************************************************/
#header-droite {
float:right;
text-align:right;
position: relative;
height:110px;
}
#header-droite #adtop {
margin:13px 6px 0 0;
width:350px;
text-align:right;
}
#boutton-validation {
background: #D03F23 url('images2/smallbtn_back2.gif') left top repeat-x;
color:#fff;
font-size:10px;
padding:3px 5px;
border:1px solid #CC3B1F;
font-weight:bold;
font-family:verdana;
margin-left:6px;
}

hr {
clear:both;
border:1px dashed #85AC1C;
}
#barre-navigation-gauche ul{
list-style-type: none;
margin:0;
margin-left: 5px;
padding:0;
}
#barre-navigation-gauche li{
display:inline;
padding:0;
}
#barre-navigation-gauche a {
float:left;
margin:0 0 0 20px ;
padding:0 0 0 9px;
text-decoration:none;
color: #7B7B7B;
font-size:16px;
font-weight:bold;
cursor:pointer;
}
#barre-navigation-gauche a span {
float:left;
display:block;
padding:9px 12px 8px 4px;
color:#7B7B7B;
cursor:pointer;
}

#barre-navigation-gauche a:hover span {
color: #fff;
}
#barre-navigation-gauche #current a {
background:url(images2/tab-left.gif) no-repeat left top;
background-position:0 -37px;
}
#barre-navigation-gauche #current a span {
background:url(images2/tab-right.gif) no-repeat right top;
background-position:100% -37px;
color: #fff;
}
#barre-navigation-gauche a:hover {
background:url(images2/tab-left.gif) no-repeat left top;
background-position:0% -37px;
}
#barre-navigation-gauche a:hover span {
background:url(images2/tab-right.gif) no-repeat right top;
background-position:100% -37px;
}
/****************************teste***************************************/
.cadre-poste blockquote {
background-color:#eee;
border:1px solid #ccc;
padding:0 5px;
font-style:italic;
text-align:justify;
border-left: 10px #369 solid;
}
.imageactu {
float: right;
margin: 15px 0 0 15px;
border:1px solide #000;
width:120px;
height:90px;
}
img.imageactu {
	background:url(images2/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;
}
.imageactu1 {
float: right;
margin: 15px 0 0 15px;
border:1px solide #000;
width:240px;
height:180px;
}
img.imageactu1 {
	background:url(images2/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;
}
a.titre_des_sites {
color:#FF0096/*00BFF6*/;
margin:5px;
text-transform:uppercase;
/*border-bottom: 1px solid #000;*/
}
.titre_des_sites a:hover {
color:#FF0096;
/*margin:5px;
text-transform:uppercase;
border-bottom: 1px solid #000;*/
}


/*cadre autour coloration syntaxique*/
.php ,.actionscript ,.actionscript-french ,.ada ,.apache ,.applescript ,.asm ,.asp ,.autoit ,.bash ,.blitzbasic ,.bnf ,.c ,.c_mac ,.caddcl ,.cadlisp ,.cfdg ,.cfm ,.cpp ,.cpp-qt ,.csharp ,.d ,.delphi ,.dos ,.html4strict ,.java ,.java5 ,.javascript ,.mirc ,.mysql ,.per ,.perl ,.php-brief ,.plsql ,.python ,.ruby ,.sql ,.text ,.vbnet ,.xml ,.css { text-align: left;
margin: 15px 5px 15px 5px;
padding: 10px 5px 10px 5px;
width: 610px;
height: auto; 
background-color: #FBFBFB;
border-top: 1px dashed #D3EDFF;
border-bottom: 1px dashed #D3EDFF;
border-right: 1px solid #D3EDFF;
border-left: 1em solid #D3EDFF;
color: #000  ;}
/*image des quotes dans coloration syntaxique*/
pre:before
{
content: url(images2/quoteouvre.gif) /*"Début du code"*/;
float:left;
width:24px;
height:13px;
display:block;
font-weight:bold;
margin-bottom:10px;
}
pre:after
{
content: /*"Fin du code" */url(images2/quoteferme.gif);
margin-left:580px;
width:24px;
height:13px;
display:block;
font-weight:bold;
}
/*cadre onglet des balises html*/
.cadrepub { text-align: left;
margin: 15px 5px 15px 5px;
padding: 10px 5px 10px 5px;
width: 600px;
height: auto; 
background-color: #FBFBFB;
border-top: 1px dashed #B3DC1A;
border-bottom: 1px dashed #B3DC1A;
border-right: 1px solid #B3DC1A;
border-left: 1em solid #B3DC1A;
color: #000 ;}

.heading {
line-height:18px;
background: #ECCF3E; 
height:15px; 
margin: 2px ; 
padding:5px ; 
text-align: justify; 
color:#fff;
width:200px ;
font-weight:bold; 
font-size:1.0em;
-moz-border-radius: 9px 9px 9px 9px;}
/*cadre onglet des balises html*/

/************image pour les exemple*********************/
a.exemple-code {
background-image: url("images/exemplehover.jpg");
background-repeat: no-repeat;
width:175px;
height:65px;
display: block;
color: transparent;
margin:15px;
font-size:0px;
text-align:center;
}
a.exemple-code:hover {
background-image: url("images/exemple.jpg");
background-repeat: no-repeat;
width:175px;
height:65px;
display: block;
color: transparent;
margin:15px;
font-size:0px;
text-align:center;
}
/************fin image pour les exemple*********************/
.information {
min-height:50px;
color:#85AC1C;
border: 1px dashed #85AC1C;
background: url('images2/information.png') no-repeat top left;
padding:5px 5px 5px 60px;
margin:5px;
}
.attention {
min-height:50px;
color:#FF7800;
border: 1px dashed #F7B12C;
background: url('images2/attention.png') no-repeat top left;
padding:5px 5px 5px 60px;
margin:5px;
}
.interrogation {
min-height:50px;
font-weight:bold;
color:#2AB9E6;
border: 1px dashed #2AB9E6;
background: url('images2/interrogation.png') no-repeat top left;
padding:5px 5px 5px 60px;
margin:5px;
}
.cellule-sous-categorie{
height: auto;
background:#FFFFFF;
border: 1px solid #D5F4FF;
margin:5px;
padding:5px;
overflow:auto;

}
.cellule-sous-categorie:hover{
height: auto;
background:#ECFAFF;
border: 1px solid #D5F4FF;
margin:5px;
padding:5px;
overflow:auto;

}
.cellule-sous-categorie-index{
height: auto;
background:#ECFAFF;
border: 1px solid #D5F4FF;
margin:5px;
padding:5px;
}
/* bandeau-bas */
#bandeau-bas{  position: fixed; }
#bandeau-bas {width:100%;bottom:0;left:0;background: #000;color:000;opacity: 0.7;-moz-opacity: 0.7;-khtml-opacity: 0.7;filter: alpha(opacity=70);}
#bandeau-bas a { color:black;  font-weight:bold; text-decoration:none; }
#bandeau-bas .theme {float:left !important; margin:6px 0 7px 8px;font-family:verdana; font-size:18px; color:#e9d426; font-weight:bold;}
#bandeau-bas .titre {float:left !important; margin:6px 0 7px 8px;font-family:verdana; font-size:18px; color:#fff;font-weight:bold; }
#bandeau-bas #opened {height:90px; margin:0 8px 0 8px;}
#close {float:left !important; margin:8px 0 5px 0;}
#bandeau-bas #closed {height:15px;float:left;margin:3px 8px 2px 8px; font-size:15px;}
#rss { display: block; float: right;margin-top: 2px;margin-right: 2px;}
#haut { display: block; float: right;margin-top: 2px;margin-right: 2px;}
#accueil { display: block; float: right;margin-top: 2px;margin-right: 2px;}

img {
	border: none;
}
#sp{display: block; margin-top: 2px;margin-right: 2px;text-align:center;}
/*fin bandeau bas*/
#noel{
background:url("papa-noel/papa-noel.png") no-repeat top;
margin-left:850px;
margin-top:-10px;
width: 216px;
height: 229px;
position:absolute;
}