@charset "iso-8859-1";

/* Global Styles */

* {
outline: none; }

body {
overflow: scroll;
margin: 0;
padding: 0;
padding-top: 3px;
padding-bottom: 3px;
font-family: "Comic Sans MS", serif;
color: #333399;
background-image: url('http://www.jeffdulac.fr/images/pagessite/BGPlongAv07.jpg');
background-attachment: fixed;
}

.bodyastro {
background-image: url('http://www.jeffdulac.fr/images/pagessite/fond7.gif');
background-attachment: fixed;
}

a {
color: #6b0c0c;
font-weight: bold;
text-decoration: none;
}
a img {
border: none;
margin: 0;
}
ul {
list-style-type: none;
}
#container {
width: 1024px;
min-height: 1450px;
margin: auto;
border: 5px ridge #146bb9;
}
#header {
width: 1024px;
margin: auto;
text-align: center;
height: 78px;
padding: 5px 0 5px 0;
background-color: #146bb9;
}
#barredatefete {
width: 1024px;
height: 23px;
margin: auto;
line-height: 23px;
background-color: #ffff00;
border-top: 2px groove #146bb9;
border-left: 2px solid #146bb9;
border-right: 2px solid #146bb9;
font-size: 13px;
color: #0000cc;
}
#date {
width: 233px;
height: 23px;
float: left;
text-align: center;
}
#fete {
width: 777px;
height: 23px;
float: right;
text-align: center;
border-left: 2px solid #146bb9;
}
#fete a {
color: #0000cc;
text-decoration: none;
font-size: 13px;
font-weight: bold;
}
#fete:hover a {
background-color: #66ffff;
}
#saint, #sainte {
padding: 0 5px;
}
#corps {
width: 1024px;
min-height: 1450px;
border: 2px solid #146bb9;
background-color: #99ffff;
}

.sommaire a {
font-size: 15px;
font-weight: bold;
color: #0000FF;}

.sommaire a:hover {
font-size: 15px;
color: #990000;
background-color: #66CCFF;
margin-right: 400px;
padding: 2px 5px 2px 5px;}

.sommaire ul {
font-family: "Comic sans MS";
list-style-type: none;
font-size: 15px;
color: #990000;}

.li li {
background-color: #66CCFF;}

/*-- contenu des pages sommaire Aide informatique */
.contenu {
width: 719px;
border: 2px solid #146bb9;
margin-left: 247px;
padding: 20px;
text-align: center;
font-size: 14px;
line-height: 20px;
background-color: #CCFFFF;
min-height: 1450px;
}

.contenu h1 {
text-align: center;
font-size: 19px;
}

.contenu h2, .contenu h3, .contenu h4 {
text-align: center;
}


.ligneor img {
width: 55%;
height: 8px;
margin: auto;
}

.contenu table {
width: 500px;
margin: auto;
border-collapse: collapse;
border: 4px ridge #99FFFF;
background-color: #99ffff;
}

.bordure {
	border: 1px; 
	text-align: center;}
	
.img_center p {
text-align: center;
margin: auto;
}
.text_vert {
font-weight: bold;
color: #009900;
}
.contenu table td, .contenu table th {
margin: auto;
border-collapse: collapse;
border: 4px ridge #99FFFF;
text-align: left;
padding-left: 5px;
font-style: #000099;
font-weight: bold;
}
.contenu .table580 {
width: 580px;}

.contenu td a {
color: #000099;}

/*-- Fin de contenu des pages sommaire Aide informatique */

/*-- contenu crypto  */
.contenuc {
width: 719px;
border: 2px solid #146bb9;
margin-left: 247px;
padding: 20px;
text-align: center;
font-size: 14px;
line-height: 20px;
background-color: #CCFFFF;
min-height: 1325px;
}

.contenuc h1, .contenuc h2, .contenuc h3, .contenuc h4 {
text-align: center;
}

/*-- Fin de contenu crypto */

#colonnegauche {
width: 247px;
height: 1300px;
float: left;
}
#menug {
height: 991px;
color: #0000cc;
border-right: 2px solid #146bb9;
border-bottom: 2px solid #146bb9;
background-image: url("http://www.jeffdulac.fr/images/pagessite/menugauche.jpg");
}
#menug ul {
margin-left: 0;
margin-top: 0;
padding-left: 0;
font-style: italic;
font-size: 16px;
font-weight: bold;
}

.portail a {
color: #3366FF;}

.accueil a {
color: #146bb9;
}

.albums a, .forum a, .plongeurs a, .ephemeride a, .informatique a, .banniere a, .heure a, .magique a, .amis a, .infos a, .route a, .cartes a, .astro a, .visiteurs a, .meteo a, .meteosr a, .webmasters a, .pub a, .crypteur a, .robots a, .straphael a, .annonces a, .voyages a, .contact a {
color: #ffffff;
}

.portail a:hover {
color: #FF6633;
background-color: #99FF66;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 6px;
margin-left: -4px;}

.accueil a:hover {
color: #FF6633;
background-color: #33ff99;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 6px;
margin-left: -4px;
}
.banniere a:hover, .visiteurs a:hover, .pub a:hover, .meteo a:hover, .meteosr a:hover, .straphael a:hover, .webmasters a:hover, .voyages a:hover, .crypteur a:hover, .robots a:hover, .annonces a:hover, .contact a:hover {
color: #ffff00;
background-color: #006666;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 6px;
margin-left: -4px;
}
.heure a:hover, .forum a:hover, .albums a:hover, .ephemeride a:hover, .plongeurs a:hover, .informatique a:hover, .astro a:hover, .magique a:hover, .amis a:hover, .infos a:hover, .cartes a:hover, .route a:hover {
color: #ff3300;
background-color: #33ff99;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 6px;
margin-left: -4px;
}
.portail {
padding-top: 20px;
padding-left: 67px;
font-size: 18px;}

.accueil {
padding-top: 20px;
padding-left: 90px;
}
.heure {
padding-top: 20px;
padding-left: 38px;
}
.forum {
padding-top: 20px;
padding-left: 14px;
}
.ephemeride {
padding-top: 10px;
padding-left: 70px;
}
.albums {
padding-top: 10px;
padding-left: 70px;
}
.plongeurs {
padding-top: 10px;
padding-left: 35px;
}
.informatique {
padding-top: 10px;
padding-left: 38px;
}
.magique {
padding-top: 10px;
padding-left: 38px;
}
.amis, .infos, .cartes, .visiteurs, .meteo, .meteosr, .straphael, .webmasters, .voyages, .crypteur, .astro {
padding-top : 10px;
padding-left : 43px;
}
.annonces {
padding-top : 10px;
padding-left : 20px;
}
.route {
padding-top: 10px;
margin-left: 16px;
}
.pub {
padding-top: 10px;
margin-left: 53px;
}
.banniere {
padding-top: 10px;
margin-left: 70px;
}
.robots {
padding-top: 10px;
margin-left: 40px;
}
.contact {
padding-top: 70px;
margin-left: 100px;
font-size: 14px;
}

#sophie {
margin-top: 5px;
margin-left: 2px;
text-align: center;
width: 238px;
height: 140px;
background-color: #33ccff;
border: 1px solid #146bb9;
}

#colibri {
margin-top: 5px;
margin-left: 2px;
text-align: center;
font-size: 12px;
width: 238px;
height: 160px;
background-color: #33ccff;
border: 1px solid #146bb9;
}
#colibri p {
margin-top: 5px;
color: #0000cc;
}

