/*
 * Styles généraux
*/

body { font-family: Arial, Helvetica, sans-serif; text-align: left; color:#434e56; font-size: 0.8em; }

a img { border: 0; }
#langues img { vertical-align: middle; }
#contenu p {  }
#contenu .chapo { /*font-style: italic;*/ }
dt { font-weight: bold; }
/*
 * Partie variable des sites
*/
a { color:#5589c1; text-decoration:none;}
a:hover { color:#fe4800; text-decoration: none;}
ul { margin:0; padding:0;}
ul li { margin:0; padding:0; list-style:none; }

ul.actions  {margin:2em; clear:both;}
#preview ul, .bloc ul { margin-left: 3em;}
#preview ul li, .bloc ul li { margin:2px 0; padding-left:12px; list-style:none; background:url(../images/puce_li.gif) no-repeat 0 6px; }
#preview ul li li, .bloc ul li li { background:url(../images/puce_li_li.gif) no-repeat 0 4px; }
#preview ul li li li, .bloc ul li li li { padding-left:10px; background:url(../images/puce_li_li_li.gif) no-repeat 0 6px; }
#preview p { margin:1em 0; text-align:justify;}
p#rss { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 { margin: 1em 0px; padding: 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#preview h1 {font-size: 1.6em; margin:0; padding:10px 0 22px 120px; color:#3f4951; letter-spacing:0.05em; font-weight:normal; background:url(../images/h1_bg.gif) no-repeat -45px 0;}
h2 { padding:0 14px 6px 10px; font-size: 1.4em; color:#4a7cb3; letter-spacing:0.05em; font-weight:normal; background:url(../images/puce_h2.gif) no-repeat right bottom;}
h3 { font-size: 1.25em; clear:left; padding:2px 10px; background:#bddbf3; text-transform:uppercase; font-weight:normal; color:#7c5a88; }
h4 { font-size: 1.2em; color:#7c5a88;  }
h5 { font-size: 1.1em; color:#7c5a88; font-weight:normal; border-bottom:1px solid #a7bf00; }
h6 { font-size: 1em; color:#7c5a88; margin-left:1em; }

div.entete { position:relative; padding-bottom:0.5em;}
.entete h1 { font-size: 1.6em; margin:0; padding:10px 0 16px 165px; color:#3f4951; letter-spacing:0.05em; font-weight:normal; background:url(../images/h1_bg.gif) no-repeat;}
.references .entete h1 { background-image:url(../images/h1_references_bg.gif);}
.entete h2 { position:absolute; left:250px; top:40px; margin:0; }
.entete h3 { font-size:1.4em; margin:1em 1.5em 0; padding:0; background:none; border-bottom:2px solid #bddbf3; text-align:center;}
.entete h3:first-letter { font-size:1.3em; font-weight:bold;}
/*
 * Filet de séparation dans le texte
*/
div.separateur { clear: both; border-top: 1px solid #bfdcf3; margin-bottom: 15px;}
a.retour { padding-left:18px; background:url(../images/precedent.gif) no-repeat left center;}
a.suivant { padding-right:18px; background:url(../images/suivant.gif) no-repeat right center;}

/* alignement des images dans les pages */
.element { clear: both;}
div.gauche, div.droite, div.centre { padding:0;}
.gauche { float: left; margin: 0 1.5em 1em 0 !important;}
.droite { float: right; margin: 0 0 1em 1.5em !important;}
.centre { margin: 1em auto !important; text-align: center; }

#contenu .gauche span, #contenu .droite span, #contenu .centre span { display: block; font-size: smaller; text-align: center; line-height:normal; }
#contenu #rss div { padding:0; margin:0; background:none; border:none;}

/* icones des fichiers 
#contenu .icone a, #contenu a.icone {margin-top: 0em; padding-left: 1.5em; list-style: none; }
#contenu .pdf { background: url(../images/icons/acrobat.gif) left center no-repeat !important; }
#contenu .doc, #contenu .rtf { background: url(../images/icons/word.png) left center no-repeat !important; }
#contenu .xls, #contenu .xla { background: url(../images/icons/excel.png) left center no-repeat !important; }
#contenu .ppt, #contenu .pps { background: url(../images/icons/powerpoint.png) left center no-repeat !important; }
#contenu .zip, #contenu .rar { background: url(../images/icons/compressed.png) left center no-repeat !important; }
#contenu .gif, #contenu .jpg, #contenu .png { background: url(../images/icons/picture.png) left center no-repeat !important; }
#contenu .url { background: url(../images/icons/world.gif) left center no-repeat !important; }
#contenu .email { background: url(../images/icons/email.png) left center no-repeat !important; padding-left: 2em !important; }
.url a[target="_blank"], a.url[target="_blank"] {background: url(../images/icons/external.png) right center no-repeat !important;}
.icone { padding: 0.2em 0; }*/
.broken { text-decoration: line-through; }

/* Messages */
.message {
	clear:both;
	padding: 10px 30px;
	background: url(../images/icons/information.png) 5px 50% no-repeat #bfdcf3;
	border: 1px solid #fff;
	text-align: left;
}
h3.message { font-size: 0.9em;}
.good { background-image: url(../images/icons/accept.png); }
.warn { background-image: url(../images/icons/error.png); }
.error { background-image: url(../images/icons/exclamation.png); }


/*
 * Pagination et Outils d'impression et de retour
*/
#contenu ul#nav-contenu {
	clear: both;
	padding: 10px 0;
	margin: 2em 0 1em;
	text-align: center;
	background:url(../images/nav-contenu_bg.gif) no-repeat center top;
	font-size:0.9em;
}
.pagination { clear:both; margin:2em 0 1em; font-size:0.9em; text-align:center; }
#contenu #nav-contenu li { background: none; display: inline; padding:0; color:#3A846E; }
#contenu #nav-contenu li a { padding:0 15px 0 15px; color:#687986;}
#contenu #nav-contenu li a:hover { color:#fd5204;}
#contenu #nav-contenu li a.top { background:url(../images/puce_top.gif) no-repeat left center;}
#contenu #nav-contenu li a.print { padding-left:22px; background:url(../images/puce_imprimer.gif) no-repeat;}
#contenu #nav-contenu li.last a { padding-left:22px; background:url(../images/puce_recommander.gif) no-repeat;}

#contenu #nav-contenu li.last { border:0;}

ul.plan li.espace-membre, ul.plan li.connexion { display: none; }
#preview ul.plan { float:left; width:100%; padding-bottom:2em;}
#preview ul.plan ul { margin:1em 0 1em 2em;}
#preview ul.plan li {  float: left; width:45%; font-weight: bold; }
#preview ul.plan li li { float: none; width: 100%; font-weight:normal; }


table { width:100%; margin:1em auto;}
table td, table th { padding:5px;}
table th { background:#bddbf3; }
table td { border:1px solid #bddbf3;}

/********************* SHARE THIS***************************/

a.stbar.chicklet img { border:0; height:16px; width:16x; margin-right:3px; vertical-align:middle;}
a.stbar.chicklet { height:16px; line-height:16px;}

.sharethis { clear:both; margin:1em 0; border-top:1px solid #ccc;} 
.liste-references .sharethis { margin:0; border:0;}

/************** lexique **************/

p.lettres { float:left; font-size:1.2em; letter-spacing:0.05em;}
p.lettres a { float:left; display:block; padding:4px; width:20px; height:20px; border:1px solid #ccc; text-align:center;}

dt { font-size:1.2em; border-bottom: 1px solid #bfdcf3;}
dd { margin:5px 3em 1.5em; padding-left:12px; background:url(../images/puce_li_li.gif) no-repeat 0 3px;}


/************** liste offres  ****************/

.liste-offres .element { margin-bottom:2em;}
.liste-offres div.titre {
	 margin:0; 
	 padding:10px 0 0 25px; 
	 height:26px; 
	 text-transform:uppercase; 
	 letter-spacing:0.05em; 
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 background-color:#5589c1;
	 background:#fff url(../images/offres_titre_index_bg.gif) no-repeat;
}
.liste-offres .offre { 
	clear:both; 
	width:568px;
	padding:10px 20px; 
	min-height:160px;
	overflow:hidden; 
	border:1px solid #5589c1;
	background-color:#fff; 
	background-repeat:no-repeat; 
	background-position:left top; 
	/*background-image:url(../images/offres_index_bg.png);*/ 
}
.liste-offres div.titre h3 {background:none; margin:0; padding:0;}
.liste-offres div.titre h3 a { color:#fff;}
.liste-offres div.titre h3 a:hover { color:#000;}


/************** liste references  ****************/

.liste-references .element { padding-bottom:10px; border-bottom:3px solid #e1d3e6; overflow:hidden;}
.liste-references h3 { background:none; padding:0;}
.liste-references h3 a { color:#7c5a88; font-weight:bold;}
.liste-references h3 a:hover {color:#fe4800;}
.liste-references .gauche { border:1px solid #ccc; padding:5px;}
.liste-references .texte { float:right; width:350px;}
#preview p.prestations { color:#7c5a88; font-size:0.85em; font-style:italic; line-height:1.4em; text-align:left;}
#preview .liste-references ul { margin-left:0;}
#preview .liste-references ul li { padding:0; background:none;}


/************** liste temoignages  ***************/

.temoignages h3 { padding-left:0; background:none; }
.temoignages h3 a:hover { color:#cbe800; }
.temoignages .element { padding-bottom:1em; }
.temoignages .chapo { font-style:italic;}



/************** liste actualites  ***************

.liste-actualites .element { padding-bottom:10px; border-bottom:3px solid #bfdcf3; overflow:hidden;}*/