/*Codes couleur
h1 -> rouge : c70001
h2 -> bleu : 87aec2
h3 -> orange : f6840b
a:hover -> rose : f09d9d

vert : 0af568
jaune pétard : f5ed0a
violet : 870af5
marron : 533c17
gris : bab9b5 (texte <p> - bordure images site)
jaune sombre (orangé) : f5b60a (livre d'or)
bleu foncé v2 : 0a6cf5 (PA)

orange mandarine : f5640a
rose pétard v2 : f50a58 (non utilisé)

UTILISE SUR FORUM
jaune clair : f7f3ae
jaune menu acp : f5ed60
/*Fin codes couleur*/



/*Codes anciennes couleurs (v1)
h1 -> rouge : c70001
h2 -> bleu : 87aec2
h3 -> orange : f6840b
a:hover -> rose : f09d9d
vert : 63f05c
jaune : f0ed1b
jaune pétard : f5ed0a
jaune sombre : f5b60a
violet : 611780
marron : 533c17
jaune clair : f7f3ae
survol liens : fbb101
gris texte - bordure images site : bab9b5
jaune menu acp : f5ed60
/*Fin codes anciennes couleur v1*/


/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
body {
	font-family:Segoe UI, arial, helvetica, verdana, sans-serif;
	font-style:normal;
    font-size: medium;
    text-align: center;
    color: #fff;
    background: #000000;
/*	background-image:url("images/carbone.png");
	background-image:url("images/carbone.jpg");
	background-repeat:repeat-xy;*/*/
}

div, p, img, a, td, ul, ol {
    font-size: 1em; 
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}
/*h1, h2, h3, h4 {
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	margin: .5em 0;
	letter-spacing: .07em;
}

h1 { font-size: 218% }
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; letter-spacing: .15em }

p { padding: 0 0 1em; }*/

a, a:link { 
	color: #fff;
    text-decoration: none;
	border:none;
	outline:none;
}	

a:hover {
	color:#f09d9d;
}
/*a:visited { color: #669; border-color: #669; }
a:hover { color: #693; border-color: #693; text-decoration: none; }
a:active { color: #c33; border-color: #c33 }*/


a img, img {
    text-decoration: none;
    border: none;
	outline:none;
}

ul {
    list-style: none;
/*    margin: 0 0 20px 1em;*/
}
li {
    list-style: none;
/*    padding-left: 1em;
    margin-bottom: 3px;*/
}


.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}

.clear2 {
    clear:right;
	margin:0px;
}


/* début retouche template */
#page {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    background: #000000;
}

#content {
/*	min-height:500px;*/
/*	margin: 0 0 0 227px;*/
	margin: 0 0 0 210px;
	padding:5px;
}

a.B_crumb { /* Lien après accueil*/
	color:#f6840b;
	border:none;
	outline:none;	
	font-size:12px;
}

.B_crumbBox { /*toute la ligne du breadcrumbs*/
	font-size:12px;
	margin:0;
	text-align:left;
/*	margin-left:15px;*/
}

a.B_firstCrumb {
	font-size:16px;
}

a.B_homeCrumb { /* Lien accueil */
	font-size:12px;
	color:#f6840b;
	border:none;
	outline:none;
}

a.B_homeCrumb:hover { /* Survol lien accueil */
	font-size:12px;
	color:#fbb101;
	border:none;
	outline:none;
}


