/*Onglets*/

#header {
    float:left;
    width:100%;
    background:#DAE0D2 url("../images/bg.gif") repeat-x bottom;
    font-size:93%;
    line-height:normal;
    }

#header ul {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
    }

#header li {
    float:left;
    background:url("../images/left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    }

#header a {
    display:block;
    background:url("../images/right.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#765;
    }

#header a:hover {
    color:#333;
}

#b1 #nav1, #b2 #nav2,#b3 #nav3,#b4 #nav4,#b5 #nav5,#b6 #nav6,#b7 #nav7,#b8 #nav8{
    background-image:url("../images/left_on.gif");
    }

#b1 #nav1 a, #b2 #nav2 a,#b3 #nav3 a,#b4 #nav4 a,#b5 #nav5 a,#b6 #nav6 a,#b7 #nav7 a,#b8 #nav8 a {
    background-image:url("../images/right_on.gif");
    padding-bottom:5px;
    }
#toutes-categories {
	position:relative;
} 

#categorie1,#categorie2,#categorie3,#categorie4,#categorie5,#categorie6,#categorie7,#categorie8 {
	position:relative;
	top:0px;
	width:100%;
	background-color:#FFFFFF;
	height:0px;
	z-index:0;
	overflow:scroll;
}

/*textarea avec le code à copier*/
#style-a-copier {
	background:#FFFFCC;
	height:20em;
	width:40em;
}

.bouton2 {
    float: left;
    margin:2px;
    padding:2px;
    background-color: #EEE0F1;
    border: thin outset #CCFFFF;
    cursor:pointer; 
}

.bouton3 {
    /*float: left;*/
	    font-size:0.8em;
    margin:2px;
    padding:2px;
    background-color: #EEE0F1;
    border: thin outset #CCFFFF;
    cursor:pointer; 
}

h1 {position : relative;} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: white;
	text-align: justify;
	margin:0px;
	padding:0px;
	
}


h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-style: normal;
	font-weight: bold;
	color: #9900FF;
	text-align: center;
	background-color: #6B4F2E;
	letter-spacing: 0.2em;
	/*border: 1px ridge #9933FF;*/
	clear:both;
	margin:0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #CC0099;
	font-weight: bold;
	padding-left: 41px;
	margin-left: 0.8em;
	letter-spacing: 0.1em;
	margin-top: 1em;
	margin-bottom: 0.8em;
	clear: left;
	background-image: url(../images/h2.png);
	background-repeat: no-repeat;
	background-position: left center;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	line-height: 1.5em;
	padding-left: 1.3em;
	font-weight: bold;
}


h4 {
	color: #663300;
}

.fondblanc {
	background-color :#FFFFFF;
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
	
}

input.bouton {
    background-color: #EEE0F1;
    border: thin outset #CCFFFF;
	color:black;
}

.propriete {
	color:#FF6600;
	font-size:smaller;
	}

.text-droite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	line-height: 1.5em;
	padding-left: 1em;
	padding-right: 1em;
	text-align: right;

}


.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	line-height: 1.5em;
	padding-left: 1em;
	padding-right: 1em;
	text-align: justify;

}

.text-petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.2em;
}

.text-petit-gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.2em;
	font-weight: bold;
}

.text-centrer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	line-height: 1.5em;
	text-align: center;
}

.text-rouge {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FF0000;
	line-height: 1.5em;
	padding-left: 1.3em;
	padding-right: 1.3em;
}


a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #0033FF;
	text-decoration: none;

}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #3333FF;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0011;
	text-decoration: none;
}

div.page {
	background-color: #FFFFFF;
	/*	margin-top:0px;
	margin-left:0em;
	margin-right:0em;*/
	margin:0 auto;
	width: 900px;
	float: left;
}

div#conteneur {
	background-color: #F3EFBA;
	width: 80%;
	position: absolute;
	border: 1;
	border-width: 1;
	margin-right: 10%;
	margin-left: 10%;
}

.code-source {
	background-color: #CCFF55;
	text-align: left;
	margin: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	border: 1px dotted #009900;
	padding: 3px;
}

table.tab600 {
	width: 600px;
	border: 1px solid #0000CC;
	margin-left: auto;
	border-collapse:collapse;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-right: auto;
	padding-right: 10px;
	padding-left: 10px;


	
}

table.tab600b{
	width: 600px;
	border: 1px solid #0000CC;
	margin-left: auto;
	border-collapse:collapse;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-right: auto;
	padding-right: 10px;
	padding-left: 10px;


	
}

td.col1 {
	background-color: #D5D0BA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	border:1px dotted #0000CC;

}
td.col2 {
	background-color: #E4E7DD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	border:1px dotted #0000CC
}

.colonne2 {
	margin: 5px;
	padding-left:5px;
	float: left;
	width: 45%;
	text-align: left;
	border: 1px solid #999900;
	background-color: #CCFFCC;
}

.fond-bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #00CCFF;
	line-height: 1.7em;
	margin-left: 2.1em;
	margin-right: 2.1em;
}


div.commentaire {
	background-color: #CCCCFF;
	text-align: justify;
	width: 572px;
	position: relative;
	visibility: hidden;
	margin-right: auto;
	margin-left: auto;
}
td.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
	background-color: #FF6600;
}
.bouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #0000FF;
	cursor: pointer;
}
.colonne4 {
	margin: 5px;
	float: left;
	width: 23%;
	color: #FFCC66;


}
.fond-blanc {
	background-color: #FFFFFF;
	clear: none;
	z-index: 2;
	width: 790px;
	margin: 0px;





}


table.bleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #00CCFF;
	border: 1px dotted #000000;
	margin-right: 10px;
	margin-left: 10px;
}




div.centrer {
	margin: auto;
	width:100%;

}


table.orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFCC00;
	margin: auto;
}
div.bleu-colonne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	background-color: #00CCFF;
	float: left;
	margin-left: 4px;
	height: 320px;
	border: 2px ridge #993333;
	margin-right: 4px;
	width: 249px;




}
.important {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #FF0000;
	font-weight: bold;

}
.fond-bleu-centrer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #00CCFF;
	line-height: 20px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;

}


td.categorieg {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	width: 50%;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;



}
td.categoried {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	width: 50%;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;


}
td.orangeg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFCC00;
	width: 50%;
	border: 1px dotted #FF6600;
	text-align: right;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;


}
td.oranged {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFCC00;
	width: 50%;
	border: 1px dotted #FF6600;
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;


}

td.bordure {
	border: 1px solid #000000;
}

.colonne3 {

	margin: 0px;
	padding:5px;
	float: left;
	width: 30%;
	background-color: #CCFFCC;
	min-height:330px;
}
.colonne3droite {

	margin: 0px;
	padding:5px;
	float: left;
	width: 35%;
	background-color: #CCFFCC;
	min-height:330px;
}

.formulaire {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	border: 1px solid #00CC66;
	margin: 5px;
	padding: 5px;
	background-color: #66FF99;
	width:auto;
	float:left;

}
.colonne2sb {

	margin: 5px;
	float: left;
	width: 45%;
	text-align: left;
}
.text-lien-accueil {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	letter-spacing: 0.05em;
}

.spacer {
	clear: both;
	margin:0%;
	padding:0px;
	height:0px;
	line-height:0px;
}
.spacer-droite {
	float:left;
	clear: right;
	margin:0%;
}
.spacer-haut {
	clear: both;
	margin:0%;
	padding:0px;
	height:7px;
	line-height:0px;
}

hr {
	color: #CC00FF;
	margin: 2em;
	clear: both;
}

.bordure {
	border: 1px solid #000000;
}

img {
	border: 0px;
}