/* CSS Document by Black meridian */
/* www.hommes-et-migrations.fr 2009 */


/* ------------------------------------------------------------ */
/* >>>>>>>>>>>>>   aide couleurs                 <<<<<<<<<<<<<< */
/* ------------------------------------------------------------ */

/* Colors Help {gris:#939598;gris-clair:#dfdfe0; orange: #e1601e ;rouge : #b2151a ;noir:#1b1b1b;blanc:#ffffff}*/

/* ------------------------------------------------------------ */
/* >>>>>>>>>>>>>  generalites                    <<<<<<<<<<<<<< */
/* ------------------------------------------------------------ */

HTML {font-size: 100%;background-color:#dfdfe0;}
/* La taille de base sera de 10px avec les valeurs par defaut de police du navigateur */
body{width: 100%;text-align:center;margin:0 auto;padding:18px 0 0 0;font: 0.625em/1em Arial, Verdana, "Trebuchet MS", sans-serif;  background:url(images/fondEnteteRepeatX-others.png) repeat-x  ;}


input, select, textarea{font-size: 100%;}

.accessibilite {display:none}

h2 {display:none}
hr.clear{height: 0;width:0;clear:both}
em{font-style:normal}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.clear { clear:both}

/* --------------- Couleur numéros ---------*/
.orange{color:#e1601e}
.orangeclair{color:#fda633;}
.vertfonce{color:#339900;}
.vertpale{color:#99cc00;}
.bleuclair{color:#8ddef8;}
.bleumarine{color:#19336a;}
.bleutypo{color:#0088ff;}
.marron{color:#79393a}
.marronclair{color:#e28600}

/*.couleurdefaut {color:#e1601e}*/
.couleurdefaut {color:#660033}
.couleurFFCC00 {color:#FFCC00}
.couleurCC9900 {color:#CC9900}
.couleurFF9900 {color:#FF9900}
.couleurCC6600 {color:#CC6600}
.couleur996600 {color:#996600}
.couleurCC3300 {color:#CC3300}
.couleurCC0000 {color:#CC0000}
.couleur660033 {color:#660033}
.couleur66CC00 {color:#66CC00}
.couleur669900 {color:#669900}
.couleur336600 {color:#336600}
.couleur009933 {color:#009933}
.couleur009999 {color:#009999}
.couleur006666 {color:#006666}
.couleur003366 {color:#003366}
.couleur000033 {color:#000033}


.noir{color:#1b1b1b}
.rouge{color:#b2151a;}
/* --------------- structure ---------*/

#entete { height:195px; position:relative;z-index:3000;}

#page {text-align:left;position:relative; background:transparent url(images/fondEntete.png) no-repeat top;width: 932px;margin: 0 auto; border: 0px solid #000;}


/* --------------- #lien accueil ---------*/
h1#accueil {position:absolute;top:30px;left: 40px;}
h1#accueil a{width:280px;height:75px;display:block;}

/* --------------- #nav-niv-1 ---------*/
#nav-niv-1-et-2{position:absolute;top:133px;left:45px;z-index: 2000;}

#nav-1{overflow:auto;}
#nav-1 li{float: left;list-style: none;margin-right:3px;}
#nav-1 li a{display: block;background:#939598;color: #ffffff;text-decoration: none;font-weight: bold;font-size:1.1em;text-transform: uppercase;}
#nav-1 li a span{display: block;padding: 5px 13px;}
#nav-1 li a:active span{background-color: #b2151a}

/* --------------- #niv-nav-2 ---------*/
#nav-1 li ul {position: absolute;width: 137px;left: -999em;background:transparent url(images/bas-menu.png) no-repeat -2px bottom ; padding:0 0 9px 0;}

#nav-1 li ul li {margin:0;padding:0;width: 137px;background:transparent url(images/fond-menu.png) repeat-y left center;position:relative;left:-2px;border:0 none;float:none;}
#nav-1 li ul a, #nav-1 li ul a:link {color:#939598;padding: 3px 5px;width: 122px;background: none;position:relative;left:3px;text-transform:none;line-height:1.3em;font-weight:normal}
#nav-1 li ul a:hover {background:#dfdfe0 left center;}
#nav-1 li ul a:active {background:none;color:#b2151a;}
#nav-1 li:hover ul, #nav-1 li.sfhover ul {left: auto;}

.end-menu{background:url(images/bas-menu.png) no-repeat bottom center;width:137px;height:9px;}
/* --------------- recherche  ---------*/
/* --------------- recherche  ---------*/
#block-recherche{width:230px;position:absolute;top:140px;right:50px;text-align:right;}
#block-recherche #query{width:132px;height:13px;padding:2px 3px;line-height:1.2em;font-size:1.1em;background-color:#d3d8df;color:#1b1b1b;border:0 none;}
#block-recherche #ok{padding:1px 3px;background-color:#b2151a;color:#ffffff;cursor:pointer;border:0 none;font-weight:bold;text-align:center;}
#block-recherche #ok:hover{background-color:#1b1b1b;color:#ffffff;cursor:pointer;}

#block-recherche #first-search a {color:#b2151a;text-decoration:none;text-align:right;display:block;line-height:1.6em;}
#block-recherche #first-search a:hover {text-decoration:underline;}
#form{position:relative;}
#advanced_search{color:#b2151a;text-decoration:none;text-align:right;font-size:1.1em;line-height:1.3em;background:#ffffff;border:1px solid #dfdfe0;position:absolute;right:0;top:35px;width:220px;padding:0 0 0 10px}
#advanced_search label{width:80px;float:left;clear:both;display:block;text-align:left;margin:3px 0 0 0}
#advanced_search select{margin:3px 3px 5px 0;border:0 none;color:#000000;background-color:#ffffff;border:1px solid #d3d8df;width:120px}
#advanced_search .searchbutton{clear:both;padding:1px 3px;margin:0 3px 3px 0;background-color:#b2151a;color:#ffffff;cursor:pointer;border:0 none;font-weight:bold;text-align:center;}
#advanced_search .searchbutton:hover{padding:1px 3px;background-color:#1b1b1b;color:#ffffff;cursor:pointer;border:0 none;font-weight:bold;text-align:center;}

/* --------------- #Fil d'arianne ---------*/
ul#ariane{background:url(images/fleche-grise.png) no-repeat left center;padding: 0 0 2px 12px;position:absolute;bottom:10px;left:45px;color:#b2151a;}
ul#ariane li{display:inline;}
ul#ariane li a{text-decoration:none;color:#939598}
ul#ariane li a.current{color:#b2151a}


/* --------------- #Contenu ---------*/
#content {padding:15px 0 25px 45px;background-color:#fff}

#content{width:870px;padding:13px 0 25px 30px;background-color:#fff;position:relative;left:15px;overflow:hidden}
#content p.infos{background: url(images/equerre.png) no-repeat top left;padding:2px 0 0 13px;color:#939598;}
#content p.nomarg{margin:0 0 5px 0;font-size:1.1em;}
.template2 #content p{color:#1b1b1b}


/******------------------------------------------------------------------------******/
/* --------------------------------- accueil     -----------------------------------*/
/******------------------------------------------------------------------------******/


body.template1{ background:#FFF url(images/fondEnteteRepeatX.png) repeat-x  ;}

.template1 #content p.infos{background: url(images/equerre.png) no-repeat top left;padding:2px 0 0 13px;color:#939598;}
.template1 #content p.nomarg{margin:0 0 5px 0;}
.template1 #content p{}

	/* -------- #a la une -----*/
.template1 #content #une {width:482px;float: left;}
.template1 #content #une h3 {background:#b2151a url(images/une.png) no-repeat right;height:38px;display:block;width:100%;padding:0 0 0 45px;position:relative;left:-45px}
.template1 #content #une #contenu-une{width:330px;position:relative;z-index:500;}
.template1 #content #une #contenu-une h4{font-size:1.7em;font-weight:bold;line-height:1.3em; padding-top:6px}
.template1 #content #une #contenu-une h5{font-size:1.2em;font-weight:bold;line-height:1.3em; padding-bottom:2px}

.template1 #content #une #contenu-une p#coord {margin:0 0 15px 0; line-height:1.2em;}
.template1 #content #une #contenu-une p#coord em{color:#939598;}
.template1 #content #une #contenu-une p em{}
.template1 #content #une #contenu-une p.article{font-size:1.1em;line-height:1.3em;margin:0 0 15px 0}
.template1 #content #une #contenu-une p.extrait {font-size:1.2em;line-height:1.3em;margin:0 0 15px 0}
.template1 #content #une #contenu-une div.secure{position:absolute;right:-152px;top:0;overflow:hidden;width:140px;height:200px;z-index:10;}
.template1 #content #une #contenu-une p#sommaire{background: url(images/picto.png) no-repeat left center;height:16px;padding:11px 0 0 30px;font-size:1.1em;}
.template1 #content #une #contenu-une p#sommaire a{text-decoration:none;color:#b2151a;}
.template1 #content #une #contenu-une p#sommaire a:hover{text-decoration:underline}

/* -------- #Zoom - Agenda -----*/
.template1 #content #zoom-agenda {margin-left:530px;padding:0 15px 0 0;}
.template1 #content #zoom-agenda  h4 {color:#b2151a;font-size:1.5em; line-height:1.2em; margin:0 0 10px 0;font-weight:bold}
.template1 #content #zoom-agenda #agenda hr{background: url(images/separation-1px.png) repeat-x left;margin:10px 0;height:1px;border:none;}
.template1 #content #zoom-agenda #zoom hr{background: url(images/separation-1px.png) repeat-x left;margin:0 0 10px 0;height:1px;border:none}
.template1 #content #zoom-agenda #horsdossier hr{background: url(images/separation-1px.png) repeat-x left;margin:10px 0;height:1px;border:none;}

.template1 #content #zoom-agenda #agenda{margin:0 0 15px 0}
.template1 #content #zoom-agenda #agenda h3 {background:url(images/agenda.png) no-repeat ;height:23px;padding:0 0 4px 0;border-bottom:1px solid #b2151a;margin:10px 0;}
.template1 #content #zoom-agenda #agenda p.infos a{background: url(images/fleche.png) no-repeat center left;margin:0 0 0 10px;padding:0 10px;color:#b2151a;text-decoration:none}
.template1 #content #zoom-agenda #agenda p.infos a:hover{color:#b2151a;text-decoration:underline}
.template1 #content #zoom-agenda #zoom h3 {background:url(images/zoom.png) no-repeat ;height:18px;padding:0 0 4px 0;border-bottom:1px solid #b2151a;margin:0 0 10px 0;}
.template1 #content #zoom-agenda #zoom p.extrait{font-size:1.2em;line-height:1.3em;margin: 10px 0}
.template1 #content #zoom-agenda #zoom p.extrait a{font-size:1em; background: url(images/fleche.png) no-repeat center left;margin:0 0 0 10px;padding:0 10px;color:#b2151a;text-decoration:none}
.template1 #content #zoom-agenda #zoom p.extrait a:hover{color:#b2151a;text-decoration:underline}

/* -------- #Hors dossier -----*/
.template1 #content #zoom-agenda #horsdossier h3 {background:url(images/hors_dossier.png) no-repeat ;height:23px;padding:0 0 4px 0;border-bottom:1px solid #b2151a;margin:10px 0;}
.template1 #content #zoom-agenda #horsdossier p.infos a{background: url(images/fleche.png) no-repeat center left;margin:0 0 0 10px;padding:0 10px;color:#b2151a;text-decoration:none}
.template1 #content #zoom-agenda #horsdossier p.infos a:hover{color:#b2151a;text-decoration:underline}
.template1 #content #zoom-agenda #horsdossier p.extrait{font-size:1.2em;line-height:1.3em;margin: 10px 0}
.template1 #content #zoom-agenda #horsdossier p.extrait a{font-size:1em; background: url(images/fleche.png) no-repeat center left;margin:0 0 0 10px;padding:0 10px;color:#b2151a;text-decoration:none}
.template1 #content #zoom-agenda #horsdossier p.extrait a:hover{color:#b2151a;text-decoration:underline}

/******------------------------------------------------------------------------******/
/* --------------------------------- #Historique -----------------------------------*/
/******------------------------------------------------------------------------******/

/* -------- #Historique -----*/

.template2 #content #grandTitre {background-color:#b2151a;width:100%;height:29px;position:relative;left:-45px;padding: 0 0 0 45px;}
.template2 #content #grandTitre h3 {font-size:1.4em;line-height:28px; width:628px; overflow:hidden; font-weight:bold;color:#ffffff;letter-spacing:1px;}
.template2 #content #grandTitre h4 {font-size:1.4em;line-height:28px; width:628px; overflow:hidden; font-weight:bold;color:#b2151a;letter-spacing:1px;}

.template2 #content #navigation {position:absolute;right:30px; text-align:right; top:10px;color:#fff;height:20px;width:245px;}

.template2 #content #navigation a#precedent {background:url(images/precedent.png) no-repeat center left;padding:0 0 1px 25px;font-size:1.1em;color:#fff;height: 10px;}
.template2 #content #navigation a#suivant {background:url(images/suivant.png) no-repeat center right;padding: 0 25px 1px 0;font-size:1.1em;color:#fff;height: 10px;}
/* -- #Chapeau -- */
.template2 #content #chapeau {padding:25px 30px 10px 0;position:relative;}
.template2 #content #chapeau #haut p{float:left;font-size:1.1em;color:#939598;line-height:1.3em;margin: 0 0 15px 0;}
.template2 #content #chapeau #haut ul{float:right;}
.template2 #content #chapeau #haut ul li{float: left;font-size:1.1em;color:#939598;margin-right:20px;}
.template2 #content #chapeau #haut ul li.last{margin-right:0}
.template2 #content #chapeau #haut ul li#pdf {background: url(images/picto-pdf.png) no-repeat left center;padding:5px 0 1px 25px;height:17px}
.template2 #content #chapeau #haut ul li#imprimer {background: url(images/picto-imprimer.png) no-repeat left center;padding:5px 0 1px 30px;height:11px}
.template2 #content #chapeau #haut ul li#signaler { display:none; background: url(images/picto-signaler.png) no-repeat left center;padding:5px 0 1px 30px;height:10px}
.template2 #content #chapeau #haut ul li a{color:#939598;text-decoration:none;}
.template2 #content #chapeau #haut ul li a:hover {color:#939598;text-decoration:underline;}

.template2 #content #chapeau #left {float:left;width:309px}
.template2 #content #chapeau #left #secure {width:305px;height:205px;overflow:hidden;border:2px solid #c9d0db}
.template2 #content #chapeau #left p {font-size:1.1em;line-height:1.3em;margin-top:5px;color:#939598;}

.template2 #content #chapeau #right{margin-left:320px}
.template2 #content #chapeau #right p{font-size:1.2em;line-height:1.4em;color:#939598;margin-bottom:10px}

#content .separation {background: url(images/separation-1px-pointille.png) repeat-x left;height:1px;border:none;margin:0;width:100%;position:relative;left:-30px;padding:0 0 0 30px}

/* -- #tab-matiere -- */
.template2 #content #tab-matiere {width:289px;background-color:#b2151a;padding:0px 10px;color:#fff;margin-top: 20px;float:left;position:relative}
.template2 #content #tab-matiere h4{font-size:1.3em;font-weight:bold;margin-bottom:20px; padding-top:10px}
.template2 #content #tab-matiere ul {padding-bottom:10px}
.template2 #content #tab-matiere ul li{background:url(images/separation-1px-tabmatiere.png) repeat-x bottom;font-size:1.1em;line-height:1.3em;margin-bottom:5px;padding:0 0 5px 0}
.template2 #content #tab-matiere ul li.last{background:none;margin:0}
.template2 #content #tab-matiere ul li a{color:#fff}

/* -- #Article -- */
.template2 #content #article{margin-left:320px;margin-top: 20px;padding:0 30px 0 0;width:520px}
.template2 #content #article h4{font-size:1.3em;font-weight:bold;line-height:1.2em;color:#000000;border-bottom:2px solid #b2151a ;padding:0 30px 2px 0;margin:0 0 10px 0;width:100%;}

.template2 #content #article h4 a{ color:#000; }

.template2 #content #article p.italic{ font-style:oblique}
.template2 #content #article p em{ font-style:oblique}
.template2 #content #article p strong{ font-weight:bold}


.template2 #content #article a.top {background:url(images/fleche-top-off.png) no-repeat;height:7px;width:9px;display: block;position:relative;left:530px;top:-25px;}
.template2 #content #article a:hover.top {background:url(images/fleche-top-hover.png) no-repeat bottom;}
.template2 #content #article p{font-size:1.2em;line-height:1.4em;color:#1b1b1b;margin-bottom:10px}
.template2 #content #article p#end {color:#939598;margin-top:25px;font-size:1.1em;}
.template2 #content #article .image{text-align:left;overflow:hidden;width:510px}
#content p#hautDePage{text-align:right;padding:5px 30px 0 0;font-size:1.1em;color:#b2151a;position:relative;right:-20px;color:#b2151a;}
#content p#hautDePage a.top {background:url(images/fleche-top-off.png) no-repeat;height:7px;width:9px;display: block;position:absolute;top:-15px;right:30px}
#content p#hautDePage a:hover.top {background:url(images/fleche-top-hover.png) no-repeat bottom;}


.template2 #content #article p a{ color:#b2151a; text-decoration:none}
.template2 #content #article p a:hover{ color:#b2151a; text-decoration:underline}


/******------------------------------------------------------------------------******/
/* --------------------------------- #Tous les numéros -----------------------------------*/
/******------------------------------------------------------------------------******/

/* --------------- #titre ---------*/
.template3 #content #numeros {background-color:#b2151a;width:100%;height:29px;position:relative;left:-45px;padding: 0 0 0 45px;}
.template3 #content #numeros h3 {font-size:1.4em;line-height:28px;font-weight:bold;color:#ffffff; width:600px; overflow:hidden}


/* ---------------	AJOUR SG 180311 ---------*/
.template3 #content p.voyant {font-size:1.2em;line-height:1.4em;margin: 10px 0 10px 0;color:#939598; font-weight:bold}



/* --------------- #les numeros ---------*/
.template3 #content ul#listenumeros {margin:25px 0 0 0}
.template3 #content ul#listenumeros li{margin:0 0 25px 0;width:420px;height:207px;padding:0 10px 0 0;overflow:hidden;float:left}
.template3 #content ul#listenumeros li a.image-numero{width: 141px;height:205px;display:block; background-color:#000; border:1px solid #939598;overflow:hidden;float:left}

.template3 #content ul#listenumeros li a img{width: 141px;}

.template3 #content ul#listenumeros li p,
.template3 #content ul#listenumeros li h4,
.template3 #content ul#listenumeros li h5{margin-left:150px;margin-bottom:10px;}


.template3 #content ul#listenumeros li h4{font-size:1.3em; line-height:1.2em; font-weight:bold;}
.template3 #content ul#listenumeros li h5{font-size:1.1em; margin-top:-6px; line-height:1.2em; font-weight:bold;}

.template3 #content ul#listenumeros li p{font-size:1.1em;}
.template3 #content ul#listenumeros li p.coord{font-size:1.1em;line-height:1.3em;}
.template3 #content ul#listenumeros li p.coord em{color:#939598;}
.template3 #content ul#listenumeros li p.pdf a{background:url(images/picto-pdf.png) no-repeat;display:block;height:17px;color:#939598;padding:5px 0 0 25px;}

.template3 #content ul#listenumeros li.orange h4 a,
.template3 #content ul#listenumeros li.orange p.coord {color:#e1601e}

.template3 #content ul#listenumeros li.orangeclair h4 a,
.template3 #content ul#listenumeros li.orangeclair p.coord {color:#fda633;}

.template3 #content ul#listenumeros li.vertfonce h4 a,
.template3 #content ul#listenumeros li.vertfonce p.coord{color:#339900;}

.template3 #content ul#listenumeros li.vertpale h4 a,
.template3 #content ul#listenumeros li.vertpale p.coord{color:#277718;}

.template3 #content ul#listenumeros li.bleuclair h4 a,
.template3 #content ul#listenumeros li.bleuclair p.coord{color:#8ddef8;}

.template3 #content ul#listenumeros li.bleumarine h4 a,
.template3 #content ul#listenumeros li.bleumarine p.coord{color:#19336a;}

.template3 #content ul#listenumeros li.bleutypo h4 a,
.template3 #content ul#listenumeros li.bleutypo p.coord{color:#227dc3;}

.template3 #content ul#listenumeros li.marron h4 a,
.template3 #content ul#listenumeros li.marron p.coord{color:#79393a}

.template3 #content ul#listenumeros li.marronclair h4 a,
.template3 #content ul#listenumeros li.marronclair p.coord{color:#e28600}



/*.template3 #content ul#listenumeros li.couleurdefaut h4 a {color:#e1601e}*/

.template3 #content ul#listenumeros li.couleurdefaut h4 a {color:#660033}
.template3 #content ul#listenumeros li.couleurFFCC00 h4 a{color:#FFCC00}
.template3 #content ul#listenumeros li.couleurCC9900 h4 a{color:#CC9900}
.template3 #content ul#listenumeros li.couleurFF9900 h4 a{color:#FF9900}
.template3 #content ul#listenumeros li.couleurCC6600 h4 a{color:#CC6600}
.template3 #content ul#listenumeros li.couleur996600 h4 a{color:#996600}
.template3 #content ul#listenumeros li.couleurCC3300 h4 a{color:#CC3300}
.template3 #content ul#listenumeros li.couleurCC0000 h4 a{color:#CC0000}
.template3 #content ul#listenumeros li.couleur660033 h4 a{color:#660033}
.template3 #content ul#listenumeros li.couleur66CC00 h4 a{color:#66CC00}
.template3 #content ul#listenumeros li.couleur669900 h4 a{color:#669900}
.template3 #content ul#listenumeros li.couleur336600 h4 a{color:#336600}
.template3 #content ul#listenumeros li.couleur009933 h4 a{color:#009933}
.template3 #content ul#listenumeros li.couleur009999 h4 a{color:#009999}
.template3 #content ul#listenumeros li.couleur006666 h4 a{color:#006666}
.template3 #content ul#listenumeros li.couleur003366 h4 a{color:#003366}
.template3 #content ul#listenumeros li.couleur000033 h4 a{color:#000033}



/* --------------- #pagination ---------*/
.template3 #content .pagination {height:auto;padding: 10px 0 0 0;}
.template3 #content .pagination ul {margin:0 auto 0 auto;width:290px;}
.template3 #content .pagination ul li{float:left;display:block;font-size:1.1em;padding:5px 0;}
.template3 #content .pagination ul li a.currentpage{padding:1px 3px;background:#b2151a;color:#ffffff;border:1px solid #b2151a;margin: 0 2px 0 0;}
.template3 #content .pagination ul li a.linkpage{padding:1px 3px;border:1px solid #939598;color:#939598;margin: 0 2px 0 0;}
.template3 #content .pagination ul li a.linkpage:hover{border:1px solid #b2151a;color:#b2151a;text-decoration: none;}
.template3 #content .pagination ul li a.start{background: url(images/start.png) no-repeat left;display:block;width:12px;height:9px;margin: 0 5px 0 0;}
.template3 #content .pagination ul li a.previous{background: url(images/previous.png) no-repeat left;display:block;width:7px;height:9px;margin: 0 5px 0 0;}
.template3 #content .pagination ul li a.next{background: url(images/next.png) no-repeat right;display:block;width:7px;height:9px;margin: 0 5px 0 5px;}
.template3 #content .pagination ul li a.end{background: url(images/end.png) no-repeat right;display:block;width:12px;height:9px;margin: 0 5px 0 0;}

.template3 #content .pagination a.start:hover{background: url(images/start-hover.png) no-repeat left;}
.template3 #content .pagination a.previous:hover{background: url(images/previous-hover.png) no-repeat left;}
.template3 #content .pagination a.next:hover{background: url(images/next-hover.png) no-repeat right;}
.template3 #content .pagination a.end:hover{background: url(images/end-hover.png) no-repeat right;}
.template3 #content .pagination ul li a.currentpage:hover{text-decoration:none;}


.template3 #content li.textes a dd{color:#b2151a;font-size:1.4em; line-height:1.2em; margin:0 0 0px 0;font-weight:bold; text-decoration:none}
.template3 #content li.textes a:hover dd{text-decoration:underline !important}



/******------------------------------------------------------------------------******/
/* --------------------------------- #Tous les numéros -----------------------------------*/
/******------------------------------------------------------------------------******/


/* -------- #Zoom - Agenda -----*/
.template3 #content dl.listArticles {margin-top:20px;padding:0 15px 0 0;}
.template3 #content dl.listArticles h4 a {color:#b2151a;font-size:1.5em; line-height:1.2em; margin:0 0 10px 0;font-weight:bold}
.template3 #content dl.listArticles hr{background: url(images/separation-1px.png) repeat-x left;margin:10px 0;height:1px;border:none;}

.template3 #content dl.listArticles h3 {background:url(images/agenda.png) no-repeat ;height:23px;padding:0 0 4px 0;border-bottom:1px solid #b2151a;margin:10px 0;}
.template3 #content dl.listArticles p.infos a{background: url(images/fleche.png) no-repeat center left;margin:0 0 0 10px;padding:0 10px;color:#b2151a;text-decoration:none}
.template3 #content dl.listArticles p.infos a:hover{color:#b2151a;text-decoration:underline}
.template3 #content dl.listArticles p.extrait{font-size:1.2em;line-height:1.3em;margin: 10px 0}
.template3 #content dl.listArticles p.extrait a{font-size:1em; background: url(images/fleche.png) no-repeat center left;margin:0 0 0 10px;padding:0 10px;color:#b2151a;text-decoration:none}
.template3 #content dl.listArticles p.extrait a:hover{color:#b2151a;text-decoration:underline}



/******------------------------------------------------------------------------******/
/* --------------------------------- # 1 numéro -----------------------------------*/
/******------------------------------------------------------------------------******/

/* --------------- #titre ---------*/
.template3 .unNumero .unNumero #numero {background-color:#b2151a;width:100%;position:relative;left:-30px;padding: 0 0 1px 30px;color:#ffffff}
.template3 .unNumero #numero h4 {font-size:1.2em;font-weight:bold;line-height:28px;width:600px; overflow:hidden}

/* ------ #navigation -----*/
.template3 .unNumero #navigation{position:absolute;right:15px;top:22px;color:#fff;height:20px;width:250px;}


.template3 .unNumero #navigation a#precedent {background:url(images/precedent.png) no-repeat center left;padding:0 0 1px 25px;font-size:1.1em;color:#fff;height: 10px;}
.template3 .unNumero #navigation a#suivant {background:url(images/suivant.png) no-repeat center right;padding:0 25px 1px 0;font-size:1.1em;color:#fff;height: 10px;}

/* --------------- #chapeau ---------*/
.template3 .unNumero #chapeau {margin:25px 0;position:relative}
.template3 .unNumero #chapeau #image{width: 138px;height:203px;overflow:hidden;border:1px solid #939598;float:left;}
.template3 .unNumero #chapeau #right{margin-left: 155px;padding:0 35px 0 0;}
.template3 .unNumero #chapeau #right p.sstitre{background:none;padding:0;margin:0 0 5px 0;font-size:1.2em;}
.template3 .unNumero #chapeau #right p.infos{background: url(images/equerre.png) no-repeat top left;padding:2px 0 0 13px; background:none;padding:0;margin:0 0 5px 0;font-size:1.1em;}
.template3 .unNumero #chapeau #right p.coord{font-size:1.1em; line-height:1.2em; margin: 0 0 20px 0 }

.template3 .unNumero #chapeau #right p.coord em{color:#939598}

.template3 .unNumero #chapeau #right p.voyant {font-size:1.2em;line-height:1.4em;margin: 10px 0 10px 0;color:#939598; font-weight:bold}
.template3 .unNumero #chapeau #right p.italic{font-size:1.2em;line-height:1.4em;margin:0;color:#939598; font-style:italic }

/* --------------- # pdf pour bon de commande par exemple---------*/
.template3 .unNumero #chapeau #right p.pdf2 a{background:url(images/picto-pdf.png) no-repeat;display:block;height:17px;padding:5px 0 0 25px;font-size:1.1em}

.template3 .unNumero p.pdf a{position:absolute;top: 61px;right: 35px;background:url(images/picto-pdf.png) no-repeat;display:block;height:17px;color:#939598;padding:5px 0 0 25px;font-size:1.1em;}

/* --------------- #liste articles ---------*/
.template3 .unNumero h4{color:#1b1b1b;font-size:1.3em;font-weight:bold;border-bottom:2px solid #b2151a;padding-bottom:5px;margin:15px 0; clear:both}
.template3 .unNumero ul li {float:left;width:271px;height:85px;overflow:hidden;padding: 0 10px 0 10px;margin-bottom:10px;position:relative}

.template3 .unNumero ul li.unDe1,
.template3 .unNumero ul li.unDe4,
.template3 .unNumero ul li.unDe7,
.template3 .unNumero ul li.unDe10,
.template3 .unNumero ul li.unDe13,
.template3 .unNumero ul li.unDe16,
.template3 .unNumero ul li.unDe19,
.template3 .unNumero ul li.unDe22,
.template3 .unNumero ul li.unDe25
 {border-right:1px solid #dfdfe0;padding:0 10px 0 0;}



.template3 .unNumero ul li.unDe2,
.template3 .unNumero ul li.unDe5,
.template3 .unNumero ul li.unDe8,
.template3 .unNumero ul li.unDe11,
.template3 .unNumero ul li.unDe14,
.template3 .unNumero ul li.unDe17,
.template3 .unNumero ul li.unDe20,
.template3 .unNumero ul li.unDe23,
.template3 .unNumero ul li.unDe26
 {border-right:1px solid #dfdfe0;padding:0 10px 0 10px;}



.template3 .unNumero ul li.unDe3,
.template3 .unNumero ul li.unDe6,
.template3 .unNumero ul li.unDe9,
.template3 .unNumero ul li.unDe12,
.template3 .unNumero ul li.unDe15,
.template3 .unNumero ul li.unDe18,
.template3 .unNumero ul li.unDe21,
.template3 .unNumero ul li.unDe24,
.template3 .unNumero ul li.unDe27
{border:none;padding:0 10px 0 10px;}


.template3 .unNumero ul li.last {border:none;}

.template3 .unNumero ul li.separation{float:none;clear:left;margin:0 0 10px 0 !important;position:static;padding:0; background: url(images/separation-1px-pointille.png) repeat-x;height:1px;width:100%}
.template3 .unNumero ul li blockquote{color:#1b1b1b;margin-bottom:10px;font-size:1.1em;line-height:1.3em;width:240px;}

.template3 .unNumero ul li blockquote a{color:#1b1b1b;background: url(images/fleche.png) no-repeat 3px 3px; padding-left:14px; text-decoration:none}
.template3 .unNumero ul li blockquote a:hover{color:#1b1b1b; text-decoration:underline}

/*.template3 .unNumero ul li blockquote p:before,.template3 .unNumero ul li blockquote p:after{content:"''"}*/
.template3 .unNumero ul li em{background:url(images/crayon.png) no-repeat;font-size:1.1em; line-height:1.1em; color:#939598;width:14px;height:14px;padding:3px 0 0 20px;text-transform:capitalize;width:220px;display:block}
.template3 .unNumero ul li a.pdf{background:url(images/picto-pdf.png) no-repeat;display:block;width:18px;height:22px;position:absolute;right:7px;top:0}
.template3 .unNumero ul li .rouge { color:#939598; text-transform:uppercase}


/******------------------------------------------------------------------------******/
/* --------------------------------- # 1 article -----------------------------------*/
/******------------------------------------------------------------------------******/

/* --------------- #titre ---------*/
.template5 #content #article {background-color:#b2151a;width:100%;position:relative;left:-30px;padding: 0 0 1px 30px;color:#ffffff}
.template5 #content #article h3 {font-size:1.2em;font-weight:bold;line-height:16px; padding:8px 0 4px 0; width:580px;}

/* ------ #navigation -----*/
.template5 #content #navigation{position:absolute;right:10px;top:5px;color:#fff;height:20px;width:245px;}
.template5 #content #navigation a#precedent {background:url(images/precedent.png) no-repeat center left;padding:0 0 1px 25px;font-size:1.1em;color:#fff;height: 10px;}
.template5 #content #navigation a#suivant {background:url(images/suivant.png) no-repeat center right;padding:0 25px 1px 0;font-size:1.1em;color:#fff;height: 10px;}

/* ------ #Left -----*/
.template5 #content #left{width:430px;padding:0;overflow: hidden;margin-top:25px;float:left}

.template5 #content #left p.entete{color:#939598;margin-bottom:5px;font-size:1.1em;line-height:1.3em;}
.template5 #content #left p em{color:#1b1b1b;font-style:oblique}
.template5 #content #left p strong{font-weight:bold}
.template5 #content #left p em.rouge{color:#b2151a;font-weight:bold}
.template5 #content #left p q{color:#1b1b1b; font-weight: bold;}
.template5 #content #left p q:after,.template5 #content #left p q:before{content:"''";}
.template5 #content #left h4{font-size:1.3em;line-height:1.1em;color:#1b1b1b;margin:25px 0 15px 0;font-weight:bold}
.template5 #content #left p{font-size:1.2em;line-height:1.4em;color:#1b1b1b;}
.template5 #content #left blockquote{font-size:1.2em;line-height:1.4em;color:#939598;padding:5px;border:1px solid #939598;width:400px; margin-bottom:20px}

.template5 #content #left p a{ color:#b2151a; text-decoration:none}
.template5 #content #left p a:hover{ color:#b2151a; text-decoration:underline}


/* ------ #Right -----*/

.template5 #content #right{margin-left:460px;padding:0 30px 0 0;margin-top:25px;}

.template5 #content #right ul{background: url(images/separation-1px-pointille.png) repeat-x left center;height:1px;border:none;margin:0;width:100%;padding:0 0 70px 0}
.template5 #content #right ul li{float: left;font-size:1.1em;color:#939598;margin-right:15px;}
.template5 #content #right ul li.last{margin-right:0;}
.template5 #content #right ul li#pdf {background: url(images/picto-pdf.png) no-repeat left center;padding:5px 0 1px 25px;height:17px}
.template5 #content #right ul li#imprimer {background: url(images/picto-imprimer.png) no-repeat left center;padding:5px 0 1px 30px;height:11px}
.template5 #content #right ul li#signaler {display:none; background: url(images/picto-signaler2.png) no-repeat left center;padding:5px 0 1px 30px;height:13px}
.template5 #content #right ul li a{color:#939598;text-decoration:none;}
.template5 #content #right ul li a:hover {color:#939598;text-decoration:underline;}

.template5 #content #right #image{width:141px;height:205px;border:1px solid #939598;overflow:hidden}



/******------------------------------------------------------------------------******/
/* --------------------------------- # 1 Index -----------------------------------*/
/******------------------------------------------------------------------------******/
.template6 #index {background-color:#b2151a;width:100%;position:relative;left:-30px;padding: 0 0 1px 30px;color:#ffffff;margin-bottom:30px;}
.template6 #index h3 {font-size:1.4em;line-height:28px;letter-spacing:1px;font-weight:bold;color:#ffffff}

/* ------ #Alphabet -----*/
.template6 #tabAlpha{text-align:center}
.template6 #tabAlpha a{color:#939598;font-size:1.3em;border:1px solid #939598;padding:1px 3px;text-decoration:none;}
.template6 #tabAlpha a:hover{color:#b2151a;border:1px solid #b2151a;text-decoration:none;}

/* ------ #auteur -----*/
.template6 #alphabet{margin:0 0 30px 0;}
.template6 #alphabet dt{padding:0 0 5px 0;border-bottom:2px solid #b2151a;width:100%;margin:30px 0 10px 0;position:relative}
.template6 #alphabet dt a.lettre{font-size:1.5em;color:#1b1b1b;font-weight:bold}
.template6 #alphabet dt a.lettre:hover{ text-decoration:none; cursor:default}

.template6 #alphabet dt a.top{font-size:1.5em;color:#1b1b1b;font-weight:bold; background:url(images/fleche-top-off.png) no-repeat;height:7px;width:9px;display: block;position:absolute;right:10px;bottom:5px}
.template6 #alphabet dt a.top:hover{background:url(images/fleche-top-hover.png) no-repeat bottom;}
.template6 #alphabet dd a{font-size:1.2em;color:#939598;line-height:1.3em;}
.template6 #alphabet dd a span.smallcaps{text-transform:uppercase;font-weight:bold}


.template6 ul#liste {padding:0 0 5px 0;border-bottom:2px solid #b2151a;width:100%;margin:30px 0 10px 0;position:relative}
.template6 ul#liste li a{font-size:1.2em;color:#939598;line-height:1.3em;}

.template2 #article a.top {background:url(images/fleche-top-off.png) no-repeat;height:7px;width:9px;display: block;position:relative;left:530px;top:-25px;}
.template2 #article a:hover.top {background:url(images/fleche-top-hover.png) no-repeat bottom;}


/******------------------------------------------------------------------------******/
/* --------------------------------- # 1 Recherche -----------------------------------*/
/******------------------------------------------------------------------------******/
.template7 #content #recherche {background-color:#b2151a;width:100%;position:relative;left:-30px;padding: 0 0 0 30px;color:#ffffff;margin-bottom:30px;}
.template7 #content #recherche h3 {font-size:1.4em;line-height:29px;letter-spacing:1px;font-weight:bold;color:#ffffff;width:650px;border-right:1px solid #ffffff;padding: 0 10px 0 0}

/* ------ #pagination-----*/
.template7 #content .pagination {text-align:center; height:auto;padding: 10px 0 0 0;}
.template7 #content .pagination ul {margin:0 auto;width:290px;}
.template7 #content .pagination ul li{float:left;display:block;font-size:1.1em;padding:5px 0;}
.template7 #content .pagination ul li a.currentpage{padding:1px 3px;background:#b2151a;color:#ffffff;border:1px solid #b2151a;margin: 0 2px 0 0;}
.template7 #content .pagination ul li a.linkpage{padding:1px 3px;border:1px solid #939598;color:#939598;margin: 0 2px 0 0;}
.template7 #content .pagination ul li a.linkpage:hover{border:1px solid #b2151a;color:#b2151a;text-decoration: none;}
.template7 #content .pagination ul li a.start{background: url(images/start.png) no-repeat left;display:block;width:12px;height:9px;margin: 0 5px 0 0;}
.template7 #content .pagination ul li a.previous{background: url(images/previous.png) no-repeat left;display:block;width:7px;height:9px;margin: 0 5px 0 0;}
.template7 #content .pagination ul li a.next{background: url(images/next.png) no-repeat right;display:block;width:7px;height:9px;margin: 0 5px 0 5px;}
.template7 #content .pagination ul li a.end{background: url(images/end.png) no-repeat right;display:block;width:12px;height:9px;margin: 0 5px 0 0;}

.template7 #content .pagination a.start:hover{background: url(images/start-hover.png) no-repeat left;}
.template7 #content .pagination a.previous:hover{background: url(images/previous-hover.png) no-repeat left;}
.template7 #content .pagination a.next:hover{background: url(images/next-hover.png) no-repeat right;}
.template7 #content .pagination a.end:hover{background: url(images/end-hover.png) no-repeat right;}
.template7 #content .pagination ul li a.currentpage:hover{text-decoration:none;}

.template7 #content .first{margin-bottom:20px}
/* ------ #liste recherche -----*/
.template7 #content dl{margin:0 0 15px 0 }
.template7 #content dl dt{font-size:1.3em;line-height:1.2em;color:#1b1b1b;border-bottom: 2px solid #b2151a;padding:0 0 5px 0;color:#1b1b1b;font-weight:bold;margin:10px 0 3px 0}
.template7 #content dl dd{font-size:1.2em;line-height:1.2em;}


.template7 #content dl dd.pdf {margin-top:6px}

.template7 #content dl dd.pdf a{background:url(images/picto-pdf.png) 0 0 no-repeat;padding:8px 0 0 25px;font-size:1em; line-height:1.5em;}


.template7 #content dl dd a,
.template7 #content dl dt a{font-size:1em;color:#b2151a;}

 .template7 #content dl dt a{background: url(images/fleche.png) no-repeat center left; padding-left:10px}

.template7 #content dl dd a.search{color:#939598; }
.template7 #content dl dd.auteur {color:#1b1b1b;font-size:1.2em;line-height:1.2em;}
.template7 #content dl dd.auteur .familyName {font-weight:bold;}

.template7 #content #nb{position:absolute;right:30px;top:0;font-size:1.5em;line-height:28px;}

/******------------------------------------------------------------------------******/
/* --------------------------------- # 1 Type d'article -----------------------------------*/
/******------------------------------------------------------------------------******/
.template8 #content #typeArticle {background-color:#b2151a;width:100%;position:relative;left:-30px;padding: 0 0 0 30px;color:#ffffff;margin-bottom:30px;}
.template8 #content #typeArticle h3 {font-size:2em;line-height:29px;letter-spacing:1px;font-weight:bold;color:#ffffff;padding: 0 10px 0 0}
.template8 #content ul li{font-size:1.3em;margin-bottom:20px;background:url(images/fleche.png) no-repeat bottom left;height:7px;padding:0px 0 2px 15px;}
.template8 #content ul li a{color:#1b1b1b;text-transform:capitalize;font-weight:bold;}
.template8 #content ul li a:hover{text-decoration:underline;}









/* --------------- #pied de page ---------*/

#pied-de-page{background-color:#b2151a;height:67px;width:100%;text-align:center}

#footer{background-color:#b2151a;width:900px;height:67px;position:relative;text-align:left;margin:0 auto;text-align:left}
#footer ul{padding:10px 0 0 0}
#footer ul li{display:inline;margin:0 10px 0 0;}
#footer ul li a:link,#footer ul li a:visited{background:url(images/bar-footer.jpg) no-repeat right center;padding:0 12px 0 0;color:#ffffff;font-size:1.1em;text-decoration:none}
#footer ul li a:hover{text-decoration:none;}
#footer ul li.last a{background:none;padding:0;}
#footer #cite{width:177px;height:66px;position: absolute;top:0;right:0;}
#footer #cite a{display:block;width:177px;height:66px;}