/*================ CSS site SNEPL ==================*/
html{
font-size:75%;
margin:0;
padding:0;
overflow-y:scroll;
overflow-x:hidden;
}

/* -------------- Mise en page corps ------------------*/
body{
font-family:Verdana,"Lucida Grande", "Trebuchet MS", Arial, serif;
margin-top:10px;
background-color:#dfdfdf;
color:#1214cd;
margin:2em 2em;
}

/*================================= Pages internes ==================================*/

#logo{height:121px;
/* position:relative; */
width:920px;
margin:0 auto;}

#bando{position: relative;
z-index:1;
height:2em;
background-color:#ddd;
}

#wraper{
/* position:relative; */
width:920px;
margin:0 auto;
background-color:#eaeaea;
border:1px solid #aaa;
}

#global{
border-left:1px solid #aaa;
margin-left:13.2em;
font-size:1.1em;
text-align:justify;
line-height:1.7em;
background-color:#f8f8f8;
padding:0.5em 3.5em 0.5em 3.5em;
}

.titel{
width:70%;
font-size:1em;
color:#3b7491;
font-weight:bold;
margin-top:1em;
margin-bottom:1em;
border-bottom:1px solid #aaa;
background-color:transparent;
}

.titel1{
font-size:1em;
color:#727272;
font-weight:bold;
margin-top:1em;
margin-bottom:1em;
background-color:transparent;
}

.titel:first-letter{font-size:1.3em;}

.interligne{line-height:170%;}

.gras{
font-weight:bold;
font-size:0.88em;
color:#222;
}

.relief{
font-weight:bold;
color:#777;
font-size:0.9em;
margin-top:1em;
margin-bottom:0.5em;
}

.txtnormal{font-weight:normal;}

.reliefsimple{
font-weight:bold;
color:#777;
font-size:1em;
}

p{
margin-top:0.3em;
margin-bottom:0.3em;
}

ul{margin-top:0.7em;
margin-bottom:0.5em;}

ul.relief{
list-style:disc;
margin-top:0.3em;
}

ul li.decalprgr{margin-bottom:0.2em;}

ul li.titre{line-height:2em;}

img.decalgauche{padding-right:5em;}

.centrage{
width:880px;
margin:0 auto;}

/*-----------------Titres du texte global-----------------*/
h1{
margin-top:0.5em;
font-size:1em;
color:#3b7491;
padding-left:2.2em;
}

h2{
font-size:0.9em;
padding:0.2em 0 0.2em 0;
margin:2em 0 0 1em;
color:#fff;
letter-spacing:0.2em;
padding-left: 2.2em;
background: url(images/pointes.gif) #0075bd no-repeat 1% 50%;
}

h3.centrernu{color:#888;}

h3{font-size:1em;}

#fond{background-color:#ffefcf;}

/* --------------- Menu vertical gauche ------------------*/
#menu{
font-family:"Lucida Grande",Verdana,"Trebuchet MS",Arial,serif;
float:left;
width:14.5em;
text-align:left;
}

#menu ul{
list-style-type:none;
padding-left:1em;
margin:0;
font-size:105%;
}

#menu li{padding-top:0.2em;} /*Centrage dans rectangle du menu*/

#menu a{
text-decoration:none;
}

div.titelx{background-color:#bababa; /* Fond des titres des menus */
font-size:110%;
text-align:center;
border:1px solid #777;
}

/* div.titely{background-color:#4a41a8; */ /* Titres avec des sous-menus */
/* font-size:130%;
padding-top:0.5em;
} */

.nodeco{
text-decoration: none;
}

.smenu{font-size:1em;
margin-left:-0.9em;}

/*---------------- Blocs menu gauche colorés -------------------*/
.cadremenu{
line-height:1.7em; /* Interlignes menus gauches et hrz */
background-color:#d5d5d5; /* Fond coloré des sous-menu */
}

