/*
 * Styles généraux
*/

body { font-family: Arial, Helvetica, sans-serif; text-align: left; 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:#00b1eb; text-decoration:none;}
a:hover, .titre_faq { color: #5bb425; 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 { margin: 1em 0 1em 2em;}
#preview ul li { margin:5px 0; padding-left:12px; list-style:none; background: url(../images/puce_li.gif) no-repeat 0 6px;}
#preview p { margin:1em 0; }
p#rss { margin:0; padding:0; }
a.plus { font-weight:bold; color:#5bb425;}
a.plus:hover { color:#44c6f0;}
.liste-faq a:visited { color:#999;}


/****** les titres ******/

h1, h2, h3, h4, h5, h6 { margin:1em 0; padding:0;}

h1 { font-size: 1.5em; margin:0; padding: 30px 0 0 160px; text-transform:uppercase; font-weight:normal; /*color:#468b1d;*/ color:#333; }
h1:first-letter { font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:bold;}
.entreprise h1 { color:#ff7603;}
.porteur-projet h1 { color:#ea2b8f;}
.collectivite h1 { color:#0fafe3;}

h2 { font-size: 1.4em; margin:15px 0 0 0; padding: 0; letter-spacing:1px; font-weight:normal; color:#484848; }
#entete h2 { margin:15px 0 0 180px; padding:5px 0 5px 35px; background-position:left center; background-repeat:no-repeat;}
.structure #entete h2 { background-image:url(../images/puce_h2_structure.gif);}
.audit-conseil #entete h2 { background-image:url(../images/puce_h2_audit.gif);}
.gestion #entete h2 { background-image:url(../images/puce_h2_gestion.gif);}
.formation #entete h2 { background-image:url(../images/puce_h2_formation.gif); background-position:left top;}
#colgauche h2, #coldroite h2 { margin:10px 0; padding:0;}

h3 { margin:1.2em 0; font-size: 1.2em; clear:left; font-weight:bold; color:#316014; text-transform:uppercase; border-bottom:1px solid #5bb425;background:url(../images/puce_h3.gif) no-repeat 0 5px; padding-left:18px;}
h3 a {color:#39aed4;}
.formations h3 a {color:#316014;}
h3 small a { color:#54a722;}
.entreprise h3 { color:#ff8b29; border-bottom:1px solid #ff8b29;}
.porteur-projet h3 { color:#e852a0; border-bottom:1px solid #e852a0;}
.collectivite h3 { color:#39b9e3; border-bottom:1px solid #39b9e3;}

h4 { font-size: 1.3em; color:#484848; font-weight:bold; }

h5 { font-size: 1.1em; color:#3f7c19; margin-left:1em; font-weight:bold }
.entreprise h5 { color:#eba163;}
.porteur-projet h5 { color:#e87fb6;}
.collectivite h5 { color:#81cbe3;}

h6 { font-size: 1em; color:#3f7c19; margin-left:3em; }
.entreprise h6 { color:#ffa55a;}
.porteur-projet h6 { color:#e897c1;}
.collectivite h6 { color:#b0deed;}

/*
 * Filet de séparation dans le texte
*/
div.separateur { clear: both; border-top: 1px solid #ccc; margin: 15px 0;}
a.retour { display:block; clear:both; float:left; padding:4px 18px 4px 30px; color:#000; background:url(../images/bt_retour_bg.gif) no-repeat;}
a.retour:hover { color:#fff;}

/* alignement des images dans les pages */
.element { clear: both;}
div.gauche, div.droite, div.centre { padding: 3px; background:#fff; border:1px solid #ccc;}
.gauche { float: left; margin: 0 1.5em 1em 0;}
.droite { float: right; margin: 0 0 1em 1.5em;}
.centre { /*margin: 1em auto;*/ text-align: center; }

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

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

/* Messages */
.message {
	padding: 5px 30px;
	background: url(../images/icons/information.png) 5px 50% no-repeat #d3effa;
	border: 1px solid #ccc;
	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
*/
#pagination, #contenu ul#nav-contenu {
	clear: both;
	padding: 0.5em 0;
	margin-top: 2em;
	text-align: center;
}
#contenu ul#nav-contenu { margin:2em 0 0 0; border-top:1px solid #ccc; }
#contenu #nav-contenu li { background: none; display: inline; padding:0 1.2em; color:#3A846E; border-right:1px solid #ccc; }
#contenu #nav-contenu li.last { border:0;}
.prix { color: #cc185e; }

div.tip { background: #000; color: #FFF; padding: 5px;  opacity: 0.7; }
div.tip div.tip-title { font-weight: bold;  opacity: 1;}


/********************** blocs outils *************************/

/* favoris */
#favoris { padding:8px 0 8px 27px; margin-bottom:1.5em; background:#ffe823 url(../images/picto_favoris.gif) no-repeat 5px center; display:none;}
#favoris a { color:#000;}

/* actualites */
#actualites { float:left; width:188px; margin:40px 6px 2em 0;}
#references { margin:0 6px 0 0px;}
#actualites h1, #references h1 { margin:0; padding:0; border-bottom:2px solid #468b1d; color:#468b1d; letter-spacing:0; font-size:1.35em; text-align:center;}
#actualites h1 a, #references h1 a { color:#468b1d; }
#actualites h1 img { margin-left:4px;}
#actualites a { /*color:#eb2e90;*/}
#actualites a:hover, #favoris a:hover, #references a:hover { color:#2a67ac;}

/* formations */
#formations { margin:1em 0 0; padding:15px 10px 10px; background:#5bb425 url(../images/bg_formations.gif) no-repeat;}
#formations h1 { color:#fff; margin:0 0 10px; padding:0; border-bottom:2px solid #fff; letter-spacing:0; font-size:1.4em; text-align:center;}
#formations h1 a { color:#fff;}
#formations h2 { letter-spacing:0; font-size:1.1em; font-weight:normal; padding-left:15px; background:url(../images/puce_fleche_formations.gif) no-repeat 0 4px;}
#formations a, #formations p a.plus:hover, #formations h1 a:hover { color:#000;}
#formations a:hover { color:#fff;}
#formations p { margin:6px 0;}
#formations p a { color:#000;}
#formations p a.plus { color:#fff; font-size:0.85em;}
#formations .texte { border-bottom:1px solid #a9d88d;}
#bas-formations { height:25px; background: url(../images/bg_bas-formation.gif) no-repeat right bottom;}

/* contact */
#bloc-contact { width:100%; height:97px; margin:1.5em 0 1em; background:url(../images/bg_contact.gif) no-repeat;}
#bloc-contact h2 { color:black; text-align:center; font-weight:bold; margin:0; padding:5px 0; letter-spacing:1px; font-size:1.3em; line-height:1.2em;}
#bloc-contact h2 small { font-size:0.7em; font-weight:normal; letter-spacing:normal;}
#bloc-contact ul { margin-left:15px;}
#bloc-contact ul li { margin:2px 0; padding-left:14px; background:url(../images/puce_fleche.gif) no-repeat 0 4px;}
#bloc-contact a { color:#000;}
#bloc-contact a:hover { color:#fff;}

/* exergue */
#exergue { clear:both; float:left; clear:both; width:168px; margin:1em 6px 1.5em 0; padding:10px; background:#99e0f7 url(../images/bg_exergue.gif) no-repeat right bottom; font-size:1.1em;}
#colgauche #exergue { margin:1.5em 0; }
#colgauche #exergue.premier { margin-top:8em;}
#exergue h1 { margin:5px 0; padding:1px 5px; text-align:center; font-size:14px; font-weight:bold; color:#0e4999; border-bottom:2px solid #26b2e0; letter-spacing:0; text-transform:uppercase;}
#exergue h2  { margin:0; padding:0 0 2px; color:#0e4999; text-align:left; letter-spacing:0; border-bottom:2px solid #26b2e0; font-weight:bold; font-size:1.2em;}
#exergue ul, #exergue p, #exergue h3 { padding:0; margin:5px 0;}
#exergue h3 { margin:7px 12px 0; padding:0 0 0 15px; color:#0e4999; font-weight:bold; background:url(../images/puce_h3_exergue.gif) no-repeat 0 3px; font-size:1em; border:0;}



/* ACCORDEONS DANS LA PAGE */

h3.drag { position:relative; margin-bottom:0; cursor:pointer; background:#5bb425 url(../images/puce_fleche_formations.gif) no-repeat 5px 6px; color:#fff;}
div.content { margin-bottom:1em;}
h3.drag span.ouvrir { position:absolute; right:8px; color:#fff; text-transform:none; font-size:0.85em; font-weight:normal;}
h3.drag:hover,h3.drag span.ouvrir:hover { color:#000;}



table { margin:1em 0; line-height:normal;}
#preview table ul { margin-left:0;}
#preview table ul li { padding:0; background:none; border-bottom:1px solid #78d341; padding-bottom:4px;}
table.formations th { padding:4px; background-color:#78d341; text-align:center; color:#fff; }
table.formations td { padding:4px; background-color:#dbf6cb;}