/*
 * 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 .chapo { /*font-style: italic;*/ }
dt { font-weight: bold; }

/*
 * Partie variable des sites
*/
a { color:#e2200d; text-decoration:none;}
a:hover { color:#6c6561; text-decoration: none;}
#preview a { text-decoration:underline;}
#preview h1 a,#preview h2 a, #preview h3 a { 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-left: 3em;}
#preview ul li { margin:5px 0; padding-left:12px; list-style:none; background:url(../images/puce_li.gif) no-repeat 0 5px; }
#preview p { margin:1em 0; }
p#rss { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 { margin: 1em 0px; padding: 0px; color:#6c6561;}
h1 { font-size: 1.8em; text-transform:uppercase; color:#fff; padding:4em 3em 0; margin:0; letter-spacing:0.05em;}
h2 { font-size:1.7em; margin:1em 0 0; color:#d7943e; font-weight:normal;}
#visuel h2 { margin:0; margin-left:0em; padding:0 5px 0 5em; display:inline; color:#fff; background:#d7943e;}
h3 { font-size: 1.4em; clear:left; font-weight:bold; padding-left:0px; border-bottom:2px solid #eeebe3;}
h4 { font-size: 1.3em; font-weight:bold;}
h5 { font-size: 1.1em; color:#ff6600;}
h6 { font-size: 1em;}


/*
 * Filet de séparation dans le texte
*/
div.separateur { clear: both; border-top: 1px solid #ccc; margin-bottom: 15px; margin-top:10px;}
p.lettres { font-size:1.4em; color:#ccc;}
dt.lettres { clear:left; font-size:1.2em; margin:0 10px;}
.lexique .separateur { margin-top:10px;}

/* 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;}
.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; 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 {
	padding: 5px 30px;
	background: url(../images/icons/information.png) 5px 50% no-repeat #eeebe3;
	border: 1px solid #d5d4d1;
	color:#e2350d;
	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: 1em;
	text-align: left;
	border:1px solid #ccc;
}
.pagination { /*background-color:#EEEBE3;*/ border:0; text-align:center; }
#contenu ul#nav-contenu { float:left; margin:0; border:0;}
#contenu #nav-contenu li { background: none; display: inline; padding:0 1em; font-weight:bold; color:#ccc; border-right:1px solid #ccc; }
#contenu #nav-contenu li.last { border:0;}
#preview #nav-contenu li a { color:#666; text-decoration:none;}
#preview #nav-contenu li a:hover { color:#000; text-decoration:none;}

ul.plan li.espace-membre, ul.plan li.connexion { display: none; }
ul.plan { margin:1em 3em;}
ul.plan li { font-weight: bold; float: left; width: 45%; padding:5px 0; }
ul.plan li li { font-weight: normal; float: none;  width:auto;}


/******************* styles des blocs coldroite ******************/

#coldroite .bloc { padding:5px 20px; margin:10px 0; background:#989390; }
.bloc a { color:#fff;}
.bloc a:hover { color:#3a312c;}
.bloc ul { border-top: 4px solid #fff; }
.bloc ul li { }
.bloc ul li.select a {}

/* Bloc Recherche */
#rechercher .titre { font-family:"Times New Roman", Times, serif; color:#fff; font-size:1.4em; letter-spacing:0.08em;}
#global_rechercher { margin:5px 0; padding:0;}
#global_rechercher .row { padding:0; margin:0;}
#global_rechercher input { width:70%; border:1px solid #d5cec6; background:#fff; margin:0; font-size:0.85em; color:#838080;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#global_rechercher input#motscles-addsubmit { margin-left:10px; color:#ec1313;background:#fff;}

/* nuage de tags*/
#tag { text-align:center; line-height:1.1em;}
#tag a { color:#000; }
#tag a:hover { color:#fff; }

/* Bloc contact */
#contact .titre { font-family:"Times New Roman", Times, serif; color:#fff; font-size:1.9em; letter-spacing:0.08em; border-bottom: 4px solid #fff;}
#contact p { font-size:0.95em; line-height:1.2em; }
#contact ul { padding:5px 0 0 15px;}
#contact ul li { padding:4px 0 4px 25px; background:url(../images/coldroite_puce.gif) no-repeat 0 3px;}
#contact ul li a { color:#000;}
#contact ul li a:hover { color:#fff;}

/* newsletter */
#newsletter { padding:0 20px; border-left:1px solid #ccc; color:#47444f; font-size:0.85em; letter-spacing:0.05em; }
#newsletter .titre { font-size:1.3em;}
#newsletter .titre a { color:#E2350D;}
#newsletter .titre a:hover { color:#000;}
#newsletter .row label.main { display:inline; float:none;}
#newsletter form { margin:5px 0; padding:0;}
#newsletter .row { padding:0; margin:0;}
#newsletter input { width:70%; margin:5px 0 0; color:#838080;}
#newsletter input#email-addsubmit { margin-left:10px; color:#fff; background:#E2350D; border:0; font-weight:bold; -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius: 10px;}


#videos { width:100%; height:auto; padding:0; margin:0 0 1.5em; color:#fff;}
#agenda { width:160px; height:auto; padding:5px 10px 10px; background:#881e4e; line-height:1.4em; text-align:left; font-size:0.9em;}
#agenda .titre { display:block; width:100%; height:35px; background:url(../images/evenements_titre.gif) no-repeat; text-indent:-99999px;}
#agenda a { font-size:1.3em; color:#fff;}
#agenda a:hover { color:#000;}
#agenda p { margin:4px 0;}
span.date { color:#ff599b;}

/* bloc une */
#une div.titre { background:#fff; padding:5px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:1.3em; font-weight:bold;}
#une div.titre a { color:#000; }
#une div.titre a:hover { color:#e2350d !important; }

#coldroite #une { padding:0 0 15px; min-height:auto; background:#d9d3c1; font-size:0.95em;}
#coldroite #une div.titre a, #une span.date,#une a { color:#E2350D;}
#coldroite #une p.titre a { color:#000; font-size:1.1em;}
#coldroite #une p a:hover { color:#fff !important; }
#coldroite #une p { margin:0;}
#une-slider .element { padding:10px; border:0;}
#une-slider .pages { top:-25px !important;}
#une-slider .pages img { margin:0 4px;}




/**************** styles template ****************/

.element { overflow:hidden; border-bottom:3px solid #ccc; padding-bottom:10px;}
.element h2 small a { color:#666;}
.element h2 small a:hover { color:#000;}
.sharethis { text-align:right;}

/* faq */
.liste-faq h2 { color:#999; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:normal;}
h3.drag { font-size:1.4em;}

/* liste adresses-utiles */
.adresses-utiles .element { float:left; clear:none; width:280px; margin:0 10px 15px; padding:0 10px; min-height:200px; border:1px solid #ccc;}
.adresses-utiles .element h2 { font-size:1.5em; }

/* liste videos */
.liste-videos div.gauche img { width:98px; height:73px;}

/* liste actualites */
.liste-actualites .element { border-bottom:3px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.liste-actualites .element { clear:none; padding:10px; margin:1em 0; background:#f3f1eb;}
.liste-actualites .detail { padding:10px; background:#f3f1eb; border-bottom:3px solid #ccc;}
.liste-actualites h2 { margin:10px 0 5px; background:none; border:0; padding:0;}
.liste-actualites h2 small { color:#666; font-weight:bold; font-size:0.7em;}
.liste-actualites h2 small a { color:#666;}
.liste-actualites h2 small a:hover { color:#000;}
#preview .liste-actualites div.chapo p { margin:0;}
.liste-actualites span.type { display:block; width:120px; padding:0 5px 0 5px; text-align:right; font-size:0.9em; background:#e2350d; color:#fff; text-transform:uppercase;} 
div.date { float:left; width:50px; margin-right:15px; margin-top:30px;}
div.date span { display:block; text-align:center;}
div.date .jour { color:#3a312c; font-size:40px; line-height:32px;}
div.date .mois { color:#989390; font-size:20px; line-height:18px; letter-spacing:2px;}
div.date .annee { color:#ca0d0d; font-size:11px; line-height:14px; letter-spacing:4px;}

/* slider actu */
/*** bloc actualites ***/

#contenu #actualites #news-slider { min-height:180px; color:#514d4d; padding:10px 0; background:#f3f1eb; border:1px solid #e2e1df;}
#contenu #actualites div.titre { font-size:2.1em; letter-spacing:0.08em; margin:5px; font-family:"Times New Roman", Times, serif; color:#e2350d; }
#contenu #actualites #actu-juridiques, #contenu #actualites #actu-sociales { float:right; width:320px; padding:0; }
#contenu #actualites #actu-juridiques { float:left; border-right:1px solid #d5d4d1;}
#contenu #actualites .actu { width:300px !important; padding:0 10px; }
#contenu #actualites span.type { display:block; width:40%; padding:0 5px; margin-top:0; text-align:right; background:#e2350d; color:#fff; text-transform:uppercase;} 
#contenu #actualites div.date { margin-top:10px; margin-bottom:50px;}
#contenu #actualites p { margin:4px 0; }
#contenu #actualites p.titre a { color:#000; font-size:1.3em; text-decoration:none;}
#contenu #actualites p.titre a:hover { color:#e2350d;}
a.toutes { margin-top:10px; float:right; color:#000; padding-right:10px; font-size:0.9em; background:url(../images/puce_suite.gif) no-repeat right center;}
a.toutes:hover { color:#e2350d;}

#news-slider .pages { position:absolute; left:270px; top:-0 !important; }
#news-slider .pages img { margin:0 6px;}



/* liste informations */
.liste-criteres .element { border-bottom:3px solid #ccc; padding-bottom:10px;}
.liste-criteres h3 { background:none; border:0; padding:0;}
.liste-criteres h3 small { color:#666; font-weight:bold; font-size:0.7em;}
.liste-criteres h3 small a { color:#666;}
.liste-criteres h3 small a:hover { color:#000;}

/* liste une */
.liste-une .element { border-bottom:3px solid #ccc; padding-bottom:10px;}
.liste-une h3 { background:none; border:0; padding:0;}
.liste-une h3 small { color:#666; font-weight:bold; font-size:0.7em;}
.liste-une h3 small a { color:#666;}
.liste-une h3 small a:hover { color:#000;}

/* liste equipe */
.liste-equipe .element { float:left; clear:none; width:28%; padding:0 2%; min-height:250px; text-align:center; border:0;}
#preview .liste-equipe .element h2 { margin:0; font-size:1.2em;}

/* contact */
.contact address { font-style:normal; float:left; width:44%; padding:0 0 0 5%; line-height:1.6em;}

/* liste archives */

.archives-informations #contenu { width:100%;}

.liste-archives { float:right; width:70%;}
.liste-archives .element { clear:none;}
#preview ul.snav { float:left; width:22%; margin:0; padding:10px; background:#989390;}
#preview ul.snav li { padding:2px 0 2px 15px; border-bottom:1px solid #d9d3c1;}
#preview ul.snav li.last { border-bottom:0;}
#preview ul.snav li a { color:#fff; font-size:1.2em; text-decoration:none;}
#preview ul.snav li a:hover, #preview ul.snav li a.aselect { color:#000;}
h2.theme {font-size:1.3em; margin:0; padding-left:20px; background:url(images/puce_droite_une.gif) no-repeat;}


/* liste videos */

.liste-videos .liste-element { clear:none; float:left; width:25%; padding:0 3% 10px; margin:0 1%; min-height:200px; border:0;}
.liste-videos .vignette { position:relative; width:200px; min-height:140px; background:#000; overflow:hidden;}
.liste-videos .vignette img { width:150px; height:auto;}
.liste-videos .liste-element h2 { font-size:1.4em;}
.liste-videos .vignette div.play { position:absolute; top:3em; left:65px; width:64px; height:64px; background:url(../images/picto-play.png) no-repeat center top;}
.liste-videos .vignette div.play a { display: block; width:50px; height: 50px;;}