/* FEUILLE DE STYLES  
*******************************************************************************/

/* TABLE DES MATIERES
 
0/ REMISE A ZERO DES STYLES
1/ ELEMENTS HTML
2/ BLOCS
3/ PROPRIETES DES BLOCS
4/ CLASSES UTILITAIRES
*******************************************************************************/

/* REMISE A ZERO DES STYLES
*******************************************************************************/
@import url(reset.css);

/* Styles SPIP */
a.spip_in { color: #f0037f; } /* liens internes */
a.spip_out { color: #f0037f; } /* liens sortants */
a.spip_url { color: #f0037f; } /* liens url sortants */
a.spip_glossaire { color: #f0037f; } /* liens vers encyclopedie */


/* ELEMENTS HTML
*******************************************************************************/
html {
    font-size: 70%;
    font-family: verdana, arial, sans-serif;
    color: #000;
    text-align: justify;
    
}

body { 
    background: #000;
}


a {
    color: #f0037f;
}
a:hover {
    text-decoration: none;
}
a:visited {
    color: #ff78bf;
}

ul, p, h1, h2 {
    margin: 0 0 1.0em 0;
    line-height: 1.4em;
}

li {
    list-style-type: disc;
    margin: 0 0 0 15px;
}

pre {
    font-size: 1.3em;
}
img {
    border: 0px solid #fff;    
}
/* FORMULAIRES
*******************************************************************************/
form {
    text-align: right;
    font-size: 1.0em;
}
form input {
    font-size: 1.0em;
}
form textarea {
    font-family: arial, verdana, sans-serif;
    font-size: 1.0em;   
}
form label span {
    float: left;
    display: block;
    width: 100px;
    text-align: right;
}

form input[type=submit] {
    text-indent: -5000px; 
    background: transparent;
    cursor: pointer;
    border: 0;       
}

form input[type=submit].ok {
    background: url(../img/bt-ok.jpg) no-repeat center center;
    width: 18px;
    height: 18px;
}

form input[type=submit].envoyer {
    background: url(../img/bt-envoyer.png) no-repeat center center;
    width: 149px;
    height: 30px;
}

/* BLOCS
*******************************************************************************/
#conteneur {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
    position: relative;
}

#conteneur-interieur {
    background: url(../img/pied-fond.jpg) no-repeat 90% bottom;
    padding: 0 0 70px 0;    
}

#entete {
    margin: 0 auto;
    padding: 10px 20px 10px 30px;
    width: 920px; /* largeur r�elle : 970px */
    height: 123px;  /* heuteur r�elle : 143px */
    background: url(../img/entete-fond.jpg) no-repeat;
    position: relative;
    color: #8c8c8c;            
}

#newsletter {
    position: absolute;
    top: 10px;
    right: 20px;
}

#menu {
    position: absolute;
    bottom: 20px;
    right: 20px;    
}

#accroche {
    margin: 0 auto;
    padding: 0 0 0 60px;
    width: 910px; /* largeur r�elle : 970px */
    height: 410px;
    background: url(../img/accroche-fond.jpg) no-repeat;
    position: relative;
}

.video {
    float: left;
    width: 610px; /* largeur r�elle : 610px */
    height: 366px; /* sans la barre : 344px */
    background: #000;    
    margin: 20px 0 0 0px;
    color: #fff;
}
#principal .video {
    clear: both;
    float: none;
    margin: 0.5em 0 1.0em 0;
    /*border: 1px solid red;*/
    height: auto;
    background: #fff;
}

#principal .video div {
    margin:10px 0 10px 0
  
}

#principal .video .descriptif {
    margin:0;
    padding:0;
    color:#000000;
}

#principal .video h3 {
    color:#000000;
}

#accroche .boutons {
    float: right;
    width: 240px;
    margin: 70px 60px 0 0;
}

#lateral .boutons {
    width: 265px; /* largeur r�elle : 265px */
    height: 320px; /* hauteur r�elle : 395px */
    padding: 60px 0px 15px 0px;
    background: url(../img/lateral-bloc-activite-fond.jpg) no-repeat;
}

#accueil-principal {
    float: left;
    width: 610px; /* largeur r�elle : 690px */
    height: 357px; /* hauteur r�elle : 377px */
    background: url(../img/accueil-fond.jpg) no-repeat;
    margin: 0 0 0 20px;
    padding: 20px 40px 0 40px;
        
}
#accueil-lateral {
    float: right;
    width: 215px;  /* largeur r�elle : 265px */
    height: 278px; /* hauteur r�elle : 298px */
    background: url(../img/accueil-lateral-fond.jpg) no-repeat;
    margin: 0 15px 0 0;
    _margin: 0 0 0 0;
    padding: 20px 30px 0 20px;         
}

#principal-fond {
    margin: 0 0 0 10px;
    width: 700px;
    float: left;        
}
#principal {    
    margin: 0 0 0 13px;
    width: 619px; /* largeur r�elle : 679px */
    padding: 5px 30px;
    background: #fff;
    border-left: 4px solid #1e1e1e;
    border-right: 4px solid #1e1e1e;    
}

