/* Général */

body {
color: #F0E39E;
background: #FFFFFF;
}
a {
color: #106494;
}
a:hover, a:focus {
color: #FF4C00;
}
strong {
color: #A1B55D;
}

a img
{
border: none;
} 

/* Page */

#global {
background: #FFFFFF;
}

/* Navigation */

#navigation {
background: #FFFFFF;
}
#navigation a {
color: #445522;
}
#navigation a:hover, #navigation a:focus {
background: #445522;
}

/* Contenu principal */

#contenu {
color: #445522;
background: #FFFFFF;
}
#contenu a {
color: #332510;
}
#contenu a:hover, #contenu a:focus {
color: #6E5122;
}
#contenu strong {
color: #181A12;
}

/* Pied de page */

#pied {
color: #E6A948;
}


/* --- POSITIONNEMENT --- */

/* Page */
html, body {
height: 100%;
margin: 0;
}
body {
padding: 0;
margin: 0;
}
#global {
width: 970px;
overflow: hidden; 
margin-left: auto;
margin-right: auto; 
}

/* En-tête */
#entete {
width:970px;
}


#logo
{
height:80px;
width:230px;
margin-bottom:10px;
}


#lien_h
{
color:#000000;
float:right;
font-size:14px;
margin-right:3%;
margin-top: 6%;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
}

#lien_h a
{
text-decoration: none;
color:#000000;
}

#lien_h a:hover, #lien_h a:focus, #lien_h a:active
{
color: #106494;
}

#paiements_m
{
color:#800000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:11px;
margin-left:42%;
position:absolute;
}

/* Menu */

#element_menu
{
background-image:url(../img/menu.png);
height:44px;
width:970px;
margin-left: auto;
margin-right: auto; 
}

#element_menu ul
{
margin-top: 10px;
margin-left:-30px;
position: absolute;
color: #6ba9d4;
}

#element_menu li
{
display: inline;
}

#element_menu li a
{
padding: 6px;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
text-align: center;
color: #ffffff;
text-decoration: none;
font-size:14px;
}


#element_menu li a:hover, #element_menu li a:focus, #element_menu li a:active
{
padding: 6px;
text-align: center;
color: #6ba9d4;
text-decoration: none;
}

/* Contenu */
#contenu {
padding: 0px 10px;
}

#last_lien {
height: 300px;
width: 226px;
}

#last_lien p{
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
color: #106595;
font-size:16px;
font-weight: bold;
}

#last_contenu {
width: 300px;
height: 235px;
margin-top:10%;
}

#last_contenu a {
color:#8c951f;
font-weight:bold;
margin-left:2%;
text-decoration: none;

}

#last_contenu a:hover, #last_contenu a:focus, #last_contenu a:active
{
color: #106494;
}

#register {
background-image:url(../img/register.png);
height:117px;
width:223px;
margin-top:10px;
}

#publicite {
background-image:url(../img/pub.png);
height:34px;
width:226px;
margin-top:25px;
}

#espace_pub {
background-image:url(../img/espace_pub.png);
height:292px;
width:223px;
}

.etape2 {
background-color: #106494;
-moz-border-radius:5px;
-webkit-border-radius:5px;
height:30px;
width:100px;
float:right;
margin-top:1.3%;
margin-right:10px;
}

.etape1 {
background-color: #106494;
-moz-border-radius:5px;
-webkit-border-radius:5px;
height:30px;
width:590px;
float:right;
margin-top:1.3%;
}

.etape2 p{
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
color: #FFFFFF;
font-size:16px;
margin-left:7%;
margin-top:6.5%;
}

.etape1 p{
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
color: #666666;
font-size:12px;
margin-left:2%;
margin-top:1.3%;
}

.arrondi {
background-color: #e2e1e1;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width: 700px;
height: 300px;
float: right;
}

#type {
float:right;
height:25px;
margin-right:50%;
margin-top:1%;
width:226px;
}

#type p{
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
color: #106595;
font-size:16px;
font-weight: bold;
}

#popup {
background-image:url(../img/popup.jpg);
float:right;
height:126px;
margin-right:53%;
margin-top:3%;
width:205px;
}

#popup p{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:12px;
height:93px;
margin-left:100%;
margin-top:9.5%;
width:212px;
}

#compteur{
background-image:url(../img/compteur.jpg);
float:right;
height:118px;
margin-right:53%;
margin-top:1%;
width:205px;
}

#compteur p{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:12px;
height:93px;
margin-left:100%;
margin-top:9.5%;
width:212px;
}

#frame {
background-image:url(../img/frame.jpg);
float:right;
height:112px;
margin-right:53%;
margin-top:1%;
width:205px;
}

#frame p{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:12px;
height:93px;
margin-left:100%;
margin-top:9.5%;
width:212px;
}

#annonceurs {
background-image:url(../img/annonceurs.jpg);
float:right;
height:193px;
margin-right:0.1%;
margin-top:-44%;
width:241px;
}

#annonceurs_1 p {
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:12px;
height:52px;
margin-left:35%;
margin-top:25%;
width:144px;
}

#annonceurs_2 p {
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:12px;
height:5px;
margin-left:0;
margin-top:8%;
width:185px;
}

#titre_annonceurs p {
color:#FFFFFF;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
margin-left:0.5%;
margin-top:0.7%;
position:absolute;
}

#gain {
background-image:url(../img/gain.png);
float:right;
height:194px;
margin-right:0.1%;
margin-top:-22.2%;
width:241px;
}

#gain p {
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:12px;
height:52px;
margin-left:35%;
margin-top:25%;
width:148px;
}

