/* CSS Document */
@import url(fancy.css);
@import url(validate.css);

body{
	margin			:0px;
	padding			:0px;
	font-size		:12px;
	font-family		:Arial, Helvetica, sans-serif;
	background		:url('../img/bg-body.jpg') repeat-x #214864;
	text-align		:center;
	color			:#222;
}

ul, li{
	margin			: 0;
	padding			: 0;
	list-style-type	: none;
}

.clear{
	clear			: both;
}

.float{
	float			:left;
	margin-right	:15px;
}

.hide{
	display			:none;
}  

a img{
	border			:0;
}

#global{
	position		:relative;
	margin			:auto;
	width			:940px;
	padding-top		:45px;
	background		:url('../img/light.jpg') top no-repeat #fff;
	text-align		:left;
}

#container{
	position		:relative;
	width			:920px;
	padding			:10px;
	background-color:#FFFFFF;
}

#content-left{
	position		:relative;
	float			:left;
	width			:274px;
	min-height		:604px;
	background		:url('../img/bg-left.jpg') no-repeat #FFFFFF;
	color			:#555555;
	padding-left	:10px;
	padding-right	:20px;
}

a.index{
	position		:absolute;
	top				:15px;
	left			:30px;
	width			:240px;
	height			:70px;
	text-indent		: -5000px;
}

.ami{
	display			:block;
	width			:200px;
	height			:30px;
	background		:url('../img/btn-ami.jpg');
}

.ami:hover{
	background-position: 0 -30px;
}

#content-right{
	position		:relative;
	float			:left;
	width			:616px;
	min-height		:290px;
	background		:url('../img/bg-right.jpg') no-repeat #FFFFFF;
}

#menu{
	position		:absolute;
	z-index			:10;
	top				:23px;
	left			:25px;
}

#menu ul,#menu li{
	margin			:0px;
	padding			:0px;
	list-style-type	:none;
	height			:27px;
}

#menu li{
	float			:left;
}

#menu li a{
	display			:block;
	font-family		:"Trebuchet MS",Arial, Helvetica, sans-serif;
	height			:18px;
	font-weight		:bold;
	text-align		:center;
	padding			:5px 6px;
	/*padding-right	:15px;*/
	/*margin			:0px 19px 0px 0px;*/
	font-size		:13px;
	border-right	:1px solid #d3d3d3;
}


#menu li.no-border a{
	border-right	:0px;
}

#footer{
	position		:relative;
	width			:940px;
	height			:50px;
	text-align		:center;
	color			:#fff;
	padding-top		:20px;
	background		:#214864 url('../img/footer.gif') no-repeat;
}

#footer p a {color:#ccc;}
#footer p a:hover {color:#3399FF;}

div#flash{
	width			:320px;
	margin-left		:130px;
}

/********************** LIENS ***************************************/

a{
	color			:#739d00;
	text-decoration	:none;
}

a:hover{
	color			:#476100;
}

#menu li a{
	color			:#4b4b4b;
	text-decoration	:none;
}

#menu li a:hover{
	color			:#006ab3;
}

#menu  a.selected{
	color			:#006ab3;
}

hr{
	clear			:both;
	visibility		:hidden;
}

.option img{
	border			:2px solid #739d00;
}

img.none{
	border			:0px solid #739d00;
}

.img-1{
	border			:1px solid #555;
}

.strategique{
	text-align		:center;
	margin-top		:20px;
}

.gouvernance{
	text-align		:center;
}
/*************************** TITRE ***********************************/

h1{
	margin			:0px 0px 5px 0px;
	padding			:0px;
	font-size		:15px;
	font-weight		:normal;
}

h2{
	font-size		:17px;
	margin-top		:20px;
	color			:#004070;
}

div#content-left h2 a{
	color			:#004070;
}

div#content-left h2 a:hover{
	color			:#476100;
}

h3{
	font-size		:14px;
	margin-top		:0px;
	color			:#666;
}

h4{
	font-size		:15px;
	margin			:0px;
	color			:#629cc8;
	font-weight		:100;
}

h5{
	font-size		:15px;
	margin			:0px;
	color			:#629cc8;
	font-weight		:bold;
	padding-left	: 45px;
}

/*************************** TABLEAUX ********************************/

table{
	border-collapse	:collapse;
}

td, th{
	border			:1px solid #000;
	text-align		:left;
}

.none{
	border			:0px;
}