#lateral {
    float: right;
    width: 265px;
    margin: 10px 10px 0 0;
    overflow: auto; /* Contexte de formatage */
	_height: 1%; /* Contexte de formatage IE6 */    
}

#pied {
    background: #2d2c2a;
    clear: both;
    padding: 20px 40px;
    position: relative;
}

/* PROPRIETES DES BLOCS
*******************************************************************************/
/* menu */
#menu li {
    list-style-type: none;
    display: inline;
    float: left;
}
#menu li a {
    display: block;
    width: 83px;
    height: 40px;
    text-indent: -5000px;    
}

#menu li.menu0 a { background: url(../img/menu-accueil.jpg) no-repeat; }
#menu li.menu0 a:hover { background: url(../img/menu-accueil-survol.jpg) no-repeat; }

#menu li.menu9 a { background: url(../img/menu-equipe.jpg) no-repeat; }
#menu li.menu9 a:hover,
#menu li.menu9 a.active { background: url(../img/menu-equipe-survol.jpg) no-repeat; }

#menu li.menu6 a { background: url(../img/menu-presse.jpg) no-repeat; }
#menu li.menu6 a:hover { background: url(../img/menu-presse-survol.jpg) no-repeat; }

#menu li.menu2 a { background: url(../img/menu-blog.jpg) no-repeat; }
#menu li.menu2 a:hover { background: url(../img/menu-blog-survol.jpg) no-repeat; }

#menu li.menu7 a { background: url(../img/menu-contact.jpg) no-repeat; }
#menu li.menu7 a:hover { background: url(../img/menu-contact-survol.jpg) no-repeat; }

#menu li.menu8 a { background: url(../img/menu-english.jpg) no-repeat; width: 184px; }
#menu li.menu8 a:hover { background: url(../img/menu-english-survol.jpg) no-repeat; }


/* boutons */

.boutons li {
    list-style-type: none;
    margin: 0;
}
.boutons li a {
    display: block;
    text-indent: -5000px;
    
}

#accroche .boutons li.bouton3,
#lateral .boutons li.bouton3 {
    margin-bottom: 10px;
}

/* accroche */

#accroche .boutons li a {
    width: 240px;
}

#accroche .boutons li.bouton3 {
    margin-bottom: 12px;
}

#accroche .boutons li.bouton3 a {
    height: 77px;
    background: url(../img/bt-accroche-prodtv.png) no-repeat; 
}
#accroche .boutons li.bouton3 a:hover {
    background: url(../img/bt-accroche-prodtv-survol.png) no-repeat;
}
#accroche .boutons li.bouton4 a {
    height: 82px;
    background: url(../img/bt-accroche-agence.png) no-repeat; 
}
#accroche .boutons li.bouton4 a:hover {
    background: url(../img/bt-accroche-agence-survol.png) no-repeat;
}
#accroche .boutons li.bouton5 a {
    height: 91px;
    background: url(../img/bt-accroche-distrib.png) no-repeat; 
}
#accroche .boutons li.bouton5 a:hover {
    background: url(../img/bt-accroche-distrib-survol.png) no-repeat;
}


/* lateral */

#lateral .boutons li.bouton3 {
    margin-bottom: 12px;
}

#lateral .boutons li.bouton3 a {
    width: 226px;
    height: 75px;
    background: url(../img/bt-lateral-prodtv.png) no-repeat; 
}
#lateral .boutons li.bouton3 a:hover {
    background: url(../img/bt-lateral-prodtv-survol.png) no-repeat;
}
#lateral .boutons li.bouton4 a {
    width: 236px;
    height: 81px;
    background: url(../img/bt-lateral-agence.png) no-repeat; 
}
#lateral .boutons li.bouton4 a:hover {
    background: url(../img/bt-lateral-agence-survol.png) no-repeat;
}
#lateral .boutons li.bouton5 a {
    width: 234px;
    height: 89px;
    background: url(../img/bt-lateral-distrib.png) no-repeat; 
}
#lateral .boutons li.bouton5 a:hover {
    background: url(../img/bt-lateral-distrib-survol.png) no-repeat;
}



#lateral .bloc {
    width: 235px; /* largeur r�elle : 265px */
    height: 192px; /* hauteur r�elle : 287px */
    padding: 80px 15px 15px 15px;
    text-align: left;
}

#lateral .court {
    height: 57px; /* hauteur r�elle : 182px */
    padding: 110px 15px 15px 15px;    
}

body.rub4 #lateral .bloc { background: url(../img/lateral-bloc-fond-agence.jpg) no-repeat; }
body.rub3 #lateral .bloc { background: url(../img/lateral-bloc-fond-prodtv.jpg) no-repeat; }
body.rub5 #lateral .bloc { background: url(../img/lateral-bloc-fond-distrib.jpg) no-repeat; }
body.rub11 #lateral .bloc { background: url(../img/lateral-bloc-fond-prodinstit.jpg) no-repeat; }
body.rub9 #lateral .bloc,
body.rub7 #lateral .bloc { background: url(../img/lateral-bloc-fond-cvbox.jpg) no-repeat; }
body.rub6 #lateral .bloc { background: url(../img/lateral-bloc-fond-revuedepresse.jpg) no-repeat; }
body.rub2 #lateral .bloc { background: url(../img/lateral-bloc-fond-blog.jpg) no-repeat; }