#hebergement {
margin-top: 5px;
margin-left: 2px;
text-align: center;
font-size: 12px;
width: 238px;
height: 160px;
background-color: #33ccff;
border: 1px solid #146bb9;
}

#hebergement p {
margin-top: 5px;
color: #0000cc;
}

#colonneskype {
margin-top: 3px;
margin-left: 2px;
width: 238px;
height: 60px;
text-align: center;
background-color: #33ccff;
border: 1px solid #146bb9;
}

.skype {
margin-top: 5px;
}

#colonnedroite {
width: 145px;
height: 1530px;
float: right;
background-color: #33ccff;
font-size: 12px;
color: #2919b7;
line-height: 15px;
border-left: 2px solid #146bb9;
border-bottom: 2px solid #146bb9;
}

#colonnedroite ul {
margin: auto;
margin-left: 0;
padding-left: 0;
text-align: center;
font-weight: bold;
}

.avisdc {
padding-top: 10px;
margin-bottom: 10px;
text-decoration: none;
}

.ephemerides {
padding-top: 5px;
margin-bottom: 10px;
}
.environnement {
margin: auto;
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 5px;
width: 130px;
border: 1px solid #146bb9;
font-size: 12px;
background-color: #ea8537;
}
.emi, .museemarine, .adressessr, .golfhotel, .infobel, .chantdumele, .calou {
padding-top: 10px;
}
.blocderoulant {
padding-top: 10px;
border: 1px solid #146bb9;
margin: auto;
width: 135px;
height: 190px;
background-color: #aee9d3;
font-size: 13px;
text-align: left;
}

.blocpaypal {
padding-top: 10px;
border: 1px solid #146bb9;
margin: auto;
width: 135px;
height: 190px;
background-color: #aee9d3;
font-size: 13px;
text-align: left;
}

#colonnecentrale {
margin: 30px 160px 30px 260px;
color: #0000cc;
font-size: 13px;
line-height: 23px;
min-height: 1450px;
}
#colonnecentrale h3, #colonnecentrale h4 {
text-align: center;
}
#colonnecentrale a {
color: #c00000;
text-decoration: underline;
}
#colonnecentrale a:hover {
color: #ee8012;
text-decoration: none;
}
#contenu {
width: 733px;
margin: auto;
margin-left: 247px;
padding: 30px 15px 30px 15px;
color: #0000cc;
font-size: 13px;
line-height: 23px;
text-align: center;
}
.texte {
color: #333399;
text-align: left;
}
.center {
text-align: center;
}
.amazon {
margin-left: 120px;
text-align: center;
}
#recherche {
width: 497px;
height: 61px;
text-align: center;
margin: auto;
background-color: #ffffff;
border: 2px solid #146bb9;
}
.google {
width: 128px;
height: 61px;
float: left;
border-right: 2px solid #146bb9;
}
.google img {
padding-top: 4px;
}
.imput_recherche {
width: 367px;
float: right;
font-size: 11px;
margin-top: 5px;
}
.text {
width: 200px;
}
.submit {
width: 132px;
}
.c4 {
width: 430px;
margin: auto;
font-size: 80%;
text-align: center;
}
.c2 {
margin-left: 0px;
text-align: center;
}

.c2 ul {
padding-left: 0px;
}
.dico {
width: 150px;
margin: auto;
}
#footer {
width: 1024px;
text-align: center;
background-color: #00ffff;
border-top: 1px solid #146bb9;
border-right: 1px solid #146bb9;
border-bottom: 1px solid #146bb9;
border-left: 1px solid #146bb9;
}
#footer a {
color: #ffffff;
text-decoration: none;
font-size: 13px;
font-weight: bold;
}
#footer img {
vertical-align: middle;
display: inline-block;
}
#footer span:hover {
background-color: #0033CC;
}
#footer span {
vertical-align: middle;
display: inline-block;
padding: 2px 5px 2px 5px;
}