/* Special text formatting 
------------------------------------------------------------------------------- */
/*h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {
	text-decoration: none;
}
h2 a:hover, h3 a:hover {
	color: #06c;
	border-bottom: 1px dotted #06c;
}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

h4.date-header {
    margin-top: 0;
    padding-left: 14px;
    font-size: 90%;
    color: #f93;
    background: url(images/date_icon.gif) no-repeat 0 50%;
}

blockquote {
    margin: 0 0 0 30px;
    padding: 10px 0 0 20px;
    font-size: 88%;
    line-height: 1.5em;
    color: #666;
    background: url(images/quotes.gif) no-repeat top left;
}

blockquote p { margin-top: 0; }

blockquote cite {
	margin: 5px 0 0;
	display: block;
}
code {
	font: 1em/2.5em 'Courier New', Courier, monospace;
	color: #444;
	white-space: pre; 
    width: 350px;
    height: auto;
	overflow: auto;
    display: block;
    border: 1px solid #999;
    border-width: 2px 0;
    padding: 1em;
    margin: 0 0 1em 0;
    background-color: #fafafa;
}
li code { width: 330px }

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dotted #3f3f3f;
}

.center { text-align: center;}
.alignright { float: right; }
.alignleft { float: left; }
*/
hr {
color:#000000;
background-color:#444444;
height: 1px;
border: 0;
/*display: none;*/
}
/*

.error, .message {
    padding: 12px;
    background-color: red;
    color: #fff;
}
.message {
    background-color: green;
}
*/

#objetflash object {
	outline:none;
	border:none;
} 

/* Post (main content entries)
------------------------------------------------------------------------- */
.post {
	margin:55px 0 0 0;
	padding:5px;
	min-height:900px;
	font-family:Segoe UI, arial, helvetica, verdana, sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:14px;
	text-align:center;
    border:none;
	outline:none;
}

.post h1, .post h1 img, .postpartenaire h1 {
	font-family:Segoe UI, arial, helvetica, verdana, sans-serif;
    margin-top:10px;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	line-height:20px;
	color:#c70001;
	text-indent:0px;
	text-align:justify;
	white-space:normal;
	text-decoration:none;
	text-transform:uppercase;
	border:none;
}

.post h2, .post h2 img, .postpartenaire h2 {
	font-family:Segoe UI, arial, helvetica, verdana, sans-serif;
    margin-top:10px;
	font-weight:bold;
	font-style:italic;
	font-size:17px;
	line-height:20px;
	color: #87aec2;
	text-indent:20px;
	text-align:justify;
	white-space:normal;
	text-decoration:none;
	text-transform:capitalize;
	border:none;
}

.post h3, .post h3 img, .postpartenaire h3 {
	font-family:Segoe UI, arial, helvetica, verdana, sans-serif;
    margin-top:10px;
	font-weight:normal;
	font-style:italic;
	font-size:16px;
	line-height:20px;
    color: #f08816;
	text-indent:40px;
	text-align:justify;
	white-space:normal;
	text-decoration:none;
	text-transform:capitalize;
	border:none;
}

.post p {
	font-family:Segoe UI, arial, helvetica, verdana, sans-serif;
    margin-top:10px;
	font-weight:normal;
	font-style:italic;
	font-size:14px;
	line-height:20px;
    color: #bab9b5;
	text-indent:40px;
	text-align:justify;
	white-space:normal;
	text-decoration:none;
	text-transform:none;
}

#content .post img {
/*	border:1px solid #fff;*/
	text-indent:0;
	text-align:center;
}

.post h1 a:hover, .post h2 a:hover, .post h3 a:hover {
	color:#f09d9d; /*Couleur rose de survol lien*/
}

.post ul li {
	background: url(images/tictac_orange.gif) no-repeat 0 6px;
	margin-left: 0em;
}

.post h1 a, .post h2 a, .post h3 a {
	border:none;
	outline:none;
	text-decoration:none;
}

.post table {
	margin:auto;
}

.postpartenaire {
	margin:0;
	padding:5px;
	min-height:150px;
	font-family:Segoe UI, arial, helvetica, verdana, sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:14px;
	text-align:center;
    border:none;
	outline:none;
}

.postpartenaire p {
	font-family:Segoe UI, arial, helvetica, verdana, sans-serif;
    margin-top:10px;
	font-weight:normal;
	font-style:italic;
	font-size:14px;
	line-height:20px;
    color: #bab9b5;
	text-indent:40px;
	text-align:justify;
	white-space:normal;
	text-decoration:none;
	text-transform:none;
}

/* CSS sous menu "Dessin Technique" qui permet d'accéder aux pages des images */
#content img.categorie_souspages {
	border:1px #4b4b4b solid;
}

