/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

body {
margin: 0pt;
padding: 0pt;
background-image: url(../pictos_site_21/back_int.jpg);
background-repeat: no-repeat;
background-position: center top;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 11px;
line-height: 1.4em;
background-color: #ffca00;
color: #333333;
}

img {
border: 0;
}

a {
color: #0e336d;
text-decoration: underline;
}

a:hover {
color: #0e336d;
text-decoration: none;
}



h1 {
color: #ffffff;
font-size: 19px;
margin-top: 0px;
font-weight: normal;
background-color: #ff0000;
text-transform: uppercase;
display: inline-block;
border: 6px solid #ff0000;
line-height: 25px;
}

h2 {
font-size: 15px;
color: #000000;
font-weight: bold;
padding: 0px;
margin-bottom: 10px;
background: url(../pictos_site_21/etoile.jpg) no-repeat left top;
padding-left: 25px;
}

h2 a{
color: #000000;
text-decoration: underline;
}

h2 a:hover{
color: #000000;
text-decoration: none;
}

h3 {
font-size: 12px;
color: #9b2e00;
font-weight: bold;
padding: 0px;
margin-bottom: 5px;
}


.texte-blanc12{
text-align: left;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 3px;
margin-bottom: 0px;
}

.texte-12px {
font-size: 12px;
}

.texte-13px {
font-size: 13px;
}

.texte-noir {
color: #000000;
}

.text-gris{
font-size: 12px;
}

.text-rouge-normal{
color: #ff0000;
}

.text-orange{
color: #F4801C;
}

.text-bleu{
color: #0e336d;
}

.text-marron {
color: #9b2e00;
}


.texte-tarif{
color: #ff0000;
font-size: 12px;
font-weight: bold;
}

.titre-nouveau {
font-size: 10px;
color: #fff;
background-color: #ff0000;
padding: 1px;
font-weight: bold;
text-transform: uppercase; }

.titre-date {
color: #F4801C;
font-size: 14px;
}

.titre-int{
color: #ffffff;
font-size: 19px;
margin-top: 17px;
border: 6px solid #ff0000;
font-weight: normal;
background-color: #ff0000;
text-transform: uppercase;
}

.titre-liste-actus{
color: #9b2e00;
font-size: 15px;
font-weight: bold;
}

.lien-actu {
font-size: 14px;
font-weight: bold;
}

.lien-actu a{
text-decoration: none;
}

.lien-actu a:hover{
text-decoration: underline;
}

.fond-bloc-actus{
background-color: #f3f3f3;
z-index: 1;
padding: 15px;
padding-right: 80px;
margin-bottom: 15px;
}

.bloc-couleur {
margin-top: 10px;
margin-bottom: 10px;
border: 1px #f1f1f1 solid;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
background-color: #ffe280;
}

.bloc-cadre {
margin: 10px 0 10px 0;
background-color: #ffffff;
padding: 10px;
background-repeat: repeat-x;
background-position: top;
border: 1px #ff6600 solid; }

.marge-gauche {
margin-left: 10px;
 }

.marge-droite {
margin-right: 10px;
}

.marge-bas {
margin-bottom: 10px;
}




hr {
 display:block;
 height: 1px;
 margin: 0;
 _margin: -7px 0;
 padding: 0;
 color: #ffe280;
 background-color: #ffe280;
 border: 0;
margin-top: 10px;
margin-bottom: 10px; }


tbody {
font-size: 12px;
}


form {
display:block;
margin:0;
padding:0;
}

p {
margin:0;
padding:0;
}

ul{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 25px;
margin-right: 0px;
padding: 0px;
}

li{
list-style-type: none;
background-image: url(../pictos_site_21/fleche_bleue.gif);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 7px;
padding-right: 14px;
padding-bottom: 10px;
padding-top: 0px;
}

ol {
list-style-type: decimal; 
background-image: none;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 20px;
margin-right: 0px;
padding: 0px;
}

#conteneur {
margin: auto;
width: 930px;
background: none;
}

#header {
margin: 0px;
padding: 0px;
height: 143px;
background: url(../pictos_site_21/header_int2.jpg) no-repeat left top;
position: relative;
}

/* --Menu gauche---- */

#menu-gauche{
margin-top: 75px;
margin-left: 31px;
margin-right: 30px;
width:208px;
float:none;
background-color: transparent;
text-align: left;
font-size: 12px;
}

*>#menu-gauche{
margin-top: 150px;
margin-left: 49px;
padding-top: 0px;
}

*:first-child+html #menu-gauche{
margin-left: 27px;
}
 