.boutique td{
	border			:0px;
}

.boutique h1{
	font-size		:14px;
	color			:#629cc8;
}

.form_breve th, .form_breve td{
	border			:0px;
}

.legend{
	font-size		:14px;
	color			:#004070;
}

/*************************** BLOCK TEXT ******************************/

.text-adresse{
	position		:relative;
	margin-top		:145px;
	line-height		:1.5;
}

.actu{	
	position		: relative;
	margin-bottom	: 20px;
	margin-top		: 10px;
	width			: 274px;
}

.actu img{
	margin-right	:5px;
	border			:1px solid #000;
}

.text-general{
	position		:relative;
	padding-top		:285px;
	padding-left	:20px;
	width			:595px;
	text-align		:justify;
}

.text-general img{
	margin-right	:15px;
}

ul.disc li, ul.essai li ul.disc li{
	margin-left		:30px;
	list-style-image:url('../img/puce.gif');
	padding			:3px 0;
	background		:none;
}

ul.home{
	width			:415px;
	float			:left;
}

ul.home li{
	font-size		:16px;
	padding			:5px 0 5px 30px;
	margin-left		:20px;
	background		:url('../img/good.jpg') left 5px no-repeat;
}

ul.essai li{
	padding			:5px 0 5px 30px;
	background		:url('../img/good.jpg') left top no-repeat;
}

a.essai{
	display			:block;
	width			:160px;
	height			:70px;
	margin			:0 auto;
	background		:url('../img/essai-gratuit.gif') left top no-repeat;	
}

.panier img{
	margin			:0px;
}

.compagnonnage, .conseil, .formation{
	position		:relative;
	float			:left;
	height			:255px;
	text-align		:left;
	font-size		:12px;
}

.compagnonnage{	
	width			:162px;
	background		:url('../img/compagnonnage.jpg') no-repeat;
	padding			:140px 15px 0px 20px;
	height			:175px;
}

.conseil{
	width			:162px;
	background		:url('../img/conseil-managment.jpg') no-repeat;
	padding			:140px 18px 0px 20px;
	height			:175px;
}

.formation{
	width			:160px;
	background		:url('../img/formation.jpg') no-repeat;
	padding			:140px 17px 0px 20px;
	height			:175px;
}

/************************ BLOG ***********************************/

div.news{
	clear			: both;
	font-size		: 12px;
}

div.news p.clear{
	clear			: both;
}

div.news a:hover h4{
	text-decoration:underline;
}

div.news a{
	color			:#107ccd;
	font-weight		:bold;
}

div.news a img{
	border			: 0;
}

div.news p.clear a:hover{
	color			:#476100;
	text-decoration : none;
}

div.news a:hover{
	text-decoration	:underline;
}

div.news h4{
	margin-top		: 0;
	padding-top		: 0;
}

p.date{
	margin			: 0;
	font-style		: italic;
	font-size		: 10px;
	line-height		: 20px;
	padding-left	: 20px;
	background		: url('../img/cal.gif') no-repeat center left;
	display			: inline;
}

p.frss{
	margin			: 0;
	font-style		: italic;
	font-size		: 10px;
	line-height		: 24px;
	padding-left	: 28px;
	background		: url('../img/rss.gif') no-repeat center left;
}

p.img{
	margin			: 0;
	margin-bottom	: 10px;
	margin-top		: 3px;
	float			: left;
}

div.news a.comments{
	display			: inline-block;
	color			: #739d00;
	margin			: 0;
}

div.comments{
	clear			: both;
	padding			: 10px 10px 10px 10px;
	margin-bottom	: 10px;
	background		: #eee url('../img/haut-commentaire.gif') top left no-repeat;
}

p.pagination a{
	display			: inline-block;
	width			: 20px;
	height			: 20px;
	line-height		: 20px;
	text-align		: center;
	background		: #d1e4fc;
}

p.pagination a{
	color			: #5887b8;
}

p.pagination a.selected{
	color			: #fff;
	background		: #5887b8;
}

div.form{
	clear			: both;
	border			: 1px solid #ccc;
	padding			: 10px;
	background		: #fafafa;
	margin-top		: 10px;
}

input.highlight, textarea.highlight, div.form input.highlight, div.form textarea.highlight{
	border			: 1px solid #ff0000;
}

/* =================================== */
/* ======== RESEAUX SOCIAUX ========== */
/* =================================== */