#content a.categorie_souspages :hover {
	border:1px #fff solid;
}



/* Related Links 
------------------------------------------------------------------------- */
#navlist li { 
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}


/* UserComments 
------------------------------------------------------------------------- */                        
.comment {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 10px;
    overflow: hidden;
}
.commentAlt {
    background-color: #f4f4f4;
}
.commentAuthor {
    background-color: #ffc;    
}
.commentMe {
    background-color: #ccf !important;
    padding-top: 5px;
}
.commentNum {
    font-family: Arial, sans-serif;
    font-size: 50px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: #f2f2f2;
    font-weight: bold;
    letter-spacing: -4px;
    z-index: 1;
}
.commentAlt .commentNum {
    color: #eaeaea;
}
.commentMe .commentNum {
    color: #b0b0ff;
}
.commentAuthor .commentNum {
    color: #f3f3bb;
}
.commentTitle {
    position: relative;
    z-index: 10;
    color: #999;
}
.commentTitle span {
    text-transform: uppercase;
    font-size: 86%;
}
.commentTitle strong {
    color: #693;
    font-size: 110%;
    text-transform: none;
    font-weight: normal;
    margin-right: 6px;
}
.comment .content {
    position: relative;
    z-index: 10;
}


/* CSS Livre d'or */
#livredor {
	margin:50px 0;
}

#auteur {
	font-family:Segoe UI, arial, helvetica, verdana, sans-serif;
    margin-top:10px;
	font-weight:normal;
	font-style:italic;
	font-size:12px;
	line-height:20px;
    color: #f08816;
	text-indent:0;
	text-align:right;
	white-space:normal;
	text-decoration:none;
	text-transform:normal;
	border:none;
}

.auteurh4 {
	font-family:Segoe UI, arial, helvetica, verdana, sans-serif;
	font-style:italic;
	font-weight:bold;
    font-size:14px;
    text-align:center;
    color: #f08816;
}

#message {
	font-family:Segoe UI, arial, helvetica, verdana, sans-serif;
	font-style:normal;
	font-weight:normal;
    font-size:14px;
    text-align:justify;
    color: #87aec2;
	padding-bottom:10px;
	border-bottom:1px solid #daa520;
	text-indent:40px;
}

/*Fin CSS Livre d'or */

/* CSS page partenaire : mur de logo */
#columnsp {
width:100%;
margin:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#columnsp li {
width:220px;
height:75px;
float:left;
margin:10px;
padding-top:10px;
border:1px solid #000000;
}

#columnsp li:hover {
border:1px solid #f09d9d;
}
/* Fin CSS Partenaire mur de logo */

.adressesitepartenaire a {
	vertical-align:top;
	color:#0af568;
	font-family:Segoe UI, arial, helvetica, verdana, sans-serif;
	font-style:italic;
	font-weight:bold;
    font-size:14px;
    text-align:center;
}

.adressesitepartenaire a:hover {
	color:#f09d9d;
}

#plandusite {
	text-align:left;
	font-size:16px;
	margin-left:50px;
}

#plandusite a {
	color:#bab9b5;
}

#plandusite a:hover {
	color:#f09d9d;
}

/* Mise en page Concurrence */
#columnsconcurrence {
width:100%;
margin:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#columnsconcurrence li {
width:220px;
height:240px;
float:left;
margin:10px;
padding-top:10px;
border:1px solid #ffffff;
}

#columnsconcurrence li:hover {
border:1px solid #f09d9d;
}

#miniatureconcurrence {
margin:0;
padding:5px;
}

#miniatureconcurrence h1 {
margin:0;
text-align:left;
font-size:14px;
color:#c70001;
text-indent:0px;
text-transform:uppercase;
}

#miniatureconcurrence h2 {
margin:0;
text-align:right;
font-size:14px;
color:#87aec2;
text-indent:0px;
}

#miniatureconcurrence h3 {
margin:0;
text-align:center;
font-size:14px;
color:#f6840b;
text-indent:0px;
text-transform:lowercase;
}