#menu-gauche ul{
padding-top: 0px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 10px;
margin: 0px;

}

#menu-gauche li{
list-style-type: none;
background-color: transparent;
background-image: none;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-top: 2px;
margin: 0;
margin-bottom: 9px;
font-size: 13px;
font-weight: bold;
color:#000000;
text-transform: uppercase;
}

#menu-gauche li a{
color: #ffffff;
font-size: 15px;
margin-top: 0px;
padding: 0px 3px 0px 3px;
font-weight: normal;
background-color: #000000;
border: 3px solid #000000;
text-transform: uppercase;
text-decoration: none;
line-height: 16px;
}

#menu-gauche li a:hover {
background-color: #ff0000;
border: 3px solid #ff0000;
text-decoration: none;
}

#menu-gauche li a.current {
background-color: #ff0000;
border: 3px solid #ff0000;
text-decoration: none;
}

#menu-gauche li a.current:hover {
background-color: #ff0000;
text-decoration: none;
}

/* --Blocs Accueil---- */
.gauche{
width: 312px;
float: left;
}

#contenu-menu{
background: transparent url(../pictos_site_21/fond_papier.jpg) repeat-y 0px 12px;
}

*>#contenu-menu{
background: transparent url(../pictos_site_21/fond_papier.jpg) repeat-y 1px 12px;
}

#evenements{
margin-top: 0px;
margin-left: 31px;
margin-right: 30px;
padding-top: 6px;
width:208px;
float:none;
background-color: transparent;
text-align: left;
font-size: 12px;
height: 110px;
min-height: 110px;
}

*>#evenements{
margin-top: 90px;
margin-left: 49px;
padding-top: 0px;
height: auto;
}

#contenu-evenements{
background: transparent url(../pictos_site_21/fond_papier.jpg) repeat-y 1px 12px;
width: 206px;
}

.titre-evenements, .titre-evenements a{
color: #11356c;
font-size: 11px;
font-weight:bold;
text-decoration: underline;
}

.titre-evenements a:hover{
color:#3966ac;
text-decoration: none;
}

#evenements ul{
padding-top: 0px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 10px;
margin: 0;
}

#evenements li{
list-style-type: none;
background-image: none;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-top: 5px;
margin: 0;
font-size: 13px;
font-weight: bold;
color:#000000;
text-transform: uppercase;
}

#evenements a#tout-voir{
float: right;
background: url(../pictos_site_21/fleche_bleue.gif) no-repeat left center;
padding-left: 7px;
color: #0e336d;
font-size: 10px;
margin-right: 20px;
}

#bottom-evenements{
width: 211px;
height: 55px;
background: transparent url(../pictos_site_21/fond_bottom_evenements.gif) no-repeat -1px center;
}

*>#bottom-evenements{
background: transparent url(../pictos_site_21/fond_bottom_evenements.gif) no-repeat 0px center;
}

/* fin evenements */

/* Langues */
#langues {
margin-top: 20px;
margin-left: 55px;
margin-right: 30px;
padding-top: 63px;
padding-left: 30px;
width:170px;
height: 27px;
background: url(../pictos_site_21/back_langues.gif) no-repeat left top;
text-align: left;	
}

.drapeaux{
margin-right: 7px;
}

/* fin de Langues */

.centre{
margin-top: 23px;
width:575px;
float:left;
background: url(../pictos_site_21/fond_div_centre.gif) no-repeat left top;
background-color: transparent;
text-align: left;
font-size: 12px;
color:#000000;
font-weight: normal;
height: 488px;
}

html>body .centre{
height: auto;
min-height: 488px;
} 

.contenu-centre{
margin-top: 53px;
float:left;
text-align: left;
font-size: 12px;
color:#000000;
font-weight: normal;
padding-left:14px;
padding-right: 14px;
padding-top: 6px;
width:547px;
padding-bottom: 20px;
background: #ffc400 url(../pictos_site_21/fond_div_contenu.jpg) no-repeat right bottom;
}

#table-actu h2{
background: none;
padding: 0;
font-size: 21px;
color: #9b2e00;
font-weight: bold;
margin: 0px;
margin-bottom:7px;
}

.contenu-centre .date{
text-transform: uppercase;
font-weight: bold;
color: #000000;
}

.contenu-centre .date a{
text-decoration: none;
color: #000000;
}

.img-spectacle {
width: 45px;
height: 45px;
border-color: white;
border-width: 6px;
}

#droite-contenu {
float:right; 
width:295px; 
margin-top:25px;}

