/**
 * FEUILLE DE STYLES
 */ 

/* BALISES HTML */


html {
   height: 101%;
   margin: 0;
   padding: 0;
}

body {
    font-size: 75%;
    font-family: arial, verdana, sans-regular, sans-serif;
    margin: 0;    
}

p, ul, h1, h2 {
    margin: 0 0 1.0em 0;
}

img {
    border: 0;
}

a {
    color: #37adaf;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
a:visited {
    color: #68667d;
}

hr {
    visibility: hidden;
    border: 0;
    clear: both;
}

h1 {
    font-family: century gothic;
    font-weight: bold;
    font-size: 1.65em;
    color: #37adaf;    
}

h2 {
    font-weight: bold;
    font-size: 1.0em;
    color: #37adaf;    
}


/* FORMULAIRES */

/* tous les formulaires */
form {   
}
form fieldset {
    border: 1px solid #949494;
    padding: 10px;
    margin: .5em 0 .5em 0;
}
form legend {
    font-weight: bold;
} 
form input {
}
form input,
form textarea {
    border: 1px solid #949494;
    width: 130px;
}
form textarea {
    font-size: 1.0em;
    font-family: arial, verdana, sans-regular, sans-serif;  
}
form input[type='checkbox'] {
    width: 20px;
    margin: 0;
    padding: 0;
    border: 0;
}
form input[type='submit']:hover {
    background: #949494;
    color: #D4D0C8;
    cursor: pointer;
}

/* contact */
#fc form {
    text-align: right;
}
#fc form label {
    float: left;
    margin: 0 5px 5px 0;
    width: 200px;
}

/* login espace client */
#login_admin,
#login,
#login_visiteur {
    width: 300px;
    margin: 0 auto;
}

/* Formulaires du plugin Forms & Tables */
.spip_forms fieldset {
       
}
.spip_forms .spip_form_champ {
	margin-bottom: 0;
	display: block;
	clear: both;
	margin-top: 0.2em;
}
.spip_forms .spip_form_label {
    float: left;
    display: block;
    width: 200px;
    text-align: left;
}
.spip_forms input {
    /*display: block;*/
}
.spip_forms input,
.spip_forms textarea {
    width: 200px;
}
.spip_forms input[type='submit'] {
    width: 100px;
}
.spip_forms input[type='hidden'] {
    display: none;
}
.spip_forms .erreur {
	display: block;
	color: red;
}
.spip_forms .spip_form_ok {
	color: green;
	font-weight: bold;
}


/* BLOCS */

#conteneur {
    width: 1000px;
    margin: 0 auto;
    /*background: #fff url('images/hdv-logo.jpg') no-repeat;*/
    /*min-height: 510px;*/
    padding: 0;
    position: relative;
}

#prompteur {
    border: 0px solid red;
    width: 100%;
    /*height: 30px;*/
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    line-height: normal;
    position: relative;
}


#cadre-texte-prompteur {
    background: #272445;
    color: #fff;
    position: relative; 
	width: 100%; 
	height: 15px; 
	overflow: hidden;
    padding: 2px 0; 
}

#texte-prompteur { 
	background: transparent;
    position: absolute;
	width: 2000px;
	font-family: courier, arial, verdana, sans-regular, sans-serif;
	/*font-size: 12px;*/
	color: #fff;
	height: 15px;
	font-size: 1.0em;
	line-height: 1.0em;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
}

#entete {
    background: url(images/entete.jpg) no-repeat right top;
    position: relative;
    height: 126px; /* hauteur réelle : 146px */
    padding: 20px 0 0 20px;   
    margin: 0;
}

#signature {
    font-family: century gothic, arial, verdana, sans-regular, sans-serif;
    font-size: 1.10em;    
}

#espaceclient {
    position: absolute;
    right: 0px;
    top: 20px;
    font-weight: bold;
    background: url(images/bt-espaceclient.png) no-repeat;
    width: 103px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 0.9em;
}

#espaceclient-connecte {
    position: absolute;
    right: 0px;
    top: 20px;
    background: url(images/espaceclient-fond.png) no-repeat;
    width: 175px; /* largeur réelle : 195px */
    height: 63px;
    font-size: 0.9em;
    padding: 10px;
}