#lateral .bloc a {
    color: #43b900;
}



#lateral .bloc form select {
    font-size: 0.9em;
    width: 235px;
}





/* principal-fond */
#principal-fond:before {
    display: block;
    line-height: 0;
    content: url(../img/principal-fond-haut.gif);
    height: 23px;
    background: #000;
}
#principal-fond:after {
    display: block;
    line-height: 0;
    content: url(../img/principal-fond-bas.gif);
    height: 45px;
    background: #000;
}
/* principal */
#principal h1 {
    font-size: 2.15em;
    padding: 0;
    /*display: inline-block;*/
}

#principal h1 span {
    padding: 3px 10px 3px 60px;
}

#principal h2 {
    font-size: 1.65em;
    background: #000;
    padding: 3px 10px;
    /*display: inline-block;*/
}
body.rub4 #principal h1 span {
    color: #ffff00;
    background: #000 url(../img/titre-puce-jaune.gif) no-repeat 6px center;
}
body.rub4 #principal h2 { color: #ffff00; }

body.rub3 #principal h1 span {
    color: #f0037f;
    background: #000 url(../img/titre-puce-rose.gif) no-repeat 6px center;
}
body.rub3 #principal h2 { color: #f0037f; }

body.rub5 #principal h1 span {
    color: #00a0c6;
    background: #000 url(../img/titre-puce-bleue.gif) no-repeat 6px center;
}
body.rub5 #principal h2 { color: #00a0c6; }

body.rub2 #principal h1 span,
body.rub6 #principal h1 span,
body.rub7 #principal h1 span,
body.rub8 #principal h1 span,
body.rub9 #principal h1 span,
body.rub10 #principal h1 span,
body.rub11 #principal h1 span,
body.rub12 #principal h1 span,
body.erreur404 #principal h1 span {
    color: #43b900;
    background: #000 url(../img/titre-puce-verte.gif) no-repeat 6px center;
}
body.rub2 #principal h1 span a,
body.rub6 #principal h1 span a,
body.rub7 #principal h1 span a,
body.rub8 #principal h1 span a,
body.rub9 #principal h1 span a,
body.rub10 #principal h1 span a,
body.rub11 #principal h1 span a,
body.rub12 #principal h1 span a,
body.erreur404 #principal h1 span a {
    color: #43b900;
    text-decoration: none;
}

body.rub2 #principal h2,
body.rub6 #principal h2,
body.rub7 #principal h2,
body.rub8 #principal h2,
body.rub9 #principal h2,
body.rub10 #principal h2,
body.rub11 #principal h2,
body.rub12 #principal h2,
body.erreur404 #principal h2 { color: #43b900; }

body.rub2 #principal h2 a,
body.rub6 #principal h2 a,
body.rub7 #principal h2 a,
body.rub8 #principal h2 a,
body.rub9 #principal h2 a,
body.rub10 #principal h2 a,
body.rub11 #principal h2 a,
body.rub12 #principal h2 a,
body.erreur404 #principal h2 a {
    color: #43b900;
    text-decoration: none;
}

#principal p.fiche-visuel {
    float: left;
}
#principal div.fiche-texte {
    float: right;
    width: 350px;
}





#principal div.contact-coordonnees {
    float: left;
}
#principal div.contact-formulaire {
    float: right;
    width: 350px;
}



#principal form#login,
#principal form#login_admin {
    text-align: left;
}

#principal form#login input,
#principal form#login_admin input {
    border: 1px solid #ccc;
    text-indent: 0;
}



#principal div.contact-formulaire form {    
}
#principal div.contact-formulaire form input[type=text],
#principal div.contact-formulaire form textarea {
    border: 1px solid #43b900;
    width: 230px;
}
#principal div.contact-formulaire form textarea {
    height: 80px;
}






/* pied */
#pied .pied_bloc_1 {
    float: left;
    width: 200px;
    margin: 0 50px 0 0;
}

#pied .pied_bloc_2 {
    float: left;
    width: 200px;
    margin: 0 50px 0 0;
}

#pied .pied_bloc_3 {
    float: right;
    width: 240px;
    margin: 0;    
    color: #00a0c6;
}

/* CLASSES UTILITAIRES
*******************************************************************************/
.meta {font-size: 0.9em;}
.succes {color: green; font-weight: bold;}
.erreur { color: red; }
.clear {clear: both;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
p.avant-liste {}
p.titre {}
p.mention {}
p.plus { text-align: right; }
.on { font-weight: bold; }
.invisible {
    display: none;
}
.notes {
    margin: 30px 0 0 0;
}
.notes-titre {
    border-bottom: 1px dotted #000;
    font-weight: bold;
}