#contenu-photos{
margin-top: 50px;
background: url(../pictos_site_21/img_fond_photos.jpg) no-repeat left 25px;
}

#contenu-photos img{
margin-bottom: 3px;
}

#contenu-photos td{
padding-bottom: 32px;
border: 0;
}

#contenu-video{
margin-top: 25px;
}

.bloc-video {
padding: 0px;
width: 136px;
height :124px;
}

#gauche-spectacle{
float: left;
width:230px;
padding-top: 6px;
}

#caracteristiques{
padding-top: 6px;
line-height: 22px;
}

#presse{
margin-bottom: 16px;
}

#autres-spectacles{
padding-top: 6px;
}

.drapeau-spectacle{
margin-bottom: 5px;
}


#presse h2{
padding-top: 6px;
background: url(../pictos_site_21/fleche_h2.jpg) no-repeat left 3px;
padding-left: 15px;
}

.table-contenu, .table-spectacle{
margin-top:15px;
margin-bottom:20px;
}

.contenu-centre td {
vertical-align: top;
border: 0px solid #ffe280;
border-bottom: 1px solid #ffe280;
padding-bottom: 5px;
padding-top: 5px;
}

.contenu-centre tr.dernier td {
border-bottom: 0px solid #ffe280;
}

.table-spectacle td.contenu-td {
vertical-align: middle;
text-align: center;
}

#table-actu{
margin-top: 10px;
}

.contenu-centre #table-actu td {
border: 0px solid #ffe280;
}

#table-liste-actu{
margin-top: 10px;
margin-bottom: 25px;
}

.contenu-centre .position-images{
margin: 0em 1em 0em 0em;
padding: 4px;
float:left;
background-color: #ffffff;
}

.contenu-centre .contour-image{
border: 1px #ffffff solid; }

#nombre-evenements{
float:right; 
font-size:11px;
}

/* Actualités */

#actualites{
margin-top: 23px;
width:263px;
height: 276px;
float:left;
background: url(../pictos_site_21/back_actus.gif) no-repeat left top;
text-align: left;
font-size: 12px;
color:#000000;
font-weight: normal;
}

#actualites a#tout-lire{
float: right;
background: url(../pictos_site_21/fleche_marron.gif) no-repeat left center;
padding-left: 7px;
color: #a94e29;
font-size: 10px;
margin-right: 20px;
}

#actualites .contenu{
padding-top: 92px;
padding-left: 24px;
padding-right: 18px;
height: 170px;
}

#actualites .contenu a{
color:#9a5132;
}

#actualites .titre{
font-size: 15px;
color: #9b2e00;
font-weight: bold;
}

img.cadre{
border: none;
width: 274px;
height: 94px;
}

a.cadre{
background: #d9dddd;
display: block;
padding: 1px;
}

a.cadre:hover{
background: #ff6600;
}

#actualites .ombre{
height: 13px;
background: url(../pictos_site_21/back_visuel_ombre.gif) no-repeat right top;
}

#coup-de-coeur{
width:266px;
height: 230px;
margin-top: 23px;
margin-left: 45px;
float:left;
background: url(../pictos_site_21/titre_coup_de_coeur.gif) no-repeat 3px top;
text-align: left;
font-size: 12px;
color: #000000;
}

.genre{
color: #ff0000;
text-transform: uppercase;
font-size: 11px;
}

.compagnie{
color: #010101;
text-transform: uppercase;
font-weight: bold;
font-size:13px;
}

.spectacle{
color:#0e336d;
text-transform: uppercase;
font-weight: bold;
font-size:11px;
}

.spectacle a{
text-decoration: none;
}

.spectacle a:hover{
text-decoration: underline;
}

.nom-spectacle{
color:#0e336d;
text-transform: uppercase;
font-weight: bold;
font-size:15px;
}

#contenu-coup-de-coeur{
margin-top: 6px;
margin-bottom: 5px;
}

#coup-de-coeur a#lire-suite{
background: url(../pictos_site_21/points_rouge.gif) no-repeat left 10px;
padding-left: 11px;
color: #ff0000;
font-size: 11px;
}

.bloc-visuel {
padding: 0px;
width: 274px;
height :123px;
margin-top: 44px;
background-color: transparent;
}


/* --Blocs interne---- */

#img-tetiere{
height: 153px;
background: url(../pictos_site_21/tetiere_societe.jpg) no-repeat left top;
}

#conteneur-bas {
width: 930px;
text-align: left;
}