#menu  {
    /*background: #fff url('images/pagefixe-barre.png') repeat-x;*/
    padding: 0;    
    position: absolute;
    bottom: 0;
    left: 0;
    /*width: 100%;*/
    width: 1000px;
}

#contenu { 
    margin-top: 10px;
}

#contenu-gauche {
    float: left;
    width: 535px;
    border: 0px solid #000;
}

#video {
    margin: 0 0 1.0em 0;    
}

#principal {
    /*height: 370px;
    overflow: auto;*/
    text-align: justify;
    padding: 0 10px 0 0;
    border: 0px solid #000;
} 

body.home #principal {
    /*height: 380px;*/
    margin: 0;
}


#contenu-droit {
    float: right;
    width: 460px;
}

#bloc-archives {
    /*padding: 5px 0 0 0;*/
    text-align: right;
    background: url(images/bloc-archives-fond.jpg) repeat-x;
    /*border-bottom: 5px solid #272445;*/
    padding: 5px;
    color: #272445;
}

#bloc-entete {
    background: #efeff3 url(images/archives-fond.jpg) repeat-y left top;
    padding: 10px;
    color: #272445;
    position: relative;        
}

#navigation {

}

#ariane {
    font-size: 0.9em;
    color: #8c8c8c;
    margin: 5px 0 0 0;
}

.pieces-jointes {
    float: right;
    width: 205px;
    border: 0px solid #000;
    margin: 0;
    padding: 0;
}


.page {
    text-align: justify;
    background: #fff;
    padding: 5px;
    margin: 0;
    border-top: 0px solid #949494;
    border-left: 5px solid #949494;
    border-right: 5px solid #949494;
    border-bottom: 5px solid #949494;
    /*display: none;*/
    font-size: 0.9em;
}

#pied {
    margin: 20px 0 0 0;
    padding: 20px 50px;
    font-size: 0.9em;
    background: #272445;
    color: #fff;
}


/* PROPRIETES DES BLOCS */

/* prompteur */
#texte-prompteur li {
    display: inline;
    list-style-type: none;
    margin : 0 0 0 30px;
    padding: 0;
}

/* espaceclient */
#espaceclient a {
    color: #fff;
    text-decoration: none;
}
#espaceclient a:hover {
    text-decoration: underline;
}

/* ariane */

#ariane a {
    color: #8c8c8c; 
}

/* principal */

body.home div#principal ul,
body.rubrique div#principal ul,
body.article div#principal ul {
    list-style-position: outside;
    padding: 0 0 10px 0px;
    margin: 0 0 0 0px;
    /* Pour créer un nouveau contexte de formatage (bug d'affichage) */ 
    overflow: auto;
}

body.home div#principal li,
body.rubrique div#principal li,
body.article div#principal li {
    padding: 0 0 2px 0px;
    margin: 0 0 0 15px;
}

/* navigation */

#navigation ul {
    margin: 0;
    padding: 0;
}

#navigation li {
    display: inline;
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    color: #fff;
    height: 35px;
    width: 250px;
    text-align: center;
    font-weight: bold;
}

#navigation li a {
    color: #fff;
    text-decoration: none;    
    padding: 5px;
    height: 35px; /* hauteur réelle : 35px */
    width: 250px; /* largeur réelle : 245px */   
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#navigation li#navrub2 { background: url('images/menu-webmag-rub2.jpg') no-repeat; }
#navigation li#navrub4 { background: url('images/menu-webmag-rub4.jpg') no-repeat; }
#navigation li#navrub1 { background: url('images/menu-webmag-rub1.jpg') no-repeat; }
#navigation li#navrub3 { background: url('images/menu-webmag-rub3.jpg') no-repeat; }

