@CHARSET "UTF-8";

html,body{margin:0;padding:0}
body{

	background-image:url('images/pixel-gris.gif');
	background-repeat:repeat-x;
	background-position:0px 185px;
	font: 12px arial,sans-serif;
	text-align:center
}

body.secteur { background-image:none;  }

p {margin:0 10px 10px}
a {color:#b0abaf; text-decoration:none;}
a:hover {text-decoration:undeline;color:#969296}
h3 { font-size:14px;}
div#header{
	height:185px;
	margin-bottom:30px;
	/*
	background-image:url('images/logo_so-o.jpg');
	background-repeat:no-repeat;
	background-position:32px 60px;
	*/
}

.none { }
.header-logo { float:left;margin-top:40px }

.home-description{font-size:12px;color:#666666;width:834px;padding:17px 95px 64px 95px;}
.home-description p { text-align:justify; }
.home-enter { position:relative;top:250px;left:280px }
.home-enter a {color:#FFFFFF;font-size:12px;}
.home-enter a:hover { background-color:#666666 }
img#home-accroche { position:relative;top:140px;left:55px }

div#container { text-align:left }
div#content p { line-height:18px }
div#footer a { text-transform: capitalize;  }
div#container { width:665px;margin:0 auto }
div#content { float:right;width:340px;margin-bottom:30px; }
div#content-folio { float:right;width:280px; }
div#content-folio p { margin-left:0px; }
div#content p { padding:0 25px 0 0;margin-left:0px }
div#col-left, div#col-leftFolio { float:left;width:280px; padding-right:40px;color:#c3004a }
div#col-left { width:280px; }
div#col-left-secteur {
	margin:48px auto 0 auto;
	width:456px;
	color:#c3004a;
	text-align:left
}

div#col-left-secteur p { margin:10px 0 10px 0 }

div#col-leftFolio {width:340px;}
div#col-left p { margin-left:0px }
div#extra { clear:both;width:665px;margin:0 auto; text-align:left }
div#extra img.spip_logos { padding-top:30px; }
div#footer {
	height:300px;
	clear:both;
	margin-top:50px;
	padding:5px 10px;
	color:#b0abaf;
	text-align:center;
}

div#footer-secteur {
	height:300px;
	clear:both;
	margin-top:30px;
	color:#b0abaf;
	text-align:left;
}

div#footer-secteur a { color:#C3004A }

hr {
	border:none;
	width:100%;
	height:1px;
	background-image:url('images/pixel-gris.gif');
	background-repeat:repeat-x;
}

img {border:none}
																	/*
 o----------o
 |   TEXT   |
 o----------o

 																	*/
.div{border:1px solid green}
.div-pagination { margin-bottom:30px;clear:both }
.div-pagination table { margin-left:auto;margin-right:auto; }
.pagination{
	padding:0 10px 0 10px;
	color:#9c9d9f;
	font-weight:bold;
}
.pagination-img-next{background-image:url('images/folio_next.gif')}
.pagination-img-prev{background-image:url('images/folio_prev.gif')}
.pagination-img{background-repeat:no-repeat;background-position:0px 10px;}

.lien_pagination {}
h4 {}

.texte-gris { color:#9c9c9e }
.texte-gris-fonce { color:#58585a }
.no-display {display:none;}

.title-small {
	color:#000000;
	font-size:17px;
	text-transform:uppercase;
	padding:2px 28px 0 0;
	background-image:url('images/title-picto.gif');
	background-position:top right;
	background-repeat:no-repeat;
}

.txt-description, .txt-chapo { line-height:18px; }
.txt-description h3 { margin:4px 0 4px 0 }
.txt-chapo {margin-top:0px;}
.txt-chapo h3 { margin-top:0px;padding-top:0px;}
.no-display { display:none }
div#footer .footer-real{ color:#c3004a; text-transform:uppercase; cursor:help;}
ul#header-menu {float:right;margin:40px 0 0 0;}
ul#header-menu li {list-style-type:none;}
ul#header-menu li a {font-size: 17px;}
ul#header-menu li a.on {color:#c3004a;}
ul#secteur-menu {float:left;margin:17px 0px;padding:0px}
ul#secteur-menu li {list-style-type:none;}
ul#secteur-menu li a {font-size: 17px;}
ul#secteur-menu li a.on {color:#c3004a;}

												/*
 o-----------o
 |   FOLIO   |
 o-----------o


												*/
.tbl-folio{border:none;}

.folio-tr-spacer{height:20px;}

.tbl-folio tr td {padding:5px;}

.tbl-foliod tr td {padding:5px;}

.tbl-folio td.vignette {
	width:73px;
	height:73px;
	background-image:url('images/folioCellBack.png');
	background-position:center;
	background-repeat:no-repeat;
}

div#snip {
	position:relative;
	display:none;
	padding-top:20px;

}

div#snip p.spip { margin-left:0px }

div#compteurDocs {
	margin-bottom:20px;
	font-size:12px;
	color:#ccc;
}

div#compteurDocs a {font-size:12px;color:#ccc;}
div#compteurDocs a:hover {font-size:12px;color:#333;}
div#compteurDocs a.on {color:red;}

div#folioImgWrapper{
	float:left;
	margin-left:74px;
	margin-right:40px;
	width:350px;
}

div#folioTexteWrapper{float:left;width:250px;}

div#folioTexteWrapper p {
	text-transform:uppercase;
	font-size:10px;
	margin-bottom:15px;
}

div#folioTexteWrapper a.spip_out {
	font-size:xx-small;
	text-transform:uppercase;
	color:#cccccc;
	background-image:url('images/folio_lien_off.png');
	background-position:top left;
	background-repeat:no-repeat;
	padding:4px 0px 4px 20px;
}

div#folioTexteWrapper a.spip_out:hover {
	color:#333333;
	background-image:url('images/folio_lien_on.png');
}

a.folio-btnNextImage{
	background-image:url('images/folio_next.gif');
}

a.folio-btnBack{
	background-image:url('images/folio_back.gif');
}

a.folio-btnNextImage, a.folio-btnBack{
	background-position:0px 4px;
	background-repeat:no-repeat;
	height:20px;
	width:150px;
	padding:5px 5px 5px 24px;
}

							/*
	FAQ
	_______________

							*/
.faqsection {margin: 0px;}
div.faq {margin: 10px 0 0 0;}
div.faq .question {cursor:  pointer;}
div.faq .question.active {}
div.faq .answer  {margin-left: 10px;	}

div.faq ul,
div.faq ol {margin: 0 0 10px 20px;}
div.question h3 { font-size:17px }
a.a-realComm {
	font-size:17px;
	text-transform:uppercase;
	cursor:help;
	color:#000000;
	text-decoration:none;
}
a.a-realComm:hover { color:#000000; text-decoration:none  }
							/*
	Tooltips jquery
	_______________

							*/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('images/shadow2.png');
}
#tooltip.pretty h3 {
	margin-bottom: 12px;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('images/shadow.png');
	padding-top: 84px;
	height: 100px;
}