/* --Bloc A LA UNE---- */
#date{
color:#FFFFFF;
overflow:hidden;
font-size:22px;
line-height:15px;
padding-top:7px;
background-image:url('../pictos_site_21/newsdate.jpg');
float:left;
clear:both;
width:50px;
height:43px;
text-align:center;
}

#date span{
font-size:11px;
}

.span-12 {
width: 424px;
}

.last {
margin-right:0;
}

div.newscall {
background-image:url('../pictos_site_21/newsgrad.jpg');
height:43px;
overflow:hidden;
margin:0px;
}

#article {
color:#FFFFFF;
left:5px;
line-height:1.5em;
padding:6px 10px 5px 10px;
position:relative;
font-size:99%;
}

#article a{
color:#FFFFFF;
}

#article a:hover{
color:#ffffff;
text-decoration:underline;
}

#bloc-a-la-une {
float: left;
margin-top: 5px;
margin-right: 10px;
margin-left: 0px;
padding: 0px;
line-height: 1.4em;
width: 424px;
height: 139px;
text-align: left;
background-color: white; }

#bloc-date {
float: left;
padding-top: 7px;
text-align: center;
width: 50px;
height: 43px;
background-image: url(../pictos_site_21/fond_date.jpg);
background-repeat: repeat-x;
}

#bloc-date-text {
float: right;
text-align: left;
width: 374px;
height: 43px;
background-image: url(../pictos_site_21/fond_date_text.jpg);
background-repeat: repeat-x;
}

#div-texte-blanc11{
margin-top: 6px;
margin-bottom: 8px;
margin-left: 6px;
}

#div-texte-blanc11 a{
text-align: left;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}

#div-texte-blanc11 a:hover{
text-decoration: underline;
}

#bloc-comment-ca-marche{
width: 422px;
height: 60px;
float: left;
padding: 0;
background-color: #f8f8f8;
border: 1px solid #dedede;
}

#comment-ca-marche{
margin-left: 8px;
margin-top: 6px;
}

.deroulant {
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size : 10px;
width: 370px;
}

.deroulant select {
width:370px;
font-size : 10px;
border: 1px solid #838383;
}

#bloc-sav{
float: right;
background-image: url(../pictos_site_21/photo_sav.gif);
background-repeat: no-repeat;
width: 204px;
height: 60px;
background-color: #f8f8f8;
border: 1px solid #dedede;
}



#bloc-ressources {
margin-top: 25px;
margin-bottom: 0px;
background-color: #ffffff;
}

#voir-ressources {
width:169px;
height: 33px;
background-image: url(../pictos_site_21/btn_ressources.gif);
background-repeat: no-repeat;
padding-top: 6px;
margin-top: 10px;
padding-left: 30px;
}

#voir-ressources a{
font-size: 11px;
font-weight: bold;
color: #666666;
text-decoration: none;
}

#voir-ressources a:hover{
text-decoration: underline;
}


#bloc-services {
margin-top: 25px;
margin-bottom: 0px;
background-color: #ffffff;
}

#bloc-icones {
float: right;
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
}


#gauche{
margin-top: 0px;
padding: 0px;
}


#bloc-logo {
top: 0px;
left: 0px;
float: right;
margin: 0px;
padding: 0px;
}

#bloc-accueil{
position: absolute;
top: 87px;
left: 44px;
width: 67px;
height: 53px;
}

/* menu*/

#menu{
height: 60px;
width:530px;
margin-left:0px;
margin-top:25px;
margin-bottom:6px;
margin-right:62px;
float: right;
}

#menu-langue{
position: absolute;
z-index: 50;
margin-top: 25px;
}

/* Gestion du menu de la langue*/

#smenu2 {
margin:0px;
padding:0px;
list-style-type:none;
text-align:left;
z-index: 50;
}

ul#smenu2 {
margin-top: 0px;
}

*>ul#smenu2 {
margin-top: 4px;
margin-bottom: 0px;
}

#smenu2 li {
background-image: none;
margin:0px;
padding:0px;
}

#smenu2 img {
border:none;
}

#liens-sup{
padding: 0px;
padding-top:10px;
float:left;
}

#liens-sup a{
text-decoration: none;
}

#liens-sup a:hover{
text-decoration: underline;
}


#phrase-rose{
margin-top: 40px;

}

#bloc-rechercher{
margin-top: 25px;
padding: 0px;
float: left;
}

.habillage-recherche {
width: 135px;
background-color: #ffffff;
border: 1px #d4d4d4 solid;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
vertical-align: middle;
display: inline-block;
margin: 0px;
padding-top: 3px;
padding-bottom: 2px;
padding-right: 1px;
padding-left: 3px;
color: #d4d4d4; 
}