p.share, p.share{
	font-size:0.9em;
	color:#777;
	float:left;
	margin:0px;
}

ul.socialinks {
	list-style-type:none;
}

ul.socialinks li {
	display:inline;
}

ul.socialinks li a{
	display: block;
	width:16px;
	height:16px;
	float:left;
	margin:0 2px;
	text-indent:-9000px;
}

ul.socialinks li a.delicious	{background: transparent url('../img/social/social-delicious.gif') top left no-repeat;}
ul.socialinks li a.facebook		{background: transparent url('../img/social/social-facebook.gif') top left no-repeat;}
ul.socialinks li a.netvibes		{background: transparent url('../img/social/social-netvibes.gif') top left no-repeat;}
ul.socialinks li a.rss			{background: transparent url('../img/social/social-rss.gif') top left no-repeat;}
ul.socialinks li a.email		{background: transparent url('../img/social/social-email.gif') top left no-repeat;}
ul.socialinks li a.twitter		{background: transparent url('../img/social/social-twitter.gif') top left no-repeat;}

/************************ BOUTIQUE *****************************/

div.publication{
	width			:100%;
	background		:url('../img/interligne2.gif') no-repeat left bottom;
	padding-bottom	:39px;
}

div.publication h1{
	font-size		:14px;
	color			:#629cc8;
}

/************************ TAGS *******************************/

div#tags ul{	
	text-align:justify;
}

div#tags ul li{
	padding			:3px;
	display			:inline;
}

div#tags ul li a:hover{color:#000;}

.tags1 a{color:#8e88c4;font-size:16px;font-weight:bold;}
.tags2 a{color:#939393;font-size:15px;}
.tags3 a{color:#e4ba4c;font-size:14px;}
.tags4 a{color:#9ca3cb;font-size:13px;}
.tags5 a{color:#ccc;font-size:11px;}

/************************ PANIER *****************************/

div#panier{
	background		:red;
	margin-top		:20px;
	width			:259px;
	height			:100px;
	background		:url('../img/panier.jpg') no-repeat top left;
	padding			:10px 0 0 15px;
}

div#panier p{
	margin			:0;
}


/************************ FORMULAIRE *****************************/

div.formulaire{
	border			:1px solid #ccc;
	padding			:5px;
	background		:#f7f7f7;
}

div.formulaire.loading{
	background		:url('../img/loader.gif') center center no-repeat #f7f7f7;
}

input, textarea, div.form input, div.form textarea{
	border			:1px solid #ccc;
	width			:200px;
	font-size		:11px;
	font-family		:Arial, Helvetica, sans-serif;
	background		:url('../img/champ.jpg') no-repeat;
}

table.livraison input,table.livraison textarea, form#MyComments input,form#MyComments textarea, form#FormContact input,form#FormContact textarea{
	width			:300px;
}

table.panier td.right{
	text-align:right;
}

button{
	border			:1px solid #ccc;
	height			:22px;
	padding			:2px 4px 4px 4px;
	background		:url('../img/bg-btn-envoyer.jpg') repeat-x;
	border			:0px;
	color			:#666;
	cursor			: pointer;
	width			: auto;
	margin-left:150px;
}

/********************* SITE MAP **********************************/

ul.map{
	float			:left;
	width			:260px;
	margin			:0 30px 20px 0;
}

ul.map li a{
	display			:block;
	padding			:2px 5px 2px 20px;
	color			:#1d65b1;
	background		:url('../img/arrow.gif') no-repeat 5px 5px #ecf1f6;
	font-weight		:bold;
}

ul.map li a:hover{
	color			:#09223c;
}

ul.map li ul{
	margin-top		:10px;
}

ul.map li ul li a{
	display			:block;
	padding			:2px 5px 2px 20px;
	color			:#1d65b1;
	margin-left		:20px;
	background		:url('../img/arrow2.gif') no-repeat 5px 5px #fff;
	font-weight		:normal;
}

div#telcatalogue{
	clear:both;
	text-align:center;
	border:2px solid #cdcdcd;
	width:555px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;	
	margin-left:11px;
	padding:10px;
}

div#telcatalogue h2{ margin:0; font-size:1.5em; }
div#telcatalogue h2 a{ text-decoration:underline; color:#004070; }
div#telcatalogue h2 a:hover{ color:#739d00; }
div#telcatalogue ul li{ color:#004070; display:inline; }