div.titelx a{color:#eee;} /* Pas de sous-menus */

li.curseur a{color:#222;}

a.nocurseur{color:#222;}

#menu ul li.curseur a:hover{ /* survol titres sous-menu */
color:#999;}

.fondwraper{background-color:#dbdbdb;
padding-top:1em;
text-align:center;}

/*--------------- TABLES -----------------*/
table{
border-collapse:collapse;
width:90%;
margin:0 auto;
border:0;
}

thead,tfoot{
background-color:#d0e3fa;
border:1px solid #7495ed;
text-align:center;
}

th{
border:1px solid #ccc;
padding:2px;
color:#555;
width:15%;
vertical-align:middle;
text-align:center;
font-size:0.9em;
}

tr.th45 th,tr.th45 td{height:45px;}

.interl{margin-bottom:3em;}

td{
border:1px solid #ccc;
padding:2px;
text-align:center;
vertical-align:middle;
width:15%;
height:24px;
}

td.lignedouble{line-height:4em;}

td.noborder{
border:0;
text-align:center;
padding:0 0.2em;
vertical-align:middle;
}

td.noborder1{
border:0;
text-align:left;
padding:0 0.2em;
vertical-align:middle;
}

.c1{width:1%;}
.c5{width:5%;}
.c10{width:10%;}
.c15{width:15%;}
.c19{width:19%;}
.c20{width:20%;}
.c27{width:27%;}
.c30{width:30%;}
.c35{width:35%;}
.c40{width:40%;}
.c45{width:45%;}
.c49{width:49%;}
.c50{width:50%;}
.c55{width:55%;}
.c70{width:70%;}
.c75{width:75%;}
.c80{width:80%;}
.c95{width:95%;}
.c99{width:99%;}

.nobordercentrer{
border:0;
text-align:center;
vertical-align:middle;
background-color:#eef;
height:0.8em;
}

.haut{margin-bottom:2.5em;}

.ombre{
border-bottom:2px solid #ccc;
border-right:2px solid #ccc;
}

.bordgris{
border-top:8px solid #f5bb91;
border-bottom:8px solid #f5bb91;}

tr{height:24px;}

#tb{
empty-cells:show;
border-collapse:collapse;
width:90%;
margin-left:auto;
margin-right:auto;
}

tr.gris{
background-color:#fff8f1;
text-align:left;
}

td.gris{background-color:#fff8f1;}

.tb50{width:50%;}
.tb70{width:70%;}
.tb70{width:70%;}
.tb72{width:72%;}
.tb75{width:75%;}
.tb78{width:78%;}
.tb80{width:80%;}
.tb90{width:90%;}
.tb95{width:95%;}
.tb98{width:98%;}

.nuages{background-image:url(images/nuages.jpg);}

/*-------------- 2 colonnes ---------------*/
#colG{
position:relative;
float:left;
width:48%;
text-align:center;
}

#colD{
position:relative;
float:right;
width:48%;
text-align:center;
}

.col{position:relative;
float:left;
width:43%;
text-align:center;
margin: 1.5em 0 0 1.5em;
height:auto;
}

/*-------------------------------------*/

strong{font-size:0.9em;}
.strong{font-size:0.85em;
font-weight:bold;}

.fondbleu{
background-color:#eef;
}

.alinea{text-indent:1.5em;}

.trait{border-bottom:1px solid #d4d4d4;}

.traitpoint{
color:#999;
border-bottom:1px dashed #aaa;}

.traithaut{
color:#222;
border-top:1px dotted #aaa;
padding-top:0.5em;
padding-bottom:0.5em;
}

.traitcourt{border-top:1px solid #aaa;
margin:0;
padding:0;
width:25%;
margin:auto;
margin-top:2em;
}

p.trait{margin-top:1em;}

.bordurebasse{border-bottom:1px dotted #888;}

.fondcadre{background-color:#fffaec;}

.gris{background-color:#f7f7f7;}
.gristxt{color:#777;}
.grisfonce{background-color:#999;}
.bleuclair{background-color:#eef;}

.grissombre{color: #333;}

.bleu{
color:#44f;
font-size:1.1em;
}

.hrz{text-align:center;}

/* .top{vertical-align:top;} */

#top{float: right;}

.txtcentre{vertical-align:middle;}

.spaced1{margin-bottom:0.5em;}
.space1{margin-bottom:1em;}
.space1d{margin-bottom:1.5em;}
.space2{margin-bottom:2em;}
.space2d{margin-bottom:2.5em;}
.space3{margin-bottom:3em;}
.space4{margin-bottom:4em;}
.space5{margin-bottom:5em;}
.space7{margin-bottom:7em;}
.space7{margin-bottom:7em;}
.space8{margin-bottom:8em;}
.space10{margin-bottom:10em;}
.space12{margin-bottom:12em;}
.space15{margin-bottom:15em;}
.space20{margin-bottom:20em;}
.space25{margin-bottom:25em;}
.space28{margin-bottom:28em;}
.space30{margin-bottom:30em;}
.space35{margin-bottom:35em;}
.space40{margin-bottom:40em;}
.space55{margin-bottom:55em;}

/*--------------- Menus déroulants -----------------*/
#menuhrz{
position:absolute;
width:880px;
margin: 0 50%;
left:-17em;
}

#nav{
/* float:left; */
list-style:none;
font-weight:bold;
}

#nav ul{
list-style:none;
line-height:1.4;
background-color:#eeeeff; /*Fond des menus déroulants*/
font-weight:bold;
border:1px solid #eda; /*Bordures des menus et sous-menus*/
}

/*Gestion des titres du menu déroulant*/
#nav a{
display:block;
font-size:1em;
width:2em; /*4em initialement*/
color:#444;
text-decoration:none;
padding:0.4em 0.2em; /**** Position ****/
white-space:nowrap;
height:1.5em;
list-style-position:outside;
list-style-type:circle;
}

#nav a:hover{color:#d00;} /* Couleurs textes smenus */

#nav a.flechmenu{ /* fleche des sous-menus */
width:12em;
background-image:url(images/flrgd.gif);
background-repeat:no-repeat;
background-position:100% 35%; /*Flèches menus et s/menus*/
}

#nav li{
float:left;
padding:0;
width:9em; /*Distance entre titres du menu principal*/
}

#nav li ul{
position:absolute;
left:-999em;
height:auto;
width:13.5em; /*Largeur cadre latéral menu/smenu*/
_width:14.5em; /*Largeur cadre latéral menu/smenu*/
font-weight:normal;
font-weight:normal;
border-width:0.2em;
margin-top:-0.2em; /* Position verticale cadre des menus hrz */
}

#nav li li{
padding-right:0.9em;
width:12.8em; /*Largeur fond en couleur de selection sous-menu*/
_width:14em; /*Largeur fond en couleur de selection sous-menu*/
/****** idem******/
}

#nav li ul a{
width:13em;
w\idth:10em; /*** Largeur partie gauche du menu déroulant ***/
}

/************** bloc de sous-menus ****************/

/**** position des sous-menus:Initial 1.7em/1.8em****/
#nav li ul ul{margin:-2.4em 0 1em 13.5em;}
#nav li ul ul{_margin:-2.3em 0 1em 14.9em;}

/****** Interieur des menus **********/
#nav,#nav ul{
padding:0;
margin:0;
height:auto;
list-style:none;
line-height:1.2em; /* hauteur lignes doubles */
}

/**** Interligne des s/menus ****/
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul{left:-999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{left:auto;}
#nav li:hover,#nav li.sfhover{background-color:#eda;}

/*––––––––––––––––– Fin des menus déroulants –––––––––––––*/

/*------------------ Images -----------------------*/

img.txt{ /* Images dans le flot du texte - ici à droite*/
float:right;
margin:0.5em 0 0.5em 1em;
}

img.txtg{
float:left;
margin:0.5em 1em 0.5em 0;
}

img,img:active,a img:active{
border:0;
margin:0;
padding:0;
}

.centrerimg{display:block;
margin:0 auto;}

span a img{border:2px solid #fff;}

span a:hover{border:0;} /* encadrement des images dans les liens hors survol */

/* hack pour IE */
span a:hover img{border:2px #ccc solid;} /* encadrement des images lors du survol*/

/******************** FIN de Commun ************************/
.centrerfooter{
text-align:center;
font-size:0.85em;
font-weight:bold;
color:#555;
border-bottom:1px solid #aaa;
background-color: #ccc;
padding-top:0.5em;
padding-bottom:0.5em;
}

.centrerfooter a{
text-decoration:underline;
color:#55a;
}

/* Centrage des textes*/
.centrer{
text-align:center;
width: 70%;
margin:1em auto 1em auto;
}

ul li.txt, ol li.txt{
padding:0.2em 0;
margin-left:-2.3em;
}

li.relief{margin-bottom: 0.7em;}

li{padding-bottom:0.3em;}

dt ul li{margin-bottom:1em;}

ul.txt{
padding-bottom:0.3em;
margin-left:-1.4em;
}

ol.txt{
margin:0; /***** fonctionne avec IE *****/
padding:0;
padding-bottom:0.3em;
margin-left:2.3em;
}

hr{
height:0.2em;
border:0;
color:#aaa;
background-color:#aaa;
}

.comment{
font-weight:bold;
color:#777;
}

dd{margin-top:0.5em;}

.zindex{z-index:5;}

/*--------------- TABLES -----------------*/
table{
border-collapse:collapse;
width:90%;
margin:0 auto;
border:0;}

td{
border:1px solid #ccc;
padding:2px;
text-align:center;
vertical-align:middle;
}

td.lignedouble{height:4em;}

.bordure{border:1px solid #ccc;}

tr.gris{
background-color:#fff8f1;
text-align:left;
}

td.gris{background-color:#fff8f1;}

.tb50{width:50%;}
.tb70{width:70%;}
.tb70{width:70%;}
.tb72{width:72%;}
.tb75{width:75%;}
.tb80{width:80%;}
.tb85{width:85%;}
.tb90{width:90%;}
.tb98{width:98%;}

.tdetroit {
text-align: left;
vertical-align: middle;
width: 1%;
}

.c1{width:1%;}
.c5{width:5%;}
.c10{width:10%;}
.c17{width:17%;}
.c19{width:19%;}
.c20{width:20%;}
.c27{width:27%;}
.c30{width:30%;}
.c33{width:33%;}
.c35{width:35%;}
.c40{width:40%;}
.c45{width:45%;}
.c50{width:50%;}
.c55{width:55%;}
.c70{width:70%;}
.c73{width:73%;}
.c75{width:75%;}
.c80{width:80%;}
.c95{width:95%;}
.c99{width:99%;}

.haut{height:7.5em;}

.jgauche{text-align:left;}

.nobordercentrer{
border:0;
text-align:center;
vertical-align:top;
width:10%;
}

.ombre{
border-right:2px solid #ccc;
}

.bordbleu{
border-top:8px solid #a8c5eb;
border-bottom:8px solid #a8c5eb;
}

#tb{
empty-cells:show;
border-collapse:collapse;
width:90%;
margin-left:auto;
margin-right:auto;
}

.nuages{background-image:url(images/nuages.jpg);}

/*-------------------------------------*/

.pcap{font-variant:small-caps;
font-size:1.2em;}

.alinea{text-indent:1.5em;}

.trait{border-bottom:1px solid #888;
margin-top:1em;}

.traitpoint{
color:#999;
border-bottom:1px dotted #999;
}

.traithaut{
color:#999;
border-top:1px dotted #999;
}

.noir{color:#000 !important;}

.traitcourt{border-top:1px solid #aaa;
margin:0;
padding:0;
width:25%;
margin:auto;
margin-top:2em;
}

.bordurebasse{border-bottom:1px dotted #888;}

.fondcadre{background-color:#fffaec;}

.gristxt{color:#777;}
.grisfonce{background-color:#999;}

.grissombre{color: #333;}

.bleu{
color:#44f;
font-size:1.1em;
}

.hrz{text-align:center;}

.top{vertical-align:top;}

#top{float: right;}

.txtcentre{vertical-align:middle;}

.space0{margin-bottom:0.1em;}
.spaced1{margin-bottom:0.5em;}
.space1{margin-bottom:1em;}
.space1d{margin-bottom:1.5em;}
.space2{margin-bottom:2em;}
.space3{margin-bottom:3em;}
.space4{margin-bottom:4em;}
.space5{margin-bottom:5em;}
.space7{margin-bottom:7em;}
.space7{margin-bottom:7em;}
.space8{margin-bottom:8em;}
.space12{margin-bottom:12em;}
.space20{margin-bottom:20em;}
.space25{margin-bottom:25em;}
.space28{margin-bottom:28em;}
.space30{margin-bottom:30em;}
.space40{margin-bottom:40em;}
.space55{margin-bottom:55em;}

ul,li{cursor:default;}

.nocurseur{cursor: default;}

.curseur{cursor:pointer;}

dl{ /* Liste définitions */
margin-left:0em;
padding-left:2em;
color:#a8c5eb;}

dt{ /* Titres de listes de définitions */
margin:1.1em 0 0 -0.2em;
font-size:1em;
color:#4a41a8;
}

dd{margin-left:1em;}

.bleu1{color:#4a41a8;}

/* dt:before{content:url(images/flrgD.gif) "\00A0" "\00A0";} */

dd.relief{
color:#555;
margin:0 1em 0 1em;
}

fieldset{position:relative;
padding:0 2em 1.5em 2em;
margin:0 auto;
width:72%;
border-top:1px solid #bbb;
border-right:2px solid #bbb;
border-left:3px solid #ffd7ac;
border-bottom:2px solid #bbb;
background-color:#fff4f1;
/* background:url(images/croix.gif) no-repeat 99% 1% #fff4f1; */
}

.field{width:90%;}

fieldset dd#plan{
line-height:200%;
margin-left:0;
}

fieldset dd#plan a{
text-decoration:none;
color:#009;
}

fieldset dd#plan a:hover{
text-decoration:underline;
color:#04f;
}

fieldset p.marge{margin:0 3em 0 3em;}

/* Textes encadrés */
legend{
font-size:1em;
color:#ff0000;
background-color:#20fffc;
border-top:1px solid #aaa;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
border-left:1px solid #aaa;
padding:0.5em;
/*font-weight:bold;*/
}

/*.margeH li{background: url(images/carre1.jpg) left center no-repeat;}*/

ul.pucecarre li{
margin-top: 1em;
padding-left: 1.2em;
background: url(images/carre.jpg) no-repeat 0 50%;
list-style-type: none;
line-height: 0.4em;
}

.coche{
margin-top: 1.5em;
padding-left: 2.2em;
background: url(images/coche.gif) no-repeat 0 50%;
list-style-type: none;
line-height: 1.5em;
}

/* ------------------------ Inset 3D Raised ------------------------ */
.raised{
width:40%;
float:right;
margin-left:2.5em;
margin-bottom:2.5em;
}

.raised h1{
text-align:center;
margin:0 12px;
font-size:1em;
color:#777;
}

.raised p{
margin:0 12px;
padding-top:8px;
padding-bottom:0.5em;
color:#444;
text-indent:1em;
}

/*------------ Coins arrondis I -------------*/

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b{
display:block;
overflow:hidden;
font-size:1px;
}

.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b{height:1px;}

.raised .b2{
background-color:#eee;
border-left:1px solid #fff;
border-right:1px solid #eee;
}

.raised .b3{
background-color:#eee;
border-left:1px solid #fff;
border-right:1px solid #eee;
}

.raised .b4{
background-color:#eee;
border-left:1px solid #fff;
border-right:1px solid #aaa;
}

.raised .b4b{
background-color:#eee;
border-left:1px solid #eee;
border-right:1px solid #999;
}

.raised .b3b{
background-color:#eee;
border-left:1px solid #eee;
border-right:1px solid #999;
}

.raised .b2b{
background-color:#eee;
border-left:1px solid #aaa;
border-right:1px solid #999;
}

.raised .b1{
margin:0 5px;
background-color:#fff;
}

.raised .b2, .raised .b2b{
margin:0 3px;
border-width:0 2px;
}

.raised .b3, .raised .b3b{margin:0 2px;}

.raised .b4, .raised .b4b{
height:2px;
margin:0 1px;
}

.raised .b1b{
margin:0 5px;
background-color:#999;
}

.raised .boxcontent{
display:block;
background-color:#fff1e3;
border-left:1px solid #fff;
border-right:1px solid #999;
}

/*------------ Coins arrondis II ------------*/

div.coin{
margin:1em 15%;
background-color:#eeeefa;
}

p.coin{margin:0 0.1em;
padding-bottom:0.5em;
text-align:justify;
}

h3.coin{text-align:center;}

b.rtop, b.bas{
display:block;
background-color:white;
}

b.rtop b, b.bas b{
display:block;
height:2px;
overflow:hidden;
background-color:#eeeefa;
}

b.r{margin:0 0.9em;}
b.r0{margin:0 0.7em;}
b.r1{margin:0 0.5em;}
b.r2{margin:0 0.3em;}
b.r3{margin:0 0.1em;}

b.rtop b.r4, b.bas b.r4{
margin:0 0.1em;
height:2px;
}

/*------------ Divers -------------*/

ul.rien{
list-style-type:none;
margin-left: 3.5em;
}

.retraitprgphe{
padding-left:4em;
padding-right:1.5em;
color:#333;
}

.centrerauto{
text-align:center;
width:85%;
margin-left:auto;
margin-right:auto;
}

.centrernu{
text-align:center;
padding:0;
margin:0;
}

.poussG{
clear:left;
padding-top:0.7em;
}

.poussD{
clear:right;
padding-top:0.7em;
}

#spacer{clear:both;}

.encadr{
color:#333;
border-top:1px solid #aaa;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
border-left:1px solid #aaa;
padding:0.7em;
background-color:#fff1e3;
}

.sl{text-decoration:underline;}

.zitat{
font-family:"Times New Roman",Times,Helvetica,serif;
font-size:1.2em;
color:#000;
font-style:italic;
}

.date{color:#555;
font-size:1em;}

.bordureG{
border-left:thin solid #bbb;
padding-left:1em;
}

.rg{color:#f00;}

.pm{
font-variant:small-caps;
font-size:1.4em;
}

.retrait{padding-left:3em;}

.rechts{text-align:right;}

.links{text-align: left;
padding: 1em;
background-color:#f4f4f4;
}

.gauche /* Justification et fond gris des textes*/
{
text-align:justify;
background-color:#f4f4f4;
padding:0.5em 2em;
margin:0;
}

.italique{font-style:italic;}

.crenage{letter-spacing: 0.2em;}

.fotxt{visibility:hidden;}

.fontnorm{font-weight:normal;}

.coin{line-height:1.8em;}

.fondmauve{background-color:#eee;
padding:0.5em;}

#punaise{float:right;}

.font12{font-size:1.2em;}
.font14{font-size:1.4em;}
.font17{font-size:1.7em;}
.font18{font-size:1.8em;}

.pappeint{background:url(images/Pappeint.gif) repeat;}

marquee{font-size: 1em;
/* background-color:#e7e7fc; */
padding-top:1.5em;
margin-left: 10%;
margin-right:10%;
color:#0000cc;
/* text-align: center; */
}

.pm{
font-variant:small-caps;
font-size:1.1em;
}

.txtblanc{color:#fff;}

h4{margin-bottom:0.5em;
font-size:0.9em;
color:#0474be;}

#intro1, #intro2{
float:left;
margin-top: 8px;
width:33.3%;
text-align:center;
}

sup {position: relative; top:0.3em; font-size: 0.8em; line-height:0;}

a:hover{color:#aaa;}
a.nocurseur:hover{color:#000;}
a {color:#0000ac;}