.alignement {
vertical-align: middle;
display: inline-block;
}



#bloc-arbo {
font-size: 10px;
text-align: left;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 20px;
color: #999999;
background: url(../pictos_site_21/back_arbo.gif) no-repeat;
}

#bloc-arbo a, #bloc-arbo a:visited {
text-decoration: none;
color: #999999;
}

#bloc-arbo a:hover, #bloc-arbo a:visited:hover {
text-decoration: underline;
color: #999999;
}

#arbo-on{
color: #505050;
}

#caleexplorer {
width: 100%;
}


/* --telechargement---- */

#bloc-telechargement {
margin-top: 0px;
margin-bottom: 15px;
padding: 0 0px 10px 0;
}

#bloc-telechargement h1{
color: #ff6600;
font-size: 13px;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: none;
}

#bloc-telechargement ul {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-telechargement li {
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 0px;
padding-left: 0px;
display: block;
background-image: none;
}

#bloc-telechargement a {
color: #999999;
font-size: 11px;
margin: 0px;
display: block;
padding-left: 15px;
text-decoration: none;
background-image: url(../pictos_site_21/ico_default.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

#bloc-telechargement a.pdf {
font-size: 11px;
margin: 0px;
display: block;
padding-left: 15px;
text-decoration: none;
background-image: url(../pictos_site_21/ico_pdf.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

#bloc-telechargement a.word {
background-image: url(../pictos_site_21/ico_word.png);
}

#bloc-telechargement a.excel {
background-image: url(../pictos_site_21/ico_excel.png);
}

#bloc-telechargement a.powerpoint {
background-image: url(../pictos_site_21/ico_powerpoint.png);
}

#bloc-telechargement a:hover {
text-decoration: underline;
}


/* Bloc EN SAVOIR PLUS */

#bloc-en-savoir-plus {
margin-top: 0px;
margin-bottom: 15px;
padding: 0 0px 10px 0;
}

#bloc-en-savoir-plus h1{
color: #ff6600;
font-size: 13px;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 0px;
border-bottom: none;
}

#bloc-en-savoir-plus ul {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-en-savoir-plus li {
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 0px;
padding-left: 0px;
display: block;
background-image: none;
}

#bloc-en-savoir-plus a {
color: #999999;
font-size: 11px;
margin: 0px;
display: block;
padding-left: 15px;
text-decoration: none;
background-image: url(../pictos_site_21/puce_orange.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}

#bloc-en-savoir-plus a:hover {
text-decoration: underline;
}

/* Bloc LIENS UTILES */

#bloc-liens {
margin-top: 0px;
margin-bottom: 15px;
padding: 0 0px 10px 0;
}

#bloc-liens h1{
color: #ff6600;
font-size: 13px;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 0px;
border-bottom: none;
}

#bloc-liens ul {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-liens li {
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 0px;
padding-left: 0px;
display: block;
background-image: none;
}

#bloc-liens a {
color: #999999;
font-size: 11px;
margin: 0px;
display: block;
padding-left: 15px;
text-decoration: none;
background-image: url(../pictos_site_21/puce_orange.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}

#bloc-liens a:hover {
text-decoration: underline;
}

/* Bloc pub */

#pub-conseiller {
margin-top: 20px;
margin-bottom: 20px;
}

#pub-contact{
margin-top: 30px;
margin-bottom: 20px;
}


#bloc-contact h1{
color: #000;
font-size: 13px;
font-weight: bold;
margin: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 5px;
border-bottom: none;
}


.ico-courrier {
padding-left: 18px;
background-image: url(../pictos_site_21/ico_courrier.gif);
background-repeat: no-repeat;
background-position: left center; }


.ico-phone {
padding-left: 18px;
background-image: url(../pictos_site_21/ico_phone.gif);
background-repeat: no-repeat;
background-position: left center; }


#bloc-retour{
padding: 0px;
margin-top: 10px;
}

#bloc-nav-actu{
text-align: right;
width: 300px;
float: right;
padding: 0px;
margin-top: -40px;
margin-bottom: 15px;
font-size: 11px;
}

.ico-fleche-gauche {
padding-left: 10px;
background-image: url(../pictos_site_21/ico_fleche_gauche.gif);
background-repeat: no-repeat;
background-position: left 4px; }

.ico-fleche-droite {
padding-right: 10px;
background-image: url(../pictos_site_21/ico_fleche_droite.gif);
background-repeat: no-repeat;
background-position: right 4px; }



