/* Style Voyage de coeur Maroc */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: ;
font: inherit;
vertical-align: baseline;
}
body {
line-height: 1;
margin: 0;
padding:0;
/*background-color:#edddbc;*/
/*background-color:#e3c89b;*/
background-color:white;
font-family: sansationbold, Verdana, Geneva, sans-serif;
}
body p{
font-family: sansationbold, Verdana, Geneva, sans-serif;
font-size: 16px;
font-style: ;
letter-spacing: 1px;
font-weight: 100;
}
#titre_principal
{
display: inline-block;
}
/* header */
#header{
background-color:blanchedalmond;
min-height: 600px;
width: 100%;
margin:0px 0px 0px 0px;
padding: 0px;
}
#header H1{
margin : 0px 0 0px 280px;
color : rosybrown;
font-size: 2.35em;
letter-spacing: 3PX;
font-weight: bold;
padding-top: 40px;
}
aside{
background-color:rgba(245, 203, 167, 0.2 );
width : 100%;
min-height: 560px;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
}
/* flag Maroc */
#flagMaroc {
float:left;
padding:20px 20px 20px 80px;
}
#flagMaroc img{
width: 100px;
height: 100%;
}
/* ban */
#ban{
background-color: ;
width:1100px;
height: 400px;
float: none;
}
#ban img{
background-color: ;
margin: 0 0 0 80px;
width : 100%;
max-height: 400px;
}
/* menu */
#lien_page_actuel{
color: brown;
}
a#lien_page_actuel{
}
/* menu */
#menu {
float: left;
margin: 30px 0 0 80px;
font-size: 16px;
letter-spacing: 1px;
font-family: sansationbold, Verdana, Geneva, sans-serif;
font-weight: bold;
}
#menu ul{
padding:0;
list-style:none;
line-height: 20px;
text-align:center;
}
#menu li{
border-right:2px solid #fff;
float:left;
width:164px;
}
#menu a{
/*background: rgba(104, 113, 118, 0.5);*/
display:block;
padding:0;
text-decoration:none;
color:rosybrown;
width:164px;
}
#reseau{
float:left;
margin : 10px 0 10px 880px;
background-color:pink;
width:120px;
height: 40px;
}
section{
width : 1200px;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
min-height: 510px;
}
section p{
font-family: sansationbold, Verdana, Geneva, sans-serif;
color: #3D3A3A;
}
section a{
color: saddlebrown;
text-decoration: none;
}
/*Maroc Map*/
#map H3 {
margin : 40px 0 20px 150px;
color : white;
font-size: 28px;
letter-spacing: 2PX;
font-weight: bold;
}
#map {
width : 460px;
margin-left:auto;
margin-right:auto;
background-color:burlywood;
}
#map h2 {
margin : 60px 0 40px 100px;
color : white;
font-size: 28px;
letter-spacing: 2PX;
font-weight: bold;
}
#map img{
width: 380px;
height: 100%;
margin: 40px;
}
/* proto */
#proto H3 {
margin : 40px 0 20px 110px;
color: rosybrown;
font-size: 22px;
letter-spacing: 2px;
font-weight: bold;
}
#proto {
width : 600px;
margin-left:auto;
margin-right:auto;
margin-top: 50px;
margin-bottom: 50px;
padding-left: 100px;
min-height: 200px;
background-color:;
}
#proto p{
color: saddlebrown;
}
/* Maroc */
#maroc{
min-height: 600px;
width: 1000px;
background-color:rgba(245, 203, 167, 0.2 );
margin:0 0 20px 140px;
padding-bottom: 20px;
padding-top: 20px;
font-weight: bold;
}
#maroc span{
font-style: italic;
color: #542D25;
}
#maroc h3{
margin : 0 0 20px 280px;
color : brown;
font-size: 18px;
letter-spacing: 3PX;
font-weight: bold;
font-style: ;
}
#maroc h4{
margin : 20px 0 20px 160px;
color : rosybrown;
font-size: 16px;
letter-spacing: 2PX;
}
#maroc H2{
margin : 10px 0 30px 280px;
color : rosybrown;
font-size: 22px;
letter-spacing: 4PX;
font-weight: bold;
}
/* flag */
#flag H2{
margin : 0 0 0 280px;
color : rosybrown;
font-size: 22px;
letter-spacing: 2PX;
font-weight: bold;
}
.flagM{
width: 440px;
height: 100%;
margin:40px 0 40px 240px;
}
#maroc p{
margin: 20px;
margin-right: 20px;
color: saddlebrown;
}
#maroc li{
margin: 20px 20px 20px 40px;
color: saddlebrown;
}
/* calendrier */
#calendrier{
min-height: 600px;
width: 1000px;
background-color:rgba(245, 203, 167, 0.2 );
margin:0 0 20px 140px;
padding-bottom: 20px;
padding-top: 20px;
font-weight: bold;
}
#calendrier h3{
margin : 0 0 20px 280px;
color : rosybrown;
font-size: 18px;
letter-spacing: 4PX;
font-weight: bold;
font-style: ;
}
#calendrier h4{
margin : 20px 0 20px 160px;
color : rosybrown;
font-size: 16px;
letter-spacing: 2PX;
}
#calendrier H2{
margin : 0 0 0 280px;
color : rosybrown;
font-size: 22px;
letter-spacing: 2PX;
font-weight: bold;
}
#calendrier p{
margin: 20px;
margin-right: 20px;
color: saddlebrown;
}
table, caption, th, td {
border: 1px solid brown;
border-collapse: collapse;
margin: 16px 0 10px 40px;
padding:18px;
color : rosybrown;
}
table{
margin:20px 0 20px 100px;
}
/* page photo */
#gal{
width: 800px;
min-height:
float:left;
background-color:rgba(245, 203, 167, 0.2 );
margin:0 0 20px 140px;
padding : 10px;
}
/* page contact */
#contact{
min-height: 600px;
width: 1000px;
background-color:rgba(245, 203, 167, 0.2 );
margin:0 0 20px 140px;
padding-bottom: 20px;
padding-top: 20px;
font-weight: bold;
}
#contact h2{
margin : 0 0 0 300px;
color : rosybrown;
font-size: 22px;
letter-spacing: 2PX;
font-weight: bold;
}
#contact h3{
margin : 0 0 20px 200px;
color : rosybrown;
font-size: 16px;
letter-spacing: 2PX;
font-weight: bold;
font-style: oblique;
}
#contact h4{
margin : 20px 0 20px 200px;
color : rosybrown;
font-size: 16px;
letter-spacing: 2PX;
font-weight: bold;
}
.contact{
margin : ;
}
#form{
min-height: 300px;
width: 560px;
background-color:rgba(245, 203, 167, 0.2 );
margin:0 0 20px 100px;
padding-bottom: 20px;
padding-top: 20px;
padding-left: 40px;
}
#form p {
padding: 8px;
color: saddlebrown;
}
#coordonnee{
min-height: 300px;
width: 600px;
background-color:rgba(245, 203, 167, 0.2 );
margin:0 0 20px 100px;
padding-bottom: 20px;
padding-top: 20px;
font-weight: bold;
}
#coordonnee p{
margin: 20px 0 0 200px;
color: saddlebrown;
}
.photo{
width: 440px;
height: 100%;
margin:40px 0 40px 240px;
}
/* page mentions */
#mentions{
padding: 10px 0 40px 0;
}
#mentions p{
color: saddlebrown;
}
#mentions h4{
margin : 20px 0 20px 200px;
color : rosybrown;
font-size: 16px;
letter-spacing: 2PX;
font-weight: bold;
}
#mentions h5{
margin : 20px 0 20px 80px;
color : rosybrown;
font-size: 14px;
letter-spacing: 2PX;
font-weight: bold;
}
/* Footer */
#footer
{
height: 300px;
width: 100%;
background-color:rgba(245, 203, 167, 0.2 );
}
#navFoot
{
display: inline-block;
width: 740px;
margin: 20px 30px 10px 40px ;
}
#navFoot ul
{
list-style-type: none;
}
#navFoot li
{
font-size: 15px ;
font:trebuchet;
margin-right:30px;
margin-left: 60px;
display: inline-block;
letter-spacing:3px;
}
#navFoot a
{
color: rosybrown;
text-decoration: none;
}
#navFoot a:hover
{
color: black;
border-bottom: 2px solid gray;
}
#footerC{
height:80px;
width : 100%;
margin-left:auto;
margin-right:auto;
margin-top: 5px;
background-color:rgba(245, 203, 167, 0.2 );
}