#titre_gain p  {
color:#FFFFFF;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
margin-left:0.5%;
margin-top:0.7%;
position:absolute;
width:170px;
}



/* Pied de page */
#pied {
margin-top: 25px;
}

#pied_contenu{
width: 970px;
overflow: hidden; 
margin-left: auto;
margin-right: auto; 
}

#pied_contenu p{
color:#FFFFFF;
float:right;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:16px;
margin-top:-3%;
}

#barre2_contenu{
width: 970px;
overflow: hidden; 
margin-left: auto;
margin-right: auto; 
}

#titre1g{
color:#0072CA;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight: bold;
font-weight:bold;
margin-top:3%;
}

#titre2g {
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:10px;
margin-top:-1.5%;
}

#icones{
background-image:url(../img/icones.png);
height:87px;
width:128px;
}

#lien_fan{
height:37px;
width:117px;
margin-left:13%;
margin-top:-9%;
}

#lien_follow{
background-image:url(../img/lien_follow.png);
height:52px;
width:101px;
margin-left:13.3%;
}

#separ{
background-image:url(../img/separ.png);
height:161px;
width:7px;
margin-left:31%;
margin-top:-15.2%;
}


#titre1m{
color:#8c951f;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight: bold;
font-weight:bold;
margin-left:35%;
margin-top:-15.1%;
}

#titre2m {
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:10px;
margin-left:35%;
margin-top:-1.5%;
}

#gmail{
background-image:url(../img/gmail.png);
height:77px;
margin-left:34.5%;
margin-top:0%;
width:73px;
}

#descript_invit p {
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:12px;
margin-left:41.5%;
margin-top:-6.5%;
}

#lien_invit p {
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:12px;
margin-left:51.4%;
margin-top:3%;
}
#temoi p {
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:12px;
margin-left:81.4%;
margin-top: -3%;
}
#separ2{
background-image:url(../img/separ.png);
height:161px;
margin-left:66%;
margin-top:-16.3%;
width:7px;
}

#titre1d{
color:#106595;
float:right;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
margin-right:16%;
margin-top:-15.3%;
}

#titre2d {
color:#000000;
float:right;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:10px;
margin-right:7.4%;
margin-top:-13.3%;
}

#loupe{
background-image:url(../img/loupe.png);
float:right;
height:60px;
margin-right:22.5%;
margin-top:-10.5%;
width:66px;
}

#com p {
color:#000000;
float:right;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:12px;
margin-left:0;
margin-right:4%;
margin-top:-9.5%;
}

#note p {
color:#000000;
float:right;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:12px;
margin-right:15.8%;
margin-top:-6%;
}

#barre3_contenu{
width: 970px;
overflow: hidden; 
margin-left: auto;
margin-right: auto; 
}

#g{
width: 300px;
height: 250px;
margin-top:3%;
}

#g p{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
}

#g a{
float: right;
}

#petit{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:10px;

}

#m{
height:250px;
margin-left:35%;
margin-top:-27.4%;
width:300px;
}

#m p{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
}

#m a{
color:#0072CA;
font-weight:bold;
text-decoration:none;
margin-left: 5%;
}

#d{
float:right;
height:250px;
margin-right:-2%;
margin-top:-24.6%;
width:300px;
}

#d p{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
margin-right:16%;
margin-top:-3.6%;
}

#g strong{
   color: #0072CA;
}

#m strong{
   color: #8c951f;
}

#d strong{
   color: #106595;
}

#image_contact{
background-image:url(../img/cadre_contact.png);
height:130px;
width:280px;
}

#logo_footer{
height:100px;
margin-top:10px;
width:268px;
}

#barre1 {
background-image:url(../img/barre1.png);
height:55px;
width:100%;
}

#barre2 {
background-image:url(../img/barre2.png);
height:205px;
width:100%;
margin-top:-0.5%;
}

#barre3 {
background-image:url(../img/barre3.png);
height:330px;
width:100%;
margin-top:-1%;
}

#footer {
background-image:url(../img/footer.png);
height:116px;
width:100%;
margin-top:-2%;
}

#ligne {
color: #e1e1e1;
background-color: #e1e1e1;
height: 1px;
border: 0;
margin-top:-5%;
}

#ligne2 {
color: #e1e1e1;
background-color: #e1e1e1;
height: 1px;
border: 0;
margin-top:-5%;
width: 430px;
}

#ligne3 {
color: #e1e1e1;
background-color: #e1e1e1;
height: 1px;
border: 0;
margin-top:-3%;
}

#ligne4 {
color: #e1e1e1;
background-color: #e1e1e1;
height: 1px;
border: 0;
}

#inscription {
color:#7AA719;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:30px;
font-weight:bold;
margin-left:0;
margin-top:1%;
}

.arrondipr {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#e2e1e1;
margin-top:10px;
padding:10%;
}

form
{
color:#000000;
font-weight:bold;
font-family: Arial,Trebuchet MS,Verdana, Helvetica, sans-serif;
}

fieldset
{
 padding:20px;
 margin-bottom:10px;
}

label
{
display:block;
color:#0072CA;
font-weight:bold;
font-family: Arial,Trebuchet MS,Verdana, Helvetica, sans-serif;
margin-top:2%;
}

label.inline
{
display:inline
}

input
{
background-color:#106494;
border:1px solid white;
color:#FFFFFF;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:20px;
font-weight: bold;
}

textarea
{
background-color:#106494;
border:1px solid white;
color:#FFFFFF;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:20px;
font-weight: bold;
}

input[type=submit]
{
 margin-top: 25px;
}