#pied {
background-image: url(../pictos_site_21/back_bas.gif);
background-position: left top;
height: 350px;
margin-top: 13px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 84px;
font-size: 10px;
color: #0e336d;
text-align: left;
}


#pied a{
text-decoration: none;
color: #0e336d;
}

#pied a:hover{
text-decoration: underline;
color: #0e336d;
}

#liens-bloc{
margin: 0px;
margin-top: 55px;
padding: 0px;
float: left;
width:350px;
}

.espace{
margin-left: 10px;
margin-right: 10px;
color: #0e336d;
}


.spacer {
clear: both;
}



#centre{
font-size: 11px;
}


#centre .telecharger a {
color: #3db2dd;
text-decoration: none;
padding-top: 3px;
padding-left: 18px;
padding-bottom: 3px;
background-image: url(../pictos_site_21/ico_disk.gif);
background-repeat: no-repeat;
background-position: left center;
font-weight: bold;
}

#centre .telecharger a:hover {
text-decoration: underline;
}


/*Liste centre*/

#liste ul{
margin-top: -20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}

#liste li{
list-style-type: none;
background-image: url(../pictos_site_21/puce_bleue.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 10px;
padding-right: 14px;
padding-bottom: 10px;
padding-top: 0px;
}

#liste-centre{
margin: 0px;
padding: 0px;
}

#liste-centre ul{
list-style: none;
margin-top: 0px;
padding: 0px 20px 5px 20px;
}

#liste-centre li {
list-style-type: none;
background-image: url(../pictos_site_21/fleche_bleue.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
margin: 0px;
padding-left: 7px;
padding-right: 14px;
padding-bottom: 5px;
padding-top: 0px;
}

#liste-centre a {
font-weight: bold;
text-decoration: underline; }

#liste-centre a:hover {
text-decoration: none; }




#subliste ol{
margin: 0px;
padding: 0px;
font-size: 10px;
}

#subliste li {
list-style-type: decimal; 
margin: 0px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 35px;
background-image: none;
color: #3db2dd;
}

#subliste a {
color: #666666;
font-weight: normal;
text-decoration: none;
}

#subliste a:hover {
color: #666666;
text-decoration: underline;
}



#subsubliste ul{
margin: 0px;
padding: 0px;
font-size: 10px;
}
#subsubliste li {
list-style-type: decimal; 
margin: 0px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 55px;
background-image: none;
color: #3db2dd;
}
#subsubliste a {
color: #3db2dd;
font-weight: normal;
text-decoration: none;
}
#subsubliste a:hover {
color: #3db2dd;
text-decoration: underline;
}


/*Tables*/


#centre caption{
background-color: #02719e;
color: #ffffff;
font-weight: bold; }


#centre table{
border: 0px solid #D5D5D5;
border-collapse: collapse;
width: 95%;
}

*>#centre table{
border: 0px solid #D5D5D5;
border-collapse: collapse;
width: 100%;
}
#centre{
	line-height: 1.4em;
}

#centre th{
border: 0px #ffffff solid;
padding: 5px;
font-weight: bold;
color: #000000;
background-color: #D5F1FE;
text-align: left;
}

#centre td{
border: 0px solid #D5D5D5;
padding: 5px;
}

#centre thead{
background-color: #65696A;
border: 0px solid #65696A;
}

#centre td.titre{
border: none;
padding: 5px;
}

.habillage-news {
vertical-align: top;
width: 156px;
height: 19px;
border: 1px #dedede solid;
margin: 0px;
margin-top:8px;
padding: 2px;
padding-left: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: #999999;
line-height: 1.3em;
	background: #FFFFFF url(../pictos_site_21/fond_habillage_news.gif) repeat-x 0 bottom;
}


.habillage-champs {
width: 250px;
background-color: #ffffff;
border: 1px #D5D5D5 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
 }

.habillage-champs2{
width: 160px;
background-color: #ffffff;
border: 1px #D5D5D5 solid;
height: 18px;
margin-left: 24px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
}

.habillage-message {
width: 250px;
background-color: #ffffff;
border: 1px #999999 solid;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-select {
background-color: #ffffff;
border: 1px #999999 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-select2 {
width: 90%;
background-color: #ffffff;
border: 1px #cccccc solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
margin-left: 24px;
margin-top: 10px;
margin-bottom: 10px;
}

.habillage-liste {
background-color: #ffffff;
font-size: 11px;
color: #666666;
width:55px;
border: 1px solid #cccccc;
}