#navigation li#navrub2.on,
#navigation li#navrub2:hover { background: #f78f07; height: 46px; border-bottom: 8px solid #ef5001; font-size: 1.25em; }
#navigation li#navrub4.on,
#navigation li#navrub4:hover { background: #e11385; height: 46px; border-bottom: 8px solid #c70145; font-size: 1.25em; }
#navigation li#navrub1.on,
#navigation li#navrub1:hover { background: #37adaf; height: 46px; border-bottom: 8px solid #0c7578; font-size: 1.25em; }
#navigation li#navrub3.on,
#navigation li#navrub3:hover { background: #abd022; height: 46px; border-bottom: 8px solid #6faa05; font-size: 1.25em; }

/* cartouche général */

div.cartouche {
    height: 311px;
    float: right;
    margin: 0 0 20px 3px;
    border: 1px solid;
    position: relative;
    font-size: 0.9em;
}

div.rub2 div.cartouche { border-color: #f78f07;}
div.rub4 div.cartouche { border-color: #e11385;}
div.rub1 div.cartouche { border-color: #37adaf;}
div.rub3 div.cartouche { border-color: #abd022;} 

div.cartouche.rub2 { border-color: #f78f07;}
div.cartouche.rub4 { border-color: #e11385;}
div.cartouche.rub1 { border-color: #37adaf;}
div.cartouche.rub3 { border-color: #abd022;}


/*div.cartouche-contenu { padding: 5px; height: 295px; }*/




/* cartouches home */

body.home #principal h1 {
    color: #000;
}

body.home div#contenu-droit h1 {
    color: #37adaf;
    font-size: 2.2em;
    font-family: "century gothic", arial, verdana, sans-regular, sans-serif;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-align: center;
}

body.home div#contenu-droit h2 {
    color: #000;
    font-size: 1.4em;
    font-family: "century gothic", arial, verdana, sans-regular, sans-serif;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-align: center;
}

body.home div#contenu-droit div.cartouche {
    width: 110px;
    padding: 0px;
}
body.home div#contenu-droit div.cartouche p {
    margin: 5px;
    padding: 0;
}
body.home div#contenu-droit div.cartouche.rub2 { background: #fce8c6; }
body.home div#contenu-droit div.cartouche.rub4 { background: #f8cee6; }
body.home div#contenu-droit div.cartouche.rub1 { background: #d7efec; }
body.home div#contenu-droit div.cartouche.rub3 { background: #eef6cd; }

body.home div#contenu-droit div.cartouche h3 {
    font-size: 1.0em;
    color: #fff;
    height: 56px;
    margin: 0;
    padding: 5px;
    width: 100px;    
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

body.home div#contenu-droit div.rub1 h3 { background: url('images/menu-accueil-rub1.png') no-repeat; }
body.home div#contenu-droit div.rub2 h3 { background: url('images/menu-accueil-rub2.png') no-repeat; }
body.home div#contenu-droit div.rub3 h3 { background: url('images/menu-accueil-rub3.png') no-repeat; }
body.home div#contenu-droit div.rub4 h3 { background: url('images/menu-accueil-rub4.png') no-repeat; }

/* principal rubrique + article */
body.rubrique #principal h1,
body.article #principal h1 {
    color: #37adaf;    
}

body.rubrique #principal h2,
body.article #principal h2 {
    color: #37adaf;    
}

body.rubrique div.rub2 #principal h1,
body.article div.rub2 #principal h1,
body.rubrique div.rub2 #principal h2,
body.article div.rub2 #principal h2 {
    color: #f78f07;
}

body.rubrique div.rub4 #principal h1,
body.article div.rub4 #principal h1,
body.rubrique div.rub4 #principal h2,
body.article div.rub4 #principal h2 {
    color: #e11385;
}

body.rubrique div.rub1 #principal h1,
body.article div.rub1 #principal h1,
body.rubrique div.rub1 #principal h2,
body.article div.rub1 #principal h2 {
    color: #37adaf;
}

body.rubrique div.rub3 #principal h1,
body.article div.rub3 #principal h1,
body.rubrique div.rub3 #principal h2,
body.article div.rub3 #principal h2 {
    color: #abd022;
}

/* cartouches rubrique + article */

body.rubrique div#contenu-droit h1,
body.article div#contenu-droit h1
 {
    color: #fff;
    margin: 0 0 5px 0;
    padding: 0;
    height: 56px;
    line-height: 56px;
    font-size: 1.5em;
    text-align: center;
}

