html, body { margin:0; padding:0; }
html { font-size: 100%; height: 100%; background-color:white;
background:url(../images/fond-mer.jpg) no-repeat center fixed;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
} /*background-image:url('../images/fond-mer.gif');*/
body { position: relative; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:navy;} /*font: 0.8em "Trebuchet MS", helvetica, sans-serif ;*/
* { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:navy;}
#page { min-height: 1300px; position:relative; margin: 0 auto; padding:0 0 10px 0; background:none; background-image:url(../images/fond2.gif);
border: 1px solid silver; width:90%; }
/*#page {position:absolute;left : 0;width : 100%;background-image : url(../images/fond2.gif);background : url(../images/engage02.gif) no-repeat fixed 100% 75%;} */
#entete { height:105px; width:100%; background-image:url('../images/fondciel2.gif'); margin:0; padding:0;}
#logo { height:65px; width:100%; margin-top:2px;}
#gauche { min-height:700px; width:135px; position:absolute; left:0; margin:0; padding:0;} /* background-image:url('../images/fond2.gif');*/
#connectes { position:absolute; width:133px; top:650px; left:0; margin:0; padding:0;}
#centre {position:relative; margin-left:138px; margin-bottom:10px; padding:0; background-image:url(../images/fond2.gif);}
#droite { position:absolute; right:0; width:130px }
#pied {font-family:'Bookman Old Style',Bookman,'URW Bookman L','Palatino Linotype',serif; font-size: 1em; display: inline; position:absolute; width:100%; bottom:0; background-color:#41465A; text-align:center; } /*clear:left;*/
#pied ul { height:50px; vertical-align:middle; margin:auto; padding:0;}
#pied li { display:inline-block; height:30px; text-align:center; vertical-align:middle; padding:10px 0 10px 30px; }
#pied a { outline: none; text-decoration: none; padding: 5px 1px 0;}
#pied a:link { color: #fff;}
#pied a:visited { color:#fff;}
#pied a:focus { color:#fff; border-bottom: 1px solid; background: #BAE498;}
#pied a:hover { color:#fff; border-bottom: 1px solid; background: red;}
#pied a:active { background: #265301; color: #fff;}
#piedpage { width:100%; overflow: hidden; margin: 0 auto;color:#fff; text-align:left; background-color:#41465A; padding: 5px 15px; border: 1px solid red; }
#piedpage ul { list-style-type : none; margin: 0 0; text-align:left; }
#piedpage li { display:inline-block; }
#pagelistemousses {position:relative; margin-left:auto; margin-right:auto; width:900px; border: 2px solid silver ; background-image:url('../images/fond2.gif');}
/* ----------------------------- */
/* bloc Page */
/* ----------------------------- */
#colgauche { float: left; width: 540px; padding-left: 15px; padding-top:20px; background-image:url('../images/fond2.gif')}
#coldroite { float: right; width: 290px; margin-right: 2px; padding-top:20px; background: #EFECE2}
.load{ background:url('images/votreicone.gif') no-repeat center;}
.wrapper {position: relative; margin-left: auto; margin-right: auto; width: 857px; text-align: left; }
.outer {width: 857px;}
.pages { text-align:center;}
/* ----------------------------- */
/* M E N U S */
/* ----------------------------- */
/* pour le menu en haut*/
.menuhaut { height:35px; width:100%; float:left; margin-left:30px; margin-top:0; padding:0;vertical-align:middle; }
.menuhaut a { text-decoration:none; margin-left:10px;}
.menuhaut a.b1 { background-image : url(../images/accueil.gif); background-repeat:no-repeat;vertical-align:middle;padding-bottom:3px;}
.menuhaut a.b1:hover { background-image : url(../images/accueil3.gif);}
.menuhaut a.b2 { background-image : url(../images/affectations.gif); background-repeat:no-repeat;vertical-align:middle;padding-bottom:3px;}
.menuhaut a.b2:hover { background-image : url(../images/affectations2.gif);}
.menuhaut a.b3 { background-image : url(../images/liens.gif); background-repeat:no-repeat;vertical-align:middle;padding-bottom:3px;}
.menuhaut a.b3:hover { background-image : url(../images/liens2.gif);}
.menuhaut a.b4 { background-image : url(../images/pageprecedente.gif); background-repeat:no-repeat;vertical-align:middle;padding-bottom:3px;}
.menuhaut a.b4:hover { background-image : url(../images/pageprecedente2.gif);}
.menuhaut a.b5 { background-image : url(../images/famille.gif); background-repeat:no-repeat;vertical-align:middle;padding-bottom:3px;}
.menuhaut a.b5:hover { background-image : url(../images/famille2.gif);}
.menuhaut a.b6 {background-image : url(../images/bateau_051.gif); background-repeat:no-repeat;vertical-align:middle;padding-bottom:3px;}
.menuhaut a.b6:hover { background-image : url(../images/enve1.gif);}
/* pour menu horizontal #F65E01,#D62300 */
#menu{ vertical-align:middle; margin:10px 0px 10px 0px; padding:0;}
#menu ul{ height:25px; margin:0; padding:0 0 0 30px; -webkit-box-shadow:0px 2px 2px #111; box-shadow:0px 2px 2px #111;}
#menu ul li{ display:inline-block; height:25px; margin-left:-3px; text-align:center; border:1px solid rgba(255,255,255,0.1);}
#menu ul,
#menu ul li{ background:orange; background:-webkit-linear-gradient(orange,orangered); background:-moz-linear-gradient(orange,orangered);
background:-o-linear-gradient(orange,orangered);background:linear-gradient(orange,orangered);}
#menu ul li a{ font-family:"ComfortaaBold"; display:table-cell; height:25px; padding:0px 10px ; vertical-align:middle; color:#202020;
text-decoration:none; font-size:1.0em; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
#menu ul li:hover{ background:#444;
background:-webkit-linear-gradient(left,#222,#555 5%,#555 95%,#222 100%);
background:-moz-linear-gradient(left,#222,#555 5%,#555 95%,#222 100%);
background:-o-linear-gradient(left,#222,#555 5%,#555 95%,#222 100%);
background:linear-gradient(to right,#222,#555 5%,#555 95%,#222 100%);}
#menu ul li:hover a{ color:#eee; text-shadow:1px 1px 1px black;}
/**********************************/
#menurg{ vertical-align:middle; margin:10px 0px 10px 0px; padding:0;}
#menurg ul{ height:25px; margin:0; padding:0 0 0 30px; -webkit-box-shadow:0px 2px 2px #111; box-shadow:0px 2px 2px #111;}
#menurg ul li{ display:inline-block; height:25px; margin-left:-3px; text-align:center; border-right:1px solid rgba(255,255,255,0.1);}
#menurg ul,
#menurg ul li{ background:red; background:-webkit-linear-gradient(red,orange); background:-moz-linear-gradient(red,orange);
background:-o-linear-gradient(red,orange);background:linear-gradient(red,#orange);}
#menurg ul li a{ font-family:"ComfortaaBold";display:table-cell; height:25px; padding:0px 10px ;vertical-align:middle; color:#202020;
text-decoration:none; font-size:1.0em; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
#menurg ul li:hover{ background:#444;
background:-webkit-linear-gradient(left,#222,#555 5%,#555 95%,#222 100%);
background:-moz-linear-gradient(left,#222,#555 5%,#555 95%,#222 100%);
background:-o-linear-gradient(left,#222,#555 5%,#555 95%,#222 100%);
background:linear-gradient(to right,#222,#555 5%,#555 95%,#222 100%);}
#menurg ul li:hover a{ color:#eee; text-shadow:1px 1px 1px black;}
/**********************************/
/******* Fenetre coulissante ********/
#voletdroit { width: 280px; height:200; background :#2C75FF none repeat scroll 0 0;
border: 2px solid silver; top:220px; color:#fff; padding:10px; position:fixed;
right:-300px; transition: all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; /* Safari */ }
#voletdroit:target {right:0;}
#voletdroit_clos { position: relative; z-index: 10;}
#voletdroit a.ouvrir, #voletdroit a.fermer { color: #fff; font-size: 1.2em; width:110; height:40; padding:5px 15px; /*attention on est a 270° retourné!!!*/
text-align:center; text-decoration: none;
background:red; background:-webkit-linear-gradient(red,orange); background:-moz-linear-gradient(red,orange);
background:-o-linear-gradient(red,orange);background:linear-gradient(red,#orange);}
#voletdroit a.ouvrir, #voletdroit a.fermer { border-radius: 8px 8px 0 0; font-weight:bold; left:-100px; position:absolute; top:55px;
transform: rotate(270deg); -ms-transform: rotate(270deg); /* IE 9 */ -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */}
#voletdroit a.fermer { display:none; left: -100px;}
#voletdroit_clos:target #voletdroit { right: -303px;}
#voletdroit:target a.ouvrir { display: none;}
#voletdroit:target a.fermer { display: block;}
#voletdroit a.nom:link {color: #fff; font-size: 1em; font-weight: bold; text-decoration: underline;}
.myButton {
-moz-box-shadow: 3px 4px 0px 0px #899599;
-webkit-box-shadow: 3px 4px 0px 0px #899599;
box-shadow: 3px 4px 0px 0px #899599;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
background-color:#ededed;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
border:1px solid #d6bcd6;
display:inline-block;
cursor:pointer;
color:#3a8a9e;
font-family:Arial;
font-size:15px;
padding:7px 15px;
text-decoration:none;
text-shadow:0px 1px 0px #e1e2ed;
margin 5px 5px 5px 5px;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
background-color:#bab1ba;
}
.myButton:active {
position:relative;
top:1px;
}
/* ----------------------------- */
/* pour le menu en bas*/
.menupied { margin-left:200px; margin-top:0 ;padding:5px; text-align:center; font:10px Verdana, sans-serif;}
.menupied ul { padding:0; margin:0; list-style-type:none }
.menupied li { margin-left:3px; float:left; /*pour IE*/}
.menupied ul li a{ display:block; float:left; width:120px; height:13px; background-color:#6495ED; color:black; text-decoration:none; text-align:center; padding:5px;
border-width:2px; border-style:solid; border-color:#DCDCDC #696969 #696969 #DCDCDC; /*pour avoir un effet "outset" avec IE*/}
.menupied ul li a:hover{width:120px; height:13px; color:white; text-align:center; border-color: #696969 #DCDCDC #DCDCDC #696969;}
.menupied a:visited { display:block; float:left; width:120px; height:13px; background-color:#6495ED; color:black; text-align:center; text-decoration:none; padding:5px;
border-width:2px; border-style:solid;border-color:#DCDCDC #696969 #696969 #DCDCDC; /*pour avoir un effet "outset" avec IE*/}
/* ----------------------------- */
/* =========pour les mini cartes de localisation des escales =============== */
.LocalisationMap { position:relative; width:250px; height:155px; }
.localisation { position:absolute; width:1px; height:1px; border:0; }
/* ----------------------------- */
/* =========pour les menus à gauche =============== */
div#links { position:absolute; top:5px;left:0; width:130px; height:700px; font:12px Verdana, sans-serif; z-index:20;}
div#links a { display:block; text-align:center; font:bold 1em sans-serif; padding:5px 10px; margin: 0 0 1px; border-width:0; text-decoration:none; color:black;
background:#2175bc; background-image:url('../images/fondciel2.gif'); border-right : 5px solid #505050;}
div#links a:hover { color:white; background:grey; background-image:url(../images/fondmer.gif); border-right:5px double white;}
div#links img { width:110px;}
div#links a span { display:none;}
div#links a:hover span { display:block; position:absolute; top:500px; left:0; width:120px; padding:3px; margin:0; z-index:20; color:red;
background-image:url(../images/fond2.gif); font:10px Verdana, sans-serif; text-align:center;}
/* ----------------------------- */
/* ================= pour les menus à droite ============ */
div#linksd { position:absolute;top:30px;left:0;width:125px;height:700px;font:12px comic, sans-serif;z-index:20;}
div#linksd a { display:block;text-align:center;font:bold 1em sans-serif;padding : 5px 10px;margin : 0 0 1px;border-width : 0;text-decoration : none;color : #ffc;
background : #2175bc;border-left : 5px solid #505050;}
div#linksd a:hover { color:navy;background-image:url(../images/fondmer1.gif);border-right : 5px double white;}
div#content { position : absolute;top : 26px;left : 161px;right : 25px;color : #baa;background : #22232f; font:13px Verdana, sans-serif;padding : 10px;border : 5px solid #444;}
div#content p { margin : 0 1em 1em;}
div#content h3 { margin-bottom : 0.25em;}
/* ----------------------------- */
/* pour menu horizontal*/
/* Méthode des portes coulissantes */
#nav {list-style:none; margin:10px; padding:0; overflow:hidden; text-align:center;} /* Création du contexte de formatage */
#nav li {float:left ;width:110px ;border:2px solid silver ;margin-right:1px ;color:#fff ;background:#c00 ;}
#nav li a {display:block ;background:#900 url(../images/FondCielMer.gif) left top no-repeat ;color:#fff ;font:10px Verdana, sans-serif ;
line-height:1em; padding:4px 0 ;text-align:center ;text-decoration: none ;}
#nav li a:hover, #nav li a:focus, #nav li a:active {background: #033 url(../images/FondCielMer.gif) right top no-repeat ;text-decoration:underline ;}
/**********************************/
/*menu2 #9c3 #690 #360 */
#menu2 ul{ height:30px; padding:0px 0px; margin-left:30px;}
#menu2 ul li{ float:left;list-style:none; height:25px; border:1px solid black;
background:#06F;
background:-moz-linear-gradient(top,#3CF 50%,#06F 80%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.5,#3CF),color-stop(0.8,#06F));
-moz-border-radius:10px 10px 0px 0px/30px 30px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px/30px 30px 0px 0px;
border-radius:10px 10px 0px 0px/30px 30px 0px 0px;
-moz-box-shadow:1px 1px 2px #06F inset,0px 0px 1px black,0px -1px 1px white;
-webkit-box-shadow:1px 1px 2px #06F,0px 0px 1px black,0px -1px 1px white;
box-shadow:1px 1px 2px #36F inset,0px 0px 1px black,0px -1px 1px white;}
#menu2 ul li a {display:block;height:25px;padding:5px 20px 0px 20px; color:rgba(255,255,255,0.8);text-decoration:none;font-weight:bold;}
#menu2 ul li:hover{background:#FC0;background:-moz-linear-gradient(top,#FC0,#C00);
background:-webkit-gradient(linear,left top,left bottom,from(#FC0),to(#C00));}
#menu2 ul li:hover a{color:white;text-shadow:0px 0px 2px #030;}
/**********************************/
.lettrine { float: left;font-size:3em;font-weight: bold;font-family : comic, Georgia, Times New Roman, Times, serif; color:navy; border:1px solid #990000; background-color: #ffffcc;margin: 1px;padding: 1px;line-height: 1em;}
.texterouge {color : red;}
h1 { font-family:'Bookman Old Style',Bookman,'URW Bookman L','Palatino Linotype',serif; font-size: 1.6em; text-align: center; position : relative; top: 15px;
text-shadow: 2px 2px 4px #555; color:red;}
h1 span { font : bold 25px comic sans ms, verdana, sans-serif;position : absolute;top : -2px;left : -2px;color : red; text-decoration : blink;}
h2 { font-size : 100%;color:blue;background-color:transparent;text-align : left;border-bottom : 2px solid silver;}
h3 { font-size : 80%;color:#20b2aa;background-color:transparent;text-align : left;}
h4 { font-size : 120%;color:aqua;background-color:transparent;text-align : center;text-decoration : blink;}
h5 { font-size : 80%;color:#20b2aa;background-color:transparent;text-align : right;}
h6 {background-color:navy;color:white;font-size:0.9em;margin-bottom:0px;}
/* ----------------------------- */
.titre { font : bold 50px comic sans ms, verdana, sans-serif;position : relative;top:15px;left : 30%;color : red;bottom : 15px;text-decoration : blink;}
.titre span { font : bold 50px comic sans ms, verdana, sans-serif;position : absolute;top : -2px;left : -2px;color : yellow;}
/* ----------------------------- */
.gras{font-weight: bold;}
.italique {font-style: italic;}
/* ----------------------------- */
.livredor p {background-color:#CCCCCC;margin-top:0px;font:14px comic sans ms, Verdana, sans-serif;text-align : left;}
.livredor {width:95%;margin:auto;}
/* ----------------------------- */
a img { border-style:none; padding:0 2px;}
a.lien_ext:after { content : "\0000a0[\2197]";}
/* ----------------------------- */
a.bouton_a { width:200px;text-align:center;display:block;border-width:5px;font-weight:bold;text-decoration:none;background:#B9B9B9;
border-top:3px #DBDBDB solid;border-left:3px #DBDBDB solid; border-bottom:3px #868686 solid;border-right:3px #868686 solid;}
a.bouton_a:hover {background-color: #FF6600; border-top:4px #FFCC00 solid;border-left:4px #FFCC00 solid;border-bottom:2px #CC0000 solid; border-right:2px #CC0000 solid; }
a.bouton { display:block;width:150px;height:15px;background-color:#6495ED;color:black;text-align : center;font:12px Verdana, sans-serif; text-decoration:none;
text-align:center;padding:5px;border-width:2px;border-style:solid;border-color:#DCDCDC #696969 #696969 #DCDCDC; /*pour avoir un effet "outset" avec IE*/}
a.bouton:hover {width:150px;height:15px;color:white;text-align : center;font:12px Verdana, sans-serif;border-color: #696969 #DCDCDC #DCDCDC #696969;}
a.bouton-relief {color: white;background-color: #000080;text-decoration: none;font-weight: bold;text-align:center;padding: 5px; border: 2px outset #c0c0c0;}
a.bouton-relief:hover {background-color: #6495ED;background-image:url(ciel.gif); border: 2px inset #c0c0c0;}
a.button, a.buttonDis { display:block;background-color:transparent;background-image: url(../images/cssButtonsFiles/buttonBackground.gif);background-repeat: no-repeat;
width: 132px;height: 28px;margin: 5px auto;padding: 5px 0 0 0;text-align: center;font-size: 100%;font-weight: bold;text-decoration: none;
font-family: Helvetica, Calibri, Arial, sans-serif; }
a.button:link, a.button:visited {color: #002577;}
a.button:hover, a.button:active {background-position: 0 -36px;color: #FF7200;}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {background-position: 0 -72px;color: #5F5F5F;cursor: default;}
.icon {background-repeat: no-repeat;padding: 0 0 5px 18px;}
a.button:hover .icon, a.button:active .icon { background-position: 0 -28px;}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon { background-position: 0 -56px;}
/* list of button icons */
#buttonOK .icon {background-image: url(../images/cssButtonsFiles/ok.gif);}
#buttonCancel .icon {background-image: url(../images/cssButtonsFiles/cancel.gif);}
#buttonImport .icon {background-image: url(../images/cssButtonsFiles/import.gif);}
/* ----------------------------- */
img { border:0;}
.floatleft { float:left; margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px;}
.floatright { float:right;margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px;}
.imgleft { float : left;}
.imglrignt { float : right;}
P { clear:left;}
p { background-color:transparent; margin-left:20px; margin-right:0;}
.centrer { text-align:center;}
.cadre1 { border:solid 1px; padding:10px;}
.conteneurFlex{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-wrap: wrap; justify-content: center; align-items: stretch; height:auto; min-height:180px; width:100%; padding: 1px 0; }
.conteneurFlex div{ flex: 1; text-align:center; margin: 0 5px; padding: 5px;}
.conteneur { padding:5px; width:100%; height:auto; margin-left:auto; margin-right:auto; text-align:left; }
/* ----------------------------- */
.col1 { width:700px; height:auto; float:left; color:navy; text-align:left;}
.col2G { width:48%; height:auto; float:left;text-align: center;}
.col2D { width:48%; height:auto; float:right;text-align: center;}
.col3G { width:31%; height:auto; float:left;text-align: center;}
.col3C { width:31%; height:auto; float:left;text-align: center;}
.col3D { width:31%; height:auto; float:right;text-align: center;}
.col4G { width:24%; height:auto; float:left; text-align: center;}
.col4G p { text-align: center;}
.col5G { width:19%; height:auto; float:left;}
.boxPhoto { padding:10px; display: flex; justify-content: space-between; }
.boxPhoto div{text-align:center;}
/* ----------------------------- */
div.journal { position:relative; width:95%; height:160px; font-family:Arial; font-size:12px; text-align:center;}
div.jourcol { width:160px; text-align:center; padding:5px;}
.titre1 { text-align : left;background-color : #CCCCCC ;font-size : 100%;}
li { background-color:transparent; margin-left:0; margin-right:0;}
.plan1ul { margin : 0;padding : 0;line-height : 0;}
.plan1li { background-image : url(../images/ancre1.gif);background-repeat:no-repeat;background-position: 0% 3%;line-height : 2;padding-left : 35px;margin-left : 50px;}
.plan2ul { margin : 0;padding : 0;line-height : 0;}
.plan2li { background-image : url(../images/barre1.gif);background-repeat:no-repeat;background-position: 0% 3%;line-height : 1.5;padding-left : 35px;margin-left : 120px;}
.plan3ul { margin : 0;padding : 0;line-height : 0;}
.plan3li { background-image : url(../images/blueball.gif);background-repeat:no-repeat;background-position: 0% 3%;line-height : 1;padding-left : 35px;margin-left : 170px;}
.livredorul { margin : 0;padding : 0;line-height : 0;}
.livredorli { background-image : url(../images/book1.gif);background-repeat:no-repeat;background-position: 0% 3%;line-height : 3;padding-left : 55px;margin-left : 170px;}
.boiteplan { position : absolute;z-index : 30;left : 180px;top : 30px;width : 200px;padding : 5px;margin:10px;}
/* ----------------------------- */
div#plan4 a span { display : none;}
div#plan4 a:hover span { display : block;text-align : center;}
ul, li { list-style-type : none;}
.blueball ul { margin : 0;padding : 0;line-height : 5px;}
.blueball li { font-size : 100%;color : navy;background-image : url(../images/blueball.gif);background-repeat : no-repeat;background-position : 0% 65%;line-height : 0;padding-left : 35px;margin-left : 150px;}
a:link { font-size:100%; color:blue; background-color:transparent;text-decoration:underline;}
a:visited { font-size:100%; color:purple; background-color : transparent;text-decoration : none;}
a:hover { font-size:100%; color:red; background-repeat:no-repeat; text-decoration:underline;}
/* ----------------------------- */
table { border-color:transparent; border-style:none; border-width:0;}
td { font-size:100%; color:navy; text-align:left;}
.tbnoir { width:95%; background-color:black; text-align:center; border-color:white; border-style:ridge; border-width:2px; margin-left:15px;}
.tdnoir { width: 33%; font-size:90%; color:yellow; text-align:center; background-color:transparent; border-color:white; border-style:ridge; border-width:2px;}
.tbrouge { width:95%; background-color:#990000; text-align:center; border-color:white; border-style:ridge; border-width:2px; margin-left:15px;}
.tdrouge { width: 33%; font-size:90%; color:yellow; text-align:center; background-color:transparent; border-color:white; border-style:ridge; border-width:2px;}
.tba { width:98%;}
.tra { height:45px;}
.trb { background-color : transparent;height : 45px;}
.tda { width : 5%;text-align : center;background-color : transparent;}
.tdb { width : 28%;padding-left : 5px;background-color : transparent;margin : 10px;}
.tdc { width : 52%;padding-left : 5px;background-color : transparent;margin : 10px;}
.tdd { width : 15%;text-align : center;background-color : transparent;}
.tbborder { width:95%; background-color:transparent; text-align:center; border-color:white; border-style:ridge; border-width:2px;}
.tdborder { font-size:100%; text-align:left; background-color:transparent;border-color:white;border-style:ridge;border-width : 2px;}
.tbbord0 { background-color : transparent;text-align : center;border-style : none;border-width : 0;}
.tdbord0 { font-size:100%;text-align : center;background-color : transparent;border-style : none;border-width : 0;}
.tbbord1 { width:100%;margin : 0;text-align : center;border-color : white;border-style : ridge;border-width : 2px;}
.tdbord1 { font-size : 100%;text-align : center;border-color : white;border-style : ridge;border-width : 1px;}
.tbbord2 { width : 100%;margin : 0;background-color : transparent;text-align : center;border-color : white;border-style : ridge; border-width:1px;}
.tdbord2 { font-size : 100%;text-align : center;background-color : transparent;border-color : white;border-style : ridge;border-width : 2px;}
.tdcaract { font-size : 80%;color : black;text-align:left;background-color : #cccccc;}
.tdcaracta { font-size : 80%;color : black;text-align : left;}
.boitecentre { float : left;text-align : center; margin:1em 15%;background-color : yellow;border : 2px solid red;padding : 0.5em;}
.boxcentre { float : left;text-align : center;width:500px;height:auto;margin : 1em 15%;background-color : white; border:2px solid red; padding:0.5em;}
.sommaire { text-align : center;margin : 1em 10%;padding : 6px 10px 8px;border : 1px solid #ccc;}
/* _____Page_____ */
div.inf_pagrethau{ margin:0px; margin-top:20px; padding-right:10px; padding-bottom:0px; text-align:right;}
div.inf_pagrethau a{ color:#114F9C; text-decoration:none;padding-right:15px; background: url(../images/inf_pagrethau.gif) top right no-repeat;}
div.inf_pagrethau a:hover{ text-decoration:underline;}