#plus-infos {
margin-top: 20px;
background-image: url(../pictos_site_21/fond_plus_infos.gif);
background-repeat: repeat-x;
background-position: top;
border: 1px solid #d8dada;
background-color: #f4f4f4;
}

#text-plus-infos {
margin-top: 16px;
margin-left: 18px;
margin-bottom: 9px;
line-height: 17px;
background-color:transparent;
}


/* haut de page*/

#bloc-hautdepage {
text-align: right;
margin-top: 30px;
padding-top: 5px;
border-top: 1px #E7E7E7 solid;
font-size: 10px;
}

#bloc-hautdepage a{
color: #6D7375;
text-decoration: none;
}

#bloc-hautdepage a:hover{
color: #6D7375;
text-decoration: underline;
}

.ico-hautdepage {
padding-right: 10px;
background-image: url(../pictos_site_21/img_haut.gif);
background-repeat: no-repeat;
background-position: right center;
}


/* chiffres pages*/

ul#bloc-chiffre {
list-style: none;
margin: 0;
padding: 0;
font-size: 13px;}

#bloc-chiffre li{
display: inline;
padding: 0;
background-image: none;
}

#bloc-chiffre a{
color: #ffffff;
background-color: #000000;
padding:4px 7px 4px 7px;
text-decoration: none;
}

#bloc-chiffre a:hover{
color: #ffffff;
background-color: #ff0000;
}

#bloc-chiffre a.youarehere, .bloc-chiffre a.youarehere:hover{
color: #ffffff;
background-color: #ff0000;
}


/* chiffres lexique*/

ul#bloc-lexique {
list-style: none;
margin: 0;
padding: 0;
font-size: 12px; }

#bloc-lexique li{
display: inline;
color: #D5D5D5;
padding:2px;
text-decoration: none;
font-weight: bold;
background-image: none;
}

#bloc-lexique a{
color: #6D7375;
text-decoration: underline;
}

#bloc-lexique a:hover{
color: #02719e;
text-decoration: none;
}

#bloc-lexique a.youarehere, .bloc-lexique a.youarehere:hover{
color: #ffffff;
padding: 2px;
background-color: #02719e;
text-decoration: none;
}

/* pages phototheque-------------------------------------------*/

ul#tabnav {
font-size: 11px;
list-style-type: none;
padding-bottom: 0px;
border-bottom: 1px solid #bfbfbf;
margin: 0;
color:#999999;
width:99%;
padding-left:5px;
}
*>ul#tabnav {
padding-bottom: 23px;
}

ul#tabnav li {
float: left;
color:#999999;
height: 20px;
padding: 0px;
background-color: #ffffff;
margin: 2px 2px 1px 0px;
border: 1px solid #dfdfdf;
border-bottom: 1px solid #bfbfbf;
list-style-type: none;
background-image: none;   
}

ul#tabnav li.active {
font-weight:bold;
color:#02325a;
border-color:#bfbfbf;
border-bottom: 1px solid #fff;
background-image:url(../pictos_site_21/back_tabnav.gif);
background-repeat: repeat-x;
background-position:top;
background-color: #fff;
}

ul#tabnav li a {
color:#999999;
}

ul#tabnav li a:hover {
color:#02325a;
}

ul#tabnav li.active a {
color: #02325a;
background-image:url(../pictos_site_21/back_tabnav.gif);
background-repeat: repeat-x;
background-position:top;
background-color: #ffffff;
}

#tabnav a {
cursor:pointer;
float: left;
display: block;
color: #999999;
text-decoration: none;
padding: 4px;
padding-left:5px;
padding-right:5px;
}

#tabnav a:hover {
color: #02325a;
background-image:url(../pictos_site_21/back_tabnav.gif);
background-repeat: repeat-x;
background-position:top left;
background-color: #ffffff;
}

#table-phototheque table {
line-height: 1.4em;
}

#table-phototheque td {
margin: 0;
padding: 7px;
}

#table-phototheque ul {
margin-top:5px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding:0;
}

#table-phototheque li{
list-style-type: none;
background: url(../pictos_site_21/mini_fleche_bleu.gif) no-repeat left 6px;
background-repeat: no-repeat;
background-position: 0px 10px;
padding-left: 10px;
padding-right: 14px;
padding-top: 2px;
padding-bottom: 1px;
}

#table-phototheque .marge-photo{
margin-bottom: 10px;	
}






/* --produits---- */

.titre-page-produit {
margin-bottom: 14px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
background: #f1f1f1 url(../pictos_site_21/back_menu_gauche.gif) repeat-x;
height: 47px;
}

