@import url('form.css');
@import url('fancy.css');
@import url('menu.css');
@import url('titre.css');
@import url('font.css');
@import url('accordion.css');

*{
	margin				: 0;
	padding				: 0;
}

body{
	text-align			: center;
	font				: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color				: #555;
	background			: #3e668a url(../img/bg-body.jpg) top left repeat-x;
}

h1 {
	font-size			: 1.6em;
}

p {
	margin: 1em 0;
}

a {
	outline				: none;
	color				: #2c2c2c;
	text-decoration		: none;
}

a:hover{
	text-decoration		: underline;
}

img {
	border		: 0;
}

ul, li{
	list-style: none;
}

br.clear {
	clear: both;
}

span.strike {
	background: transparent url(../img/strike.gif) 0 10px repeat-x;
}

ul li strong{
	background			: none;
	display				: inline;
	padding				: 0;
	color				: #2686da;
}

#footer strong{
	background			: none;
	display				: inline;
	padding				: 0;
	color				: #fff;
}

hr{
	background			: none;
	background-color	: #ccc;
	border				: none;
	line-height			: 0;
	height				: 1px;
	margin				: 10px 0;
}


/* =================================== */
/* ============ STRUCTURE ============ */
/* =================================== */

div#top-wrap{
	width				: 100%;
	background			: #fff url(../img/bg-top-wrap.jpg) top left repeat-x;
}

div#top{
	position			: relative;
	margin				: 0 auto;
	width				: 1050px;
	height				: 200px;
	background			: #fff url(../img/bg-top.jpg) center top no-repeat;
}

div#global {
	position			: relative;
	/*width				: 1050px;*/
	width				: 100%;
	margin				: 0 auto;
	text-align			: left;
}

div#menu {
	margin				: 0 auto;
	padding				: 10px 0 0 0;
	width				: 1050px;
	height				: 53px;
	background			: transparent url(../img/menu.gif) 0 10px no-repeat;
} 

div#content-wrap{
	width				: 100%;
	background			: #fff;
}

div#content {
	margin				: auto;
	width				: 990px;
	padding				: 0px 30px 30px 30px;
	background			: transparent url(../img/bg-content.jpg) 280px top repeat-y;
	text-align			: justify;
}

div#footer-wrap{
	width				: 100%;
	background			: transparent url(../img/bg-footer.jpg) top left repeat-x;
	text-align			: center;
}

div#footer {
	position			: relative;
	padding				: 0;
	margin				: auto;
	width				: 1050px;
	color				: #fff;
	height				: 192px;
}


/* =================================== */
/* ================ TOP ============== */
/* =================================== */

div#top h1 a {
	display				: block;
	position			: absolute;
	top					: 14px;
	left				: 0px;
	width				: 470px;
	height				: 120px;
	text-indent			: -5000px;
	z-index				: 10;
}



/* =================================== */
/* ============== FOOTER ============= */
/* =================================== */

div#footer a {
	color: #fff;
}

div#footer a:hover {
	color: #fff;
	text-decoration:underline;
}

/* =================================== */
/* ============== LIENS ============== */
/* =================================== */

.savoir-plus{
	display				: block;
	height				: 25px;
	background			: url('../img/savoir-plus.jpg') top right no-repeat;
	text-indent			: -5000px;
}


/* =================================== */
/* ============== ACCUEIL ============ */
/* =================================== */

div.actu{
	text-align			: left;
	margin-bottom		: 15px;
}

div.actu span.black, div.actu span.blue{
	text-align			: left;
	font-size			: 20px;
}

div.actu a img{
	float				: left;
}

div#left-acc{
	float				: left;
	width				: 620px;
}

div#right-acc{
	float				: left;
	width				: 330px;
	margin-left			: 35px;
	margin-top			: 10px;
}

.blue li{
	margin-left			: 30px;
	color				: #2a83d3;
	font-weight			: 100;
	list-style			: url(../img/sign-up.jpg);
	font-size			: 16px;
}

.blue{
	margin-bottom		: 20px;
}

div.partie{
	width				: 620px;
	background			: url('../img/bg-partie.jpg') bottom left;
	padding				: 0 0 20px 0;
	margin-top			: 10px;
}

