/*
 * Styles généraux
*/

body { font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: left; letter-spacing:0.05em;  font-size: 0.9em; color:#fff;
}
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:#fc77ac; text-decoration:none;}
a:hover { color: #ff003c; 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: 1em;}
#preview ul li, .bloc ul li { margin:0; padding-left:10px; list-style:none;}
#preview p { margin:0 0 20px; line-height:1.4em; text-align:justify; }
p#rss { margin:0; padding:0; }


h1, h2, h3, h4, h5, h6 { margin: 1em 0px; padding: 0px;}
h1 { margin:0 0 35px; font-weight:normal; letter-spacing:0.1em; font-size: 1.8em; font-family:"Century Gothic",Arial,Helvetica; }
h2 { font-size: 1.6em; }
h3 {clear:left; margin:15px 0; font-size: 1.5em;  font-weight:normal; border-bottom:1px solid #fff;}
h3 a { background:url(../images/bg_li-select.png) repeat;}
h4 { font-weight:normal; font-size: 1.3em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.2em; }

/************** Liste Galerie Photos ****************/
body.prises-de-vue h1, body.revue-de-presse h1, body.coups-de-coeur h1, body.actualites h1 { margin-left:405px; margin-bottom:15px;}
div.texte { float:right; width:535px; margin-right:50px;}
div#galerie-img img {border-right: 1px solid #741636;}
.liste-prises, .liste-hd { clear:both; padding-top:15px;}
#galerie { width:990px; position:relative;}

.precedent, .suivant { position:absolute; top:45px;}
.precedent { left:5px;}
.suivant { right:5px;}

/************ Liste Revue de presse *************/
.liste-presse { overflow:auto; float:right; width:520px; height:450px; margin-right:50px; padding-right:15px;}
.partie-themes { float:left; width:405px;}
.liste-presse h3, .liste-coeur h3, .liste-actualites h3 { margin-top:0;}
.liste-presse  a, .liste-coeur a, .liste-communiques a {}
.liste-presse a:hover, .liste-coeur a:hover, .liste-communiques a:hover, .liste-actualites a:hover { color:#fff;}

/*********** Liste coups de coeur ***************/
.liste-coeur { overflow:auto; float:right; width:520px; height:380px; margin-right:50px; padding-right:15px;}
body.archives .liste-coeur { margin-top:50px; height:400px;}

body.coups-de-coeur #preview , body.actualites #preview{ position:relative;}
body.coups-de-coeur .partie-themes, body.actualites .partie-themes { width:auto; position:absolute; right:20px; top:0; margin-top:0;}
.coups-de-coeur div.form-themes, .actualites div.form-themes  { width:250px; padding:0; margin:2em 0 0; background:url(../images/filet_noir.png) repeat-x scroll 0 0 transparent; background:none;}
.coups-de-coeur div.texte, .actualites div.texte {float:right; margin-right:50px; width:300px; padding-right:235px;}
.coups-de-coeur div.form-themes input#theme-submit, .actualites div.form-themes input#theme-submit{ padding:0; margin:0;}

/************** Espace Membre ****************/
body.espace-membre h1, body.connexion h1 {font-size:1.5em; padding-top:70px; margin-bottom:0;}
body.espace-membre h1 {padding-top:0;}
body.espace-membre div.texte, body.connexion div.texte {width:430px;}
body.connexion h3 { margin:0 0 7px 15px; padding-top:15px; text-transform:uppercase; font-size:0.9em; border:none;}

/************* Liste communiqués de presse ****************/
.liste-communiques {overflow:auto; float:right; width:520px; height:380px; padding-right:15px;}
.liste-communiques #pagination {margin:0; padding:0;}
body.communiques-presse h1 {margin-left:405px;}
body.communiques-presse .communiques-interne {width:970px; padding-right:20px; background:url(../images/bg_communiques.png) repeat-y;}
body.communiques-presse div.texte {display:none;}

/********** Photos HD ****************/
body.photos-haute-def h1 {margin-left:405px;}
body.photos-haute-def .liste-prises, body.photos-haute-def .liste-hd {padding-top:30px;}

/*********** Formulaire de contact ***************/
body.contact #corps {height:630px;}
body.contact div.texte {display:none;}
body.contact #contenu {width:100%; float:none;}
body.contact #navigation {float:right;}
body.contact #logo {margin-left:715px;}
body.contact #preview {position:relative; width:100%; height:506px; margin-bottom:0; padding-bottom:0; border-bottom:0; }
body.contact .contact-interne {height:473px; background:url(../images/bg_test-interne.png) no-repeat left bottom;}
body.contact h1 {margin-left:405px; margin-bottom:10px;}
body.contact p.message {width:900px; margin:0 15px !important;}

/* Partie commune formulaire*/
form#contact {width:960px; margin:0 auto;}
form#contact fieldset {margin:10px 0 0; padding:0 0 10px; border:none;}
form#contact legend {color:#fff; text-transform:uppercase; font-size:0.9em; font-weight:normal;}
form#contact #soumettre legend {display:none;}
form#contact .row {padding:0; margin:0;}
form#contact label {margin-top:8px;}
form#contact input, form#contact select, form#contact textarea {width:250px; margin-top:8px; border:0; color:#fff; background:#B24C64;}
form#contact textarea {height:100px;}
form#contact #radresse textarea {height:60px;}
#preview .contact-interne p { font-size:1.1em; text-align:center; margin:0; padding:10px 0; border-bottom:1px solid #ccc;  border-top:1px solid #ccc;}
#preview .contact-interne .cnil p { font-size:1em; text-align:left; margin:0; padding:0; border:0;}

/*Partie gauche : infos */
form#contact #coordonnees legend {padding-left:102px;}
#coordonnees {float:left; width:450px; border-right:1px solid #87514E !important;}


/*Partie droite : message + valid */
#demande {float:right; width:450px;}
#soumettre {float:right; width:450px;}

#rcode label {width:33%;}
#rcode input {width:135px !important;}
#rcode img {margin-top:8px; margin-left:8px;}
#rcode small {padding-left:37%; width:135px;}

.cnil { width:500px; color:#fff; padding:0 15px; font-size:smaller;}

.cnil p {margin:0 !important;}


/*
 * Filet de séparation dans le texte
*/
div.separateur { clear: both; border-top: 1px solid #d4cdf7; margin-bottom: 15px;}

/* alignement des images dans les pages */
.element { clear: both;}
div.gauche, div.droite, div.centre { padding: 0.8em 0.8em 0 0.8em;}
.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 .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; }
.icone { padding: 0.2em 0; }
.broken { text-decoration: line-through; }
#preview ul.telechargements { margin-bottom:1em; margin-left:2em;}
#preview ul.telechargements li { padding-left:20px;}
.icone span { font-size:smaller;}

/* Messages */
.message {
	clear:both;
	width:350px;
	padding: 5px 30px;
	background: url(../images/icons/information.png) 5px 50% no-repeat #000;
	border: 1px solid #fff;
	text-align: left;
	margin:1em 0;
}
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: right;
}
#contenu ul#nav-contenu { margin:2em 0 0 0; }
#contenu #nav-contenu li { background: none; display: inline; padding:0 1.2em; font-size:smaller; 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;}

ul.plan li.espace-membre, ul.plan li.connexion { display: none; }
#preview ul.plan {margin-left:16em;}
ul.plan li {float:none; width:auto; font-weight:bold;}
ul.plan li li {font-weight:normal;}

/* liste presse */
.liste-presse h4 { text-transform:uppercase;}
.liste-presse h4 small { color:#fff; text-transform:none;}
#contenu .liste-presse h4 a.icone { background:none !important;}
.liste-presse h4 .icone span { font-size:0.75em; font-style:italic; }


/* liste coups de coeur */
.liste-coeur h4 { text-transform:uppercase; margin-bottom:30px;}
.liste-coeur h4 small, .liste-coeur h4 small a { color:#fff; text-transform:none;}
.liste-coeur h4 small a:hover { color:#FC77AC;}