#titre-h1{
float: left;
}

.bloc-produit {
width: 154px;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 24px;
}

img.cadre2{
border: none;
width: 154px;
height: 154px;
}

a.cadre2{
background: #d9dddd;
display: block;
padding: 0px;
}

a.cadre2:hover{
background: #ff6600;
}

img.cadre3{
border: none;
width: 63px;
height: 63px;
}

.bloc-produit-mini {
width: 63px;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 24px;
}

a.cadre3{
background: #d9dddd;
display: block;
padding: 0px;
}

a.cadre3:hover{
background: #ff6600;
}

.no-marge-left{
margin-left: 0px;
}

.no-marge-right{
margin-right: 0px;
}

.titre-produit{
color: #ff6600;
font-weight: bold;
}

.bloc-produit .titre-produit a{
font-weight: bold;
text-decoration: none;
}

.bloc-produit .titre-produit a:hover{
font-weight: bold;
background-color: #f1f1f1;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
color: #ff6600;
}

a.retour-liste {
float: right;
background: url(../pictos_site_21/fleche_bleue_gauche.gif) no-repeat left center;
padding-left: 7px;
color: #0e336d;
font-size: 10px;
margin-right: 0px;
}

#bloc-visuel-produit {
float: left;
margin-left: 0px;
padding-bottom: 14px;
}

#bloc-visuel-produit .ombre{
background: url(../pictos_site_21/ombre_visuel.gif) no-repeat right bottom;
padding-bottom: 14px;
margin-bottom: 5px;
}

#bloc-descriptif-produit {
float: left;
margin-top: 20px;
margin-left: 20px;
padding-bottom: 14px;
}

#bloc-descriptif-produit ul{
margin: 0;
padding: 0;
}

#bloc-descriptif-produit li{
margin: 0;
padding-left: 15px;
padding-top: 3px;
padding-bottom: 3px;
background-image: url(../pictos_site_21/puce_orange.gif);
background-repeat: no-repeat;
background-position: 0 center;
}

#bloc-descriptif-new{
float: right;
margin-right: 8px;
padding: 0;
height: 64px;
width: 64px;
background: url(../pictos_site_21/visuel_new.gif) no-repeat;
}

#bloc-legende{
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
height: 50px;
width: 313px;
}

#bloc-personnalisation{
margin-top: 10px;
margin-bottom: 20px;
padding: 10px;
background: #ffa442 url(../pictos_site_21/back_degrade.gif) repeat-x left top;
border: 1px solid #ff9027;
}

#bloc-personnalisation .titre{
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
}



/* --pagination page produits---- */

#bloc-page{
float: right;
margin: 0;
padding: 0;
}

#bloc-page .text{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#444;
padding: 3px 4px 0 0;
}

#bloc-page .paging{
float:right;
width:auto;
height:18px;
padding: 13px 14px 0 0;
}

.paging .toutvoir{
height:16px;
width:57px;
padding:0;
}

.paging .retour{
width:21px;
height:16px;
padding:0px;
}

.paging .suivant{
width:21px;
height:16px;
}

.paging form{
display:inline;
}

.paging select{
height:17px;
color:#090808;
font-size:10px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
background-color: #ffffff;
border: 1px solid #d4d4d4;
}

.paging ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 10px;
}

.paging li{
display: inline;
padding: 0;
background-image: none;
}

.paging li a{
padding:0 4px 1px 4px;
background:#F5F5F5;
font-family:tahoma,arial,verdana,sans-serif;
color:#4C4C4C;
font-size:11px;
text-decoration:none;
text-align:center;
margin:1px 2px 0 0;
}

.paging li a:hover{
background:#FFF;
color:#4C4C4C;
text-align:center;
}

.paging li a.youarehere, .paging li a.youarehere:hover{
padding:0 4px 1px 4px;
background:#FFF;
font-family:tahoma,arial,verdana,sans-serif;
color:#4C4C4C;
font-size:11px;
margin:1px 4px 0 0;
text-align:center;
font-weight:bold;
}

#bloc-gris{
clear: both;
background-color: #f1f1f1;
height: 40px;
}

#bloc-page2{
float: right;
margin-top: 6px;
margin-right: 20px;
padding: 0;
}

/* --carrousel---- */

#carrousel {
margin-bottom: 14px;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 0px;
background: #f1f1f1 url(../pictos_site_21/back_menu_gauche.gif) repeat-x;
}

#carrousel h2{
font-size: 17px;
color: #797979;
font-weight: normal;
margin: 0;
padding: 0;
}