div.partie p, div.partie ul{
	margin				: 0 20px 0 20px;
}

div.partie h1{
	text-indent			: -5000px;
	height				: 39px;
	width				: 620px;
	margin				: 0 0 10px 0;
}

div.partie-mini{
	width				: 310px;
	height				: 110px;
	background			: url('../img/bg-partie-mini.jpg') bottom left;
	float				: left;
	text-align			: left;
	margin-top			: 10px;
}

div.partie-mini p, div.partie-mini ul{
	margin				: 0 20px 0 20px;
}

div.partie-mini h1{
	text-indent			: -5000px;
	height				: 39px;
	width				: 310px;
	margin				: 0 0 10px 0;
}

div.partie h1.programmer					{ background			: url('../img/titre/programmer-planifier.jpg') bottom left no-repeat; }
div.partie h1.pereniser						{ background			: url('../img/titre/pereniser-soutenir.jpg') bottom left no-repeat; }
div.partie-mini h1.optimiser-organisation	{ background			: url('../img/titre/optimiser-organisation.jpg') bottom left no-repeat; }
div.partie-mini h1.optimiser-production		{ background			: url('../img/titre/optimiser-production.jpg') bottom left no-repeat; }

.bd-blue{
	margin				: 14px 10px 0 0;
	border				: 1px solid #ccc;
	padding				: 2px;
}

/* =================================== */
/* ============== CONTENU ============ */
/* =================================== */

.deconnect{
	position			: absolute;
	top					: 120px;
	right				: 25px;
	color				: #fff;
}

.deconnect a{
	color				: #e20028;
}

div#left-int{
	float				: left;
	width				: 240px;
}

div#right-int{
	float				: left;
	width				: 685px;
	margin-left			: 20px;
	padding				: 0 20px 0 20px;
}

h3{
	background			: #ecf1f6;
	padding				: 3px 10px;
	margin				: 15px 0 15px 0;
	font-size			: 12px;
	color				: #192f46;
}

div#right-acc h1.flash, div#left-int h1.flash{
	font-family:"Tahoma",Arial, Helvetica, sans-serif;
	font-weight:normal;	
}

div#right-acc span.blue, div#left-int span.blue{
	color:#2a83d3;
}

div#right-acc span.black, div#left-int span.black{
	color:#000;
}

div#right-int li{
	margin-left			: 30px;
	margin-bottom		: 10px;
	list-style-image	: url(../img/arrow.gif);
}

div#right-int li strong{
	color				: #1d65a3;
}

div#right-int li ul li, div#right-int ul.deci li ul li{
	margin				: 5px 0 10px 30px;
	list-style-image	: url(../img/arrow2.gif);
	margin-bottom		: 5px;
	color				: #555;
}

div#right-int ul.deci li{
	list-style-type		: decimal;
	margin-bottom		: 20px;
}

div#right-int a{
	color				: #2a83d3;
}

div.onleft{
	padding				: 0 0 0 5px;
	margin				: 10px 0 10px 0;
	text-align			: left;
}

div.onleft h1.black, div.onleft h1.blue{
	text-align			: left;
	display				: inline;
	margin				: 0;
	padding				: 0;
	font-size			: 16px;
}

blockquote{
	display				: inline;
	font-style			: italic;
}

fieldset{
	text-align			: center;
	border				: 1px solid #e5e5e5;
}

legend{
	font-style			: italic;
	font-size			: 10px;
	padding				: 5px;
}

h2{
	background			: #ecf1f6;
	padding				: 3px 10px;
	margin				: 30px 0 0 0;
	font-size			: 12px;
	color				: #192f46;
}

p.sstitre{
	font-style			: italic;
	color				: #CCCCCC;
}

p.images{
	float				: left;
	margin				: 0;
	padding				: 0px 5px 10px 0;
}

p.cetim{
	float				: left;
	padding				: 0;
	margin				: 10px 10px 0 0;
	border				: 0;
}

p.pixisoft{
	float				: right;
	padding				: 0;
	margin				: 5px 0 0 10px;
	border				: 0;
}