body.rubrique div.rub2 div#contenu-droit h1,
body.article div.rub2 div#contenu-droit h1 { background: #f78f07; }
body.rubrique div.rub4 div#contenu-droit h1,
body.article div.rub4 div#contenu-droit h1 { background: #e11385; }
body.rubrique div.rub1 div#contenu-droit h1,
body.article div.rub1 div#contenu-droit h1 { background: #37adaf; }
body.rubrique div.rub3 div#contenu-droit h1,
body.article div.rub3 div#contenu-droit h1 { background: #abd022; }


body.rubrique div#contenu-droit div.cartouche,
body.article div#contenu-droit div.cartouche { width: 135px; padding: 5px;}

body.rubrique div.rub2 div#contenu-droit div.cartouche,
body.article div.rub2 div#contenu-droit div.cartouche { background: #fce8c6; }
body.rubrique div.rub4 div#contenu-droit div.cartouche,
body.article div.rub4 div#contenu-droit div.cartouche { background: #f8cee6; }
body.rubrique div.rub1 div#contenu-droit div.cartouche,
body.article div.rub1 div#contenu-droit div.cartouche { background: #d7efec; }
body.rubrique div.rub3 div#contenu-droit div.cartouche,
body.article div.rub3 div#contenu-droit div.cartouche { background: #eef6cd; }

body.rubrique div#contenu-droit div.cartouche h2,
body.article div#contenu-droit div.cartouche h2 {
    font-size: 1.0em;
    font-weight: bold;
    color: #fff;
    margin: 0 0 5px 0;
    text-align: left;
    line-height: 1.2em;
    background: none;
}

body.rubrique div.rub2 div#contenu-droit div.cartouche h2,
body.article div.rub2 div#contenu-droit div.cartouche h2 { color: #f78f07; }
body.rubrique div.rub4 div#contenu-droit div.cartouche h2,
body.article div.rub4 div#contenu-droit div.cartouche h2 { color: #e11385; }
body.rubrique div.rub1 div#contenu-droit div.cartouche h2,
body.article div.rub1 div#contenu-droit div.cartouche h2 { color: #37adaf; }
body.rubrique div.rub3 div#contenu-droit div.cartouche h2,
body.article div.rub3 div#contenu-droit div.cartouche h2 { color: #abd022; }


body.article div.rub2 div#contenu-droit div.cartouche.on  { background: #f9c778; }
body.article div.rub4 div#contenu-droit div.cartouche.on  { background: #ef86c1; }
body.article div.rub1 div#contenu-droit div.cartouche.on  { background: #9ad6d2; }
body.article div.rub3 div#contenu-droit div.cartouche.on  { background: #d4e986; }


/* menu */

#menu ul {
    margin: 0;
    padding: 0;
    border-bottom: 5px solid #272445;
    height: 30px; 
}

#menu li {
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0 5px 0 0;
    padding: 0 0 0 10px;
    background: url('images/onglet-gauche2.png') no-repeat left top;
    height: 30px;
    _width: 150px; /* IE6 */
}

#menu a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #272445;
    text-align: center;
    text-decoration: none;   
    font-weight: bold;
    font-family: "century gothic", arial, verdana, sans-regular, sans-serif;
    background: url('images/onglet-droite.png') no-repeat right top;
    padding: 0 10px 0 0;
}
#menu li:hover,
#menu li.on,
body.home #menu li.accueil,
body.webmag #menu li.accueil,
body.rubrique #menu li.accueil,
body.archives #menu li.archives {
    background: url('images/onglet-actif-gauche2.png') no-repeat left top;
}

#menu li:hover a,
#menu li.on a,
body.home #menu li.accueil a,
body.webmag #menu li.accueil a,
body.rubrique #menu li.accueil a,
body.archives #menu li.archives a {
    background: url('images/onglet-actif-droite.png') no-repeat right top;
    color: #fff;    
}

#menu li.droite {
    float: right; 
    margin: 0;
}


