/* STYLES GENERAUX ET CNTENEURS */

html, body {height: 100%}
body {background: #DDD url(../templates/ombre.png) repeat-y scroll 50% 0px; font-size: 13px; color: #333; line-height: 125%; text-align : justify; margin: 0 auto; padding: 0; width: 1000px; font-family: 'Lato', 'Trebuchet MS', sans-serif;}
div#hauteur{min-height:100%; position: relative; overflow-x: hidden; width: 100%; margin: 0}
div#entete {overflow: visible; background: none; text-align: left; height: 183px; margin: 0}
div#centrage {background: #FFF url(../templates/blank.gif) repeat-y right; width: 100%}
div#pieddepage {bottom: 0; left: 0; position: absolute; width: 100%; padding: 0 0 10px; margin-left: 0px; text-align: center; background: #c23735 url('../templates/fondbas.jpg') repeat-x; color: #FFF; font-size: 13px}
div#chromedebug {display: block; height: 70px}

#bas{margin: 0; font-size: 13px; padding: 6px 0 3px 0; font-weight: normal; text-transform: none;}	
.clear {clear: both; display: block; height: 0px; overflow: hidden; margin: 0; padding: 0;} 	
#logo {z-index: 3; display: block; background: url(../templates/logo.gif); width: 258px; height: 180px; top:0; }
#photobandeau {background: url(../templates/bandeau.jpg); height:180px; left:50%; margin-left:-243px; position:absolute; top:0; width: 524px; z-index:1;}
#photobandeau-reunion {background: url(../templates/bandeau-reunion.jpg); height:180px; left:50%; margin-left:-243px; position:absolute; top:0; width: 524px; z-index:1;}

a:link, a:visited {color: #C23735; text-decoration: none}
a:hover {color: #F00; text-decoration: underline}

a.menu01, a.menu02, a.menu03, a.menu04, a.menu05, a.menu06, a.menu07 {position: absolute; z-index: 100; left: 50%; margin-left: 281px; display: block; width: 200px; height: 30px}
a.menu01 {top: 0px; background-image: url(../templates/menu01.gif);}
a.menu02 {top: 31px; background-image: url(../templates/menu02.gif);}
a.menu03 {top: 62px; background-image: url(../templates/menu03.gif);}
a.menu04 {top: 93px; background-image: url(../templates/menu04.gif);}
a.menu05 {top: 124px; background-image: url(http://www.lutte-ouvriere.org/uciimg/unioncommuniste.php);}
a.menu06 {top: 155px; background-image: url(../templates/menu06.gif);}
a.menu07 {top: 186px; background-image: url(../templates/menu07.gif);}

a.menu01:hover, a.menu02:hover, a.menu03:hover, a.menu04:hover, a.menu05:hover, a.menu06:hover, a.menu07:hover {background-position: 0 -30px;}

#ligne01, #ligne02, #ligne03, #ligne04, #ligne05, #ligne06 {position: absolute; z-index: 1; left: 50%; margin-left: 281px; width: 200px; height: 1px}
#ligne01 {top: 30px;}
#ligne02 {top: 61px;}
#ligne03 {top: 92px;}
#ligne04 {top: 123px;}
#ligne05 {top: 154px;}
#ligne06 {top: 185px;}
#queuemenu {height: 33px;}

#menu01on, #menu02on, #menu03on, #menu04on, #menu05on, #menu06on, #menu07on {position: absolute; z-index: 40; left: 50%; margin-left: 281px; }
#menu01on {top: 0px; }
#menu02on {top: 31px; }
#menu03on {top: 62px; }
#menu04on {top: 93px; }
#menu05on {top: 124px;}
#menu06on {top: 155px; }
#menu07on {top: 186px; }
		

div#colgauche {padding: 0px 0 80px 10px; width: 760px; float: left;}
div#colgauchesommaire {padding: 0 0 80px 10px; width: 370px; float: left;}
div#colcentre {padding: 0 0 80px 10px; margin: 0 0 0 6px; width: 385px; overflow: hidden; float: left}
div#coldroite {padding: 0 10px 80px 10px; width: 198px; float: right;}
div#colgaucherechav {padding: 10px 0 80px 15px; width: 660px; float: left;}
div#coldroiterechav {padding: 10px 15px 80px 10px; width: 298px; float: right;}
div#colgaucheinterne {padding: 0; margin: 0; width: 440px; float: left;}
div#coldroiteinterne {padding: 0; width: 305px; float: right; overflow: hidden}

	
#barredemenus{z-index: 20; position: absolute; top: 180px; width: 650px}

/* STYLES POUR LES MENUS  */
#nav, #nav ul {padding: 0; margin: 0; list-style: none; line-height: 110%; z-index: 500}
#nav a {display: block; height: 13px; margin: 0 1px 0 0; padding: 10px 6px 9px 6px; border-top: 0; border-left: 0px solid #fff; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; background: url(../templates/degrademenu.gif) repeat-x; font-size: 1.1em; color: #FFF;}
#nav a, #nav a:visited, #nav a:hover {text-decoration: none}
#nav a:hover {background: #ee2c29;}
#nav li.home  {width: 31px; padding: 0}
#nav li {float: left; width: 140px;}
#nav li ul {position: absolute; width: 10em; left: -999em; left: -999em; min-height: 1%; }
#nav li ul a {background: #c23735; font-weight: normal; height: auto; padding: 4px 6px; font-size: 1em;}
#nav li ul ul {margin: -21px 0 0 140px; font-style: italic; min-height: 1%; }
#nav ul li ul li {float: left; width: 140px; border-top: 0px solid #aaa; border-bottom: 0px solid #aaa; margin: 0 0 0 0; padding: 0 0 0 0}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto; } 
#nav li .regions-g {margin-left: 0px; min-height: 1%; }
#nav li .regions-d {margin-left: 218px; min-height: 1%; }
#nav li .regions-c {margin-left: 109px; min-height: 1%; }
#nav ul li ul.regions-g li, #nav ul li ul.regions-d li, #nav ul li ul.regions-c li {width: 110px;}
#maison {margin: -6px 0 0 -1px}

#pave-langues {position: absolute; z-index: 8; right: 0%; margin-right: 10px; top: 175px}
#pave-langues table {border-color: #FFF; border-spacing: 6px}
#pave-langues td {border-color: #FFF; background-color: #DDD; width: 60px; text-align: center}

/* STYLES DE CARACTERES */
.rouge12 {font-size: 1em; color: #C23735}
.rouge13 {font-size: 1.1em; color: #C23735}
.rouge14 {font-size: 1.2em; color: #C23735}
.rouge16 {font-size: 1.4em; color: #C23735}
.rouge18 {font-size: 1.6em; color: #C23735}
.rouge20 {font-size: 1.8em; color: #C23735}
.rouge24 {font-size: 2.2em; color: #C23735}
.gris10 {font-size: 0.8em}
.gris11 {font-size: 0.9em}
.gris12 {font-size: 1em}
.gris13 {font-size: 1.1em}
.gris14 {font-size: 1.2em}
.gris15 {font-size: 1.3em}
.gris16 {font-size: 1.4em; line-height: 125%}
.grisclair12 {font-size: 1em; color: #666}
.grisclair13 {font-size: 1.1em; color: #666}
.grisclair18 {font-size: 1.6em; color: #666}
.grisclair20 {font-size: 1.8em; color: #666}
.blanc12 {font-size: 1em; color: #FFF}
.blanc13 {font-size: 1.1em; color: #FFF}
.blanc14 {font-size: 1.2em; color: #FFF}
.blanc15 {font-size: 1.3em; color: #FFF}
.petit {font-variant: small-caps; letter-spacing: 1px}
.caps {text-transform: uppercase}
.space {letter-spacing: 1px}
.georgia {font-family: "Georgia", serif; line-height: 130%}


/* STYLES DE PARAGRAPHES */
.gauche {text-align : left}
.centre {text-align: center}
.justif {text-align: justify}
.droite {text-align : right}
.interparag  p {margin: 3px 0}
.pasdinter p {margin: 0}
.indent p {text-indent: 20px}
.nonindent, .nonindent p {text-indent: 0px;}
.inter125 {line-height: 130%}
.inter115  {line-height: 115%}
.chapo {margin: 6px 0; background-color: #AAA; color: #FFF; font-size: 14px}
.signaturearticle {text-align: right; font-weight: bold; font-size: 14px}

/* STYLES DE LISTES */
ul, ul ul, ul ul ul, ul.spip, ul ul.spip {text-align : left; text-indent: 0px; margin: 0 0 0 17px; list-style-image: url(../../squelettes-dist/puce.gif); list-style-position: outside; }
ul.pasdepuce {list-style-image: none; list-style-type: none; list-style-position: inside; margin-left: -4px;} 
ul.pasdepuce  ul {margin-left: 22px;}
ul.pasdepuce  ul  ul {margin-left: 18px;}
ul.pasdepuce  ul  ul.puceronde {list-style-type: disc; list-style-image: none; margin-left: 20px}
ul.puceronde {list-style-type: disc; }

/* CONTENEURS DE MISE EN FORME : PAVES, CHAPEAUX...  */
.pave-001 {text-indent: 15px; text-align: left; border: 1px solid #BBB; background-color:#FFF; padding: 9px 0 0 0; -moz-box-shadow: 3px 3px 4px 0 #CCC; -moz-border-radius-topright: 15px; -webkit-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; -webkit-border-radius-topleft: 15px; -khtml-border-radius-topright: 15px; -khtml-border-radius-topleft: 15px; -webkit-box-shadow: 3px 3px 4px 0 #CCC; -khtml-box-shadow: 3px 3px 4px 0 #CCC; }
.chapo-001  {margin: -9px 0 9px 0; padding : 6px; background: url(../templates/pdroit.gif) repeat-x; background-position: 50% 0%; background-color: #c23735; color: #FFF; -moz-border-radius-topright: 15px; -webkit-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; -webkit-border-radius-topleft: 15px; -khtml-border-radius-topright: 15px; -khtml-border-radius-left: 15px; } 
.pave-100 {text-align: left; margin-top: 12px; padding : 0; border: 1px solid #BBB; -moz-box-shadow: 3px 3px 4px 0 #CCC; width: 368px; -moz-border-radius-topleft: 15px; -webkit-border-radius-topleft: 15px; -khtml-border-radius-topright: 15px; -webkit-box-shadow: 3px 3px 4px 0 #CCC; -khtml-box-shadow: 3px 3px 4px 0 #CCC;}
.pave-010 {background: #F7F7F7; margin: 0 ; border: 1px solid #BBB; -moz-box-shadow: 3px 3px 4px 0 #CCC; width: 380px; -moz-border-radius-topright: 15px; -webkit-border-radius-topright: 15px; -khtml-border-radius-topright: 15px; -webkit-box-shadow: 3px 3px 4px 0 #CCC; -khtml-box-shadow: 3px 3px 4px 0 #CCC;}
.pave-100-agenda {text-align: left; margin-top: 0; padding : 0; border: 1px solid #BBB; -moz-box-shadow: 3px 3px 4px 0 #CCC; width: 368px; -moz-border-radius-topleft: 15px; -webkit-border-radius-topleft: 15px; -khtml-border-radius-topleft: 15px; }
.chapo-100 {text-align: center; background: #c23735 url(../templates/pdroit.gif) repeat-x  50% 0%; padding: 6px 0; margin: 0 ; -moz-border-radius-topleft: 15px; -webkit-border-radius-topleft: 15px; -khtml-border-radius-topleft: 15px; }
.souscoldroite300 {padding: 0; width: 300px; float: right; }
.souscoldroite330 {padding: 0; width: 260px; float: right; }
.souscoldroite230 {padding: 0; width: 230px; float: right; }
.souscoldroite210 {padding: 0; width: 210px; float: right; }
.contenu-010 {margin: 9px}
.pave-bord-rouge{background: #F7F7F7; padding : 6px 9px; border: 2px solid #c23735; -moz-box-shadow: 3px 3px 4px 0 #CCC; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -webkit-box-shadow: 3px 3px 4px 0 #CCC; -khtml-box-shadow: 3px 3px 4px 0 #CCC;}
.bloc, .bloc2 {text-align: justify; background: #F9efdf; padding : 6px 9px; border-style: solid; border-color: #BBB; border-width: 0 0 1px 0; margin: 0}
.bloc2 {background: #EEE}
.bloc .entete, .bloc2 .entete {background: #FFF; border-style: solid; border-color: #AAA; border-width: 0 0 1px 0; text-align: center; font-size: 14px; font-weight: bold; color: #C23735; padding: 4px 0; text-transform: uppercase; margin: -6px -9px 6px -9px; }
.pave-011 {margin: 0 10px 12px 10px; width: 595px; border: 1px solid #BBB; float: right; background: #DDD url(../templates/pdroit.gif) repeat-x; -moz-box-shadow: 3px 3px 4px 0 #CCC; -moz-border-radius-topright: 15px; -webkit-border-radius-topright: 15px; -khtml-border-radius-topright: 15px; -webkit-box-shadow: 3px 3px 4px 0 #CCC; -khtml-box-shadow: 3px 3px 4px 0 #CCC;}
.bord-rouge {background: #F7F7F7; border: 2px solid #c23735; -moz-box-shadow: 3px 3px 4px 0 #CCC; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -webkit-box-shadow: 3px 3px 4px 0 #CCC; -khtml-box-shadow: 3px 3px 4px 0 #CCC;}
#mesblocs {padding: 0 9px 9px 9px}

/* MISE EN FORME DES CHAMPS DE RECHERCHE  */
.form_recherche {position: absolute; top: 132px; left: 12px; font-size: 12px; color: #555; } 
.saisie {display: inline; width: 186px; padding: 0; margin: 0; background: #FFF}
.submit {display: inline; }
#colgauche .formulaire_spip input.text {width:99%;}
.formulaire_spip select {width: 250px}
.spip_documents {text-indent: 0px; }
fieldset {padding: 0; margin: 0}
.formulaire_spip {margin: 0}
.formulaire_spip ul li {padding: 0}
.formulaire_spip label {margin: 12px 0 3px 0}
.warning {color: #000; border:2px solid #dc143c; background: #FFC; text-align: justify; padding: 9px; }
.formulaire_recherche input.text{position: absolute; top: 120px; left: 24px; width: 145px}
.formulaire_recherche input.submit {position: absolute; top: 118px; left: 197px; height: 23px; width: 35px}
.boutonvalid {width: 180px; text-indent: 0px}
.spip_documents {margin: 0}

/* ELEMENTS PROPRES A SPIP  */
.spip_documents_left {margin: 0 10px 0 0}
.spip_documents_right {margin: 0 0 0 10px}
.spip_logos, .cartouche .spip_logos, .logo-liste-art .spip_logos {margin: 0; padding: 0}
h4.spip {margin: 18px 0 6px 0; font-size: 1.2em; font-weight: bold; font-style: normal; letter-spacing: 1px; padding: 0; line-height: 130%}
h3.spip {margin: 30px 0 6px 0; font-size: 1.3em; font-weight: bold; font-style: normal; letter-spacing: 1px; background-color: #FFF; font-family: "Georgia", Serif; line-height: 130%}


/* ELEMENTS SPECIAUX (AVERTISSEMENTS, CADRES...)  */
#derniere-ldc {border: 1px solid #666; background-color: #F0F0F0; padding: 9px;}
#derniere-ldc .titre {background-color: #999; padding: 7px; margin: -9px -9px 12px -9px;} 
.disclaimer {margin: 12px 0; border: 3px solid #c23735; background: #EEE; padding: 9px; padding-top: -18px; padding-bottom: 18px; color : #333; }
.disclaimer  p {text-align : left; }
.cadrepdf {width: 350px; border: 1px solid #000; padding: 9px; float: right; margin: 6px 0 12px 24px;}
.cadreliensmultimedia {width: 350px; border: 1px solid #000; padding: 9px; float: right; margin: 0 0 12px 24px;}
.cadreliensmultimedia2 {width: 250px; border: 1px solid #000; padding: 9px; float: right; margin: 0 0 12px 12px;}
#tablematiere {text-align: left; border-style: solid; border-width: 1px; border-color: #000; float: right; padding: 9px; margin: 0 0 12px 24px; width: 350px; background-color: #f3f3f3; z-index: 500}
#tablematiere ul {list-style-image:url(../../squelettes-dist/puce.gif); padding: 3px 0 3px 6px; margin: 12px 0 0 12px; }
#tablematiere ul ul {list-style: disc; margin: 1px 0 1px 9px; }
#tablematiere ul li {margin: 2px 0; font-weight: bold}
#tablematiere ul li li {font-weight: normal}

.separateur {padding: 0 2px 0 0}
#liste {width: 200px; margin: 6px 0 0 0; text-align: right}
img {border: 0 none; margin: 0}
#newsletter p {}
#email{width: 175px; text-indent: 0px}
.imglogo {vertical-align : -8px; margin: 2px 0 0 0}

/* STYLES DE MISE EN PAGE */
.lf3 {display: block; height: 3px}
.lf6 {display: block; height: 6px}
.lf8 {display: block; height: 8px}
.lf9 {display: block; height: 9px}
.lf12 {display: block; height: 12px}
.lf18 {display: block; height: 18px}
.lf24 {display: block; height: 24px}

/* GESTION DES ELEMENTS DEPLIANTS */
.deplie {text-align: left; margin-top: 12px; padding : 9px; border: 1px solid #BBB; -moz-box-shadow: 3px 3px 4px 0 #CCC; width: 282px; -moz-border-radius-topleft: 15px; -webkit-border-radius-topleft: 15px;}
.deplie ul {text-align : left;  margin: 0 0 6px 0; text-indent: 0px; list-style-image: none; list-style-type: none; }
.deplie td {border: 0px solid #FFF; padding: 0}
.deplie ul table {border-collapse:collapse; padding:0; margin:0; border: 0px solid #FFF}
.deplie ul ul {list-style-image: url(../../squelettes-dist/puce.gif); margin: 0 0 0 17px}
.deplie ul li {margin: 0 }
.deplie ul li a, #sixpages ul li a:visited , .deplie ul li a.last, #sixpages ul li a.last:visited, .deplie ul li:hover ul, #sixpages ul li a:hover ul{display:block; }
.deplie ul li ul {display:none;}
.deplie hr {background-color:#EEE; color:#EEE; height:1px; margin: 2px 0;}

/* STYLES DIVERS */
hr{margin: 12px 250px}
#colcentre hr {margin: 9px 0 9px 0; color: #AAA; background-color: #AAA}
.breves hr {margin: 9px 250px;}
.emphase {text-align: left; border-style: solid; border-width: 0 0 0 8px; background: #E0E0E0; border-color: #C23735; padding: 12px 10px; margin: 12px 10px }
.redunderline {margin: 36px 0 6px 0; border-style: solid; border-color: #C23735; border-width: 0 0 1px 0}
.vignette {border-style: outset; border-width: 2px; float: left; margin: 0 6px 0 0;}
#pieddepage a:visited, #pieddepage a:link  {color: #fff; text-decoration: none}
#pieddepage a:hover {color: #fff; text-decoration: underline}
a.lec {display: block; width: 24px; height: 24px; background: url(../templates/micro.gif); border-width: 0px;}
a.rec {display: block; width: 24px; height: 24px; background: url(../templates/download.gif); border-width: 0px;}
#mesblocs h4 .blocs_titre, #mesblocs h4 .blocs_replie, #mesblocs .blocs_titre, #mesblocs .blocs_replie {font-style: normal; font-size: 100%; margin: 0; }
.piedpave {text-align: right; text-transform: uppercase; background: #DDD; padding: 4px 9px; text-indent: 0px; } 
.image-dossier {display: block; height: 220px; background: url(../templates/dossier200.jpg) top center no-repeat;}
.image-dossier p {margin: 55px 0 0 40px; text-align: left; width: 110px}
.sommaire-ldc {border-width: 0 0 0 1px; border-style: solid; border-color:  #BBB; padding: 0 0 0 6px; margin: 0 0 6px 0}
hr.annuaire {margin: 1px 0 6px 0; width: 100%; height: 1px; color: #EEE; background-color: #999; border-width: 0px; border-style: none;}
#contactshaut {position: absolute; top: 158px; left: 18px; color: #fff} 
#recherche_avancee {position: absolute; top: 116px; left: 16px; color: #fff} 
#contactshaut a:visited, #contactshaut a:link, #recherche_avancee a:visited, #recherche_avancee a:link{color: #fff; text-decoration: none}
#contactshaut a:hover, #recherche_avancee a:hover {color: #fff; text-decoration: underline}
.triangle {float: right; margin: 0px; vertical-align: -20%}
.flottegauche {float: left}
.flottedroite {float: right}
.largeur170 {width: 170px}
.largeur250 {width: 250px}
.largeur300 {width: 320px}
.largeur690 {width: 690px}
.largeur600 {width: 600px}
.largeur580 {width: 580px}
.hauteuraff {min-height: 280px}
.pave-010 embed, .pave-010 object {max-width: 280px; max-height: 216px;}
.pagination {margin: 4px}
.plank {display: none;}


table, table.spip {border: 1px solid #999; border-collapse: collapse; margin-left: 0}
td, th, table.spip td, table.spip th {border: 1px solid #999; text-align: left; margin: 0; padding: 4px 9px; font-size: 13px;}
tr.row_first, table.spip tr.row_first {background-color:#666; color: #FFF;}
tr.row_odd, table.spip tr.row_odd {background-color:#e6e6e6;}
tr.row_even, table.spip tr.row_even {background-color:#f6f6f6;}
td.centre, th.centre, table.spip td.centre, table.spip th.centre {text-align: center}


.souscription table.spip {margin: 20px 0 0 0}
.souscription table.spip tr.row_first td {font-variant: small-caps; font-weight: bold; vertical-align: middle}
.souscription table.spip tr {height: 40px}

.formulaire_spip label {margin: 0}

.editer_lsr_mode {display: none}
.formulaire_spip input.text {width:98%;}

.nouveau {position : absolute; top : 190px; left : 870px; display: none}

div#feature_list {width: 595px; height: 250px; overflow: hidden; margin: -2px 0 0 0; position: relative;}
div#feature_list ul {list-style: none;	 padding: 0; margin: 0;}
ul#tabs {position: absolute; top: 0; right: 0; z-index: 2; width: 185px; line-height: 100%;}
ul#tabs li {border: 0px none; margin: 0; padding: 0; display: block; vertical-align: middle; }
ul#tabs li a {color: #222; text-decoration: none; display: block; padding: 7px 3px 3px 35px; height: 40px; outline: none;}
ul#tabs li a:hover {text-decoration: underline;}
ul#tabs li a.current {background:  url('../templates/curseur.png'); color: #FFF; }
ul#tabs li a.current:hover {text-decoration: none; cursor: default;}
ul#output {left: 0; width: 440px; height: 250px; position: relative; overflow: hidden; background: url('../templates/radio.jpg')}
ul#output li {position: absolute; width: 440px; height: 250px; overflow: hidden; text-align: center}
ul#output li img.thumbnail {height: 100%;}
ul#output li .legend  {position: absolute; width: 420px; bottom: 0px; left: 0px; padding: 4px 12px; text-decoration: none; text-align: center; color: #FFF; background: #555; -moz-opacity:0.8; opacity: 0.8; filter:alpha(opacity=80);}
ul#output li a.legend:hover {-moz-opacity:1; opacity: 1; filter:alpha(opacity=100);}
ul#output li a.play:hover {-moz-opacity:1; opacity: 1; filter:alpha(opacity=100);}
ul#output .play {position: absolute; top: 80px; left: 183px; z-index: 2; -moz-opacity:0.6; opacity: 0.6; filter:alpha(opacity=60);}

.illustr {margin:13px 6px 0 35px; float: left}


.fonds-newsletter {padding: 0 9px 9px 9px; background: url('../templates/newsletter.jpg')}
.fonds-al {padding: 0; background: url('../templates/drapeau.jpg')}
.fonds-agenda {background: #3C504F url('../templates/drapeau2.jpg') no-repeat}
.masque-agenda {margin: 0 0 0 50px; background: #FFF; -moz-opacity:0.9; opacity: 0.9; filter:alpha(opacity=93);}
.masque-edito {padding: 9px; }
.masque-pave-001 {padding: 0 9px 9px 9px; }
.masque-meeting-region {padding: 9px 9px 0 9px}
.vignette-edito {width:90px ; float: right; margin : 9px 0 0 9px}
.titre-edito {float:left; width: 250px; margin: 0; padding: 6px 9px; }
.pave-titre-edito {background: #ebe5cf;}
.ariane {position: relative; }

#wrapper {width:508px; margin:0 auto}
h1 {font-size:14px; margin:0 0 15px 0}
h2 {font-size:14px; margin:15px 0}
.link {cursor:pointer; color:#666}
.link:hover {color:#000}
.slider {position:relative; overflow:hidden; border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:1px solid #9ac1c9}
.section {padding:10px}
.newsslider {position:relative; overflow:hidden; border:2px solid #9ac1c9; height:95px; width:300px; background:#eef5f6; margin-bottom:20px}
.newsslidercontent {position:absolute}
.newsslidercontent .upper {border-bottom:1px solid #9ac1c9}
.newssection {padding:10px; height:75px}

#canvas0, #canvas1 {padding-left: 12px; text-indent: 0}

.annonceblog {padding: 9px; margin: 0 10px 12px 10px; font-size: 15px; width: 575px; border: 1px solid #BBB; float: right; background: #DDD url(../templates/pdroit.gif) repeat-x; background: #F7F7F7; border: 2px solid #c23735; -moz-box-shadow: 3px 3px 4px 0 #CCC; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -webkit-box-shadow: 3px 3px 4px 0 #CCC; -khtml-box-shadow: 3px 3px 4px 0 #CCC;}

#map_canvas {height: 400px; width: 100%; border:   1px solid #999}
#map_canvas2 {margin: 12px auto; height: 620px; width: 98%; border: 1px solid #999}


.info-icon {vertical-align: baseline; margin-right: 6px}
.codevideo {font-family: Monospace; font-size: 11px; text-align: left; border: 1px solid; padding: 6px; width:630px}

.scroll {height: 200px; overflow: auto}