/* =================================== */
/* ============== ACTUALITES ========= */
/* =================================== */

div.actualites{
	text-align			: justify;
	padding				: 10px;
	margin-bottom		: 15px;
}

div.actualites span.black, div.actualites span.blue{
	text-align			: left;
	font-size			: 20px;
}

div.actualites a img{
	float				: left;
}

div.actualites a p{
	color				: #000000;
	text-align			: justify;
}

div#right-int .actualites a:hover{
	color				: #000;
}

div#right-int a.pdf{
	color				: #dc0129;
}

div#right-int a.securit, div#right-int a.securit:hover{
	color				: #dc0129;
	font-style			: italic;
	font-size			: 10px;
}

div.news p.img {
	float				: left;
	margin				: 0;
	padding				: 12px 10px 3px 0;
}

div#commentaires {
	clear				: both;
}

div.news h2 {
	font-weight			: 100;
	font-size			: 15px;
}

div#pagination{
	width				: 100%;
	text-align			: center;
}

div#pagination a{
	display				: inline-block;
	width				: 15px;
	height				: 15px;
	background			: #edf2f7;
	text-align			: center;
}

div#pagination a:hover, div#pagination a.selected{
	background			: #d0e0ef;
	text-decoration		: none;
}

div#pagination a.selected:hover{
	cursor				: text;
}

/* =================================== */
/* ========= COMMENTAIRES ============ */
/* =================================== */

#commentaires {
  	border-top	: 1px solid #bbb;
}

#commentaires h3 a {
  	color: #284459;
}

#commentaires .comment {
	margin: 20px 10px;
	padding: 10px 10px 10px 20px;
	color: #487095;
}

#commentaires .comment p.date {
	margin: 2px 0 16px 0px;
	padding-left: 35px;
	color: #1a3751;
}

/* =================================== */
/* ========= PLAN DU SITE ============ */
/* =================================== */

div#right-int ul.plan-du-site li{
	float				: left;
	width				: 300px;
	list-style-image	: none;
	margin-top			: 30px;
}

div#right-int ul.plan-du-site li a{
	background		: #ecf1f6 url('../img/arrow.gif') no-repeat 5px 5px;
	padding			: 3px 3px 3px 20px;
	display			: block;
}

div#right-int ul.plan-du-site li ul li{
	float			: none;
	width			: 250px;
	margin-top		: 5px;
}

div#right-int ul.plan-du-site li ul li a{
	background		: #fff url('../img/arrow2.gif') no-repeat 0 2px;
	padding			: 0 0 0 10px;
}

div#right-int ul.plan-du-site li a:hover strong, div#right-int ul.plan-du-site li a:hover{
	color			: #e00027;
	text-decoration	: none;
}

ul.plan-g{
	float			:left;
	margin-top		:30px;
}

ul.plan-g li{
	width			:300px;
	background		: #ecf1f6;
	padding			: 3px;
	display			: block;
}


/* =================================== */
/* =========== PAGINATION ============ */
/* =================================== */

p.pagination {
	clear: left;
	text-align:center;
}

p.pagination a {
	padding:3px;
}

p.pagination a:hover {

}

p.pagination a.selected {
	text-decoration: none;
	background:#ecf1f6;
}

p.pagination a.selected:hover {

}


.h3_cyb{
background:none !important; margin:0px; padding:0px;
}
a.h3_cyb_link{ color: #666666 !important; text-decoration:none; font-size:14px; }

.h2_actu{
margin:0px; padding:0px; background:none !important;
}

.bd-blue2{
	margin				: 0px 10px 0 0;
	border				: 1px solid #ccc;
	padding				: 2px;
}
h3.flash { background:none !important; font-family:"Tahoma",Arial, Helvetica, sans-serif;
	font-weight:normal;	 font-wight:bold; font-size:18px;}
	
	div#top h4 a {
	display				: block;
	position			: absolute;
	top					: 14px;
	left				: 0px;
	width				: 470px;
	height				: 120px;
	text-indent			: -5000px;
	z-index				: 10;
}

li h3{
background:none !important; margin:0px; padding:0px;
}
li h3 a{ font-size:12px; color:#666666; font-weight:normal; }