/* 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 #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}

/******------------------------------------------------------------------------******/
/* --------------------------------- #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 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}

/* --------------- #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.currentpage a{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.currentpage a: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 }
.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
 {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
 {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
{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;}
.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;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}

/* ------ #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.currentpage a{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.currentpage a: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;}