/* pièces jointes */
#documents_joints ul {
    list-style-type: none;
    padding: 0;
}
#documents_joints ul li {
    margin: 0  0 3px 0;
}


/* blocs-archives + tags */

#camera {
    padding: 5px 10px;
    height: 51px; /* hauteur réelle : 61px */
    background: url(images/camera.png) 5px 0 no-repeat;
}
#bloc-entete #camera {
    float: left;
    padding-left: 90px;
    margin-right: 30px;
    width: 120px;
}

#bloc-entete .retours {
    position: absolute;
    bottom: 0px;
    right: 10px;
}

#bloc-archives .titre,
#camera .titre {
    font-weight: bold;
    font-family: century gothic, arial, verdana, sans-regular, sans-serif;
    font-size: 1.85em;
    color: #272445;    
}

#bloc-archives a {
    color: #272445;    
    text-decoration: none;
}
#bloc-archives a:hover {
    text-decoration: underline;
}


#tags {
    overflow: auto; /* Contexte de formatage */
	_height: 1%; /* Contexte de formatage IE6 */    
}
#tags a {
    color: #272445;
    text-decoration: none;
}
#tags a:hover {
    color: #37adaf;
    text-decoration: underline;
}
#tags a.on {
    color: #37adaf;
}
#tags a.moyen { font-size: 1.35em; }
#tags a.gros { font-size: 1.65em; }

#liste-articles {
    
}
#liste-articles a.titre {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
#liste-articles a.titre:hover {
    text-decoration: underline;
}
#liste-articles .miniature-article {
    float: left;
    margin: 0 1.0em 0em 0;
}

#liste-articles div.article {
    padding: 10px;
}

#liste-articles div.on,
#liste-articles div:hover {
    background: #efeff3;
}


/* pied */
#pied .bloc {
    float: left;
    margin-right: 50px;
}
#pied .webmag {
    width: 250px;
}
#pied .societe {
    width: 150px;
}

#pied .bloc-coordonnees {
    width: 250px;
    float: right;
    margin-left: 50px;
}
#pied h1 {
    text-transform: uppercase;
    font-size: 1.0em;
    font-family: arial, verdana, sans-serif;
    color: #fff;
}
#pied a {
    color: #afadc3;
    text-decoration: none;
}
#pied a:hover {
    color: #37adaf;
}
#pied ul {
    list-style-type: none;
    padding: 0;
}
#pied li {
    padding: 0;
    border-bottom: 1px solid #afadc3;
    margin-bottom: 0.4em;
    padding-bottom: 0.2em;
}
#pied li.on,
body.home #pied li.accueil,
body.archives #pied li.archives,
body.espaceclient #pied li.espaceclient {
    font-weight: bold;
}
#pied li.on a,
body.home #pied li.accueil a,
body.archives #pied li.archives a,
body.espaceclient #pied li.espaceclient a {
    color: #37adaf;
}

/* CLASSES DIVERSES */
.page-contenu {
    margin: 0 240px 0 0;
    padding: 0;
    border: 0px solid #000;
    background: #fff;
}

.bouton {
    text-align: center;
    color: #fff;
    background: url('images/bt-article-over.png') no-repeat 50% 50%;
    width: 91px;
    height: 22px;
    line-height: 22px;
    font-weight: bold;
    border: 0px solid #000;
    margin: 0 auto;
    
    position: absolute;
    
    bottom: 5px;
}

body.home .bouton {
    left: 5px;
}

body.rubrique .bouton,
body.article .bouton {
    left: 30px;
}

.bouton a {
    display: block;
    color: #fff;
    text-decoration: none;
    width: 91px;
}

div.rub2 .bouton:hover a { color: #f78f07; }
div.rub4 .bouton:hover a { color: #e11385; }
div.rub1 .bouton:hover a { color: #37adaf; }
div.rub3 .bouton:hover a { color: #abd022; }

.bouton a:visited {
    color: #fff;
}
.miniature {
    text-align: center;
    margin: 5px 0;
}
.intro-rubrique {
    font-weight: bold;
    margin: 5px 0;
    height: 17px;
}
.cross {
    float: right;
}
.clear {
    clear: both;
}