/* Général */
html{
height: 100%;
margin: 0;
}

body {
color: #000000;
background: #FFFFFF;
height: 100%;
margin: 0;
}

a {
color: #F5F5F5;
outline:none
}

a:hover, a:focus {
color: #009BD7;
}

strong {
color: #A1B55D;
}

a img
{
border: none;
}

.ajuste {
position:relative;
}

ul{
list-style-image:url(../img/theme/index/liste.png);
list-style-type:square;
}


/* Page */

#global {
background: #FFFFFF;
width: 935px;
overflow: hidden; 
margin-left: auto;
margin-right: auto;
}

/* Header */

#header {
overflow: hidden; 
margin-left: auto;
margin-right: auto;
height: 70px;
}

#logo{
float:left;
background-image:url(../img/theme/index/logo.png);
height:45px; /** 45 */
width:167px; /** 167 */
margin-top:1em;
}

#drapeaux{
float:right;
height:26px;
margin-top:2em;
width:70px;
}

#fa_tw{
height:39px;
margin-left:14em;
margin-top:1.2em;
position:absolute;
width:88px;
}

#separation_header{
color:#CCC2BE;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:30px;
margin-left:11.3em;
margin-top:-0.23em;
position:absolute;
}

#lien_h
{
color:#00AEF2;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin-left:30em;
margin-top:3.4em;
position:absolute;
}

#lien_h a
{
text-decoration: none;
color:#00aef2;
padding-left:2em;
}

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

#barre_promo{
height:297px;
width:100%;
position:absolute;
margin-top:7.1em;
background-color:#00ade5;
}

#promo{
height:297px;
width:940px;
position:absolute;
margin-top:7.1em;
background-image:url(../img/theme/index/promo.png);
margin-left:15em;
}

#inscription{
height:53px;
margin-left:62em;
margin-top:20em;
position:absolute;
width:177px;
}

#barre_information{
height:236px;
width:952px;
background-image:url(../img/theme/index/barre_information.png);
margin-left: auto;
margin-right: auto;
margin-top:19em;
}

#concept{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
width:450px;
position:absolute;
margin-left:3em;
}

#concept h3{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:20px;
font-weight:bold;
margin-left:-1em;
}

#paiement{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
width:450px;
margin-left:41em;
position:absolute;
}

#paiement h3{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:20px;
font-weight:bold;
}

#gauche{
float: left;
width:560px;
}

#droite{
float: right;
width:310px;
}

#bloc_partage{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
margin-left:1em;
}

#bloc_partage h1{
color:#B1B1B1;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:28px;
font-weight:bold;
}

#image_partage{
margin-left:5em;
margin-top:-1em;
}

#bloc_blog{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
margin-left:1em;
}

#bloc_blog h1{
color:#B1B1B1;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:28px;
font-weight:bold;
}

#image_blog{
margin-left:-0.5em;
margin-top:-1em;
}

#bloc_solution{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
width:460px;
position:absolute;
margin-left:3em;
}

#bloc_solution ul{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
margin-left:-1em;
margin-top:-1em;
}

#bloc_solution h3{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:20px;
font-weight:bold;
margin-left:-1em;
}

#bloc_duel{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
margin-left:1em;
margin-top:14em;
}

#bloc_duel h1{
color:#B1B1B1;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:28px;
font-weight:bold;
}

#image_duel{
margin-left:-0.5em;
}

#bloc_parrainage{
}

#bloc_parrainage h1{
color:#B1B1B1;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:18px;
font-weight:bold;
margin-top:1.4em;
}

#bloc_parrainage a{
color:#1088ea;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:13px;
text-decoration:underline;
font-weight: bold;
}

#bloc_parrainage a:hover, #bloc_parrainage a:focus, #bloc_parrainage a:active
{
color: #00AEF2;
}

#lien_parrainage{
margin-top:8em;
}

#image_parrainage{
float: left;
}

#txt_parrainage{
color:#636363;
float:right;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:20px;
font-weight:bold;
margin-top:-0.6em;
text-align:center;
width:188px;
}

#bloc_satisfaction{
margin-top:6em;
}

#bloc_satisfaction a{
color:#1088ea;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:13px;
text-decoration:underline;
font-weight: bold;
}

#bloc_satisfaction a:hover, #bloc_satisfaction a:focus, #satisfaction a:active
{
color: #00AEF2;
}

#lien_satisfaction{
margin-left:8em;
margin-top:7.5em;
position:absolute;
}

#image_satisfaction{
float: right;
width:118px;
}

#txt_satisfaction{
color:#636363;
float:left;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
margin-top:1em;
text-align:center;
width:188px;
}

#bloc_blog_droite{
margin-top:20em;
}

#bloc_blog_droite h1{
color:#B1B1B1;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:18px;
font-weight:bold;
margin-top:1.4em;
}

#bloc_blog_droite a{
color:#1088ea;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:13px;
text-decoration:underline;
font-weight: bold;
}

#bloc_blog_droite a:hover, #bloc_blog_droite a:focus, #bloc_blog_droite a:active
{
color: #00AEF2;
}

#lien_blog_droite{
margin-top:8em;
}

#image_blog_droite{
float: left;
}

#txt_blog_droite{
color:#636363;
float:right;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:18px;
font-weight:bold;
text-align:center;
width:200px;
}

#bloc_tarif{
color:#636363;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:18px;
font-weight:bold;
margin-top:6em;
}

#bloc_tarif h1{
color:#B1B1B1;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:18px;
font-weight:bold;
margin-top:1.4em;   
}

#bloc_tarif a{
color:#1088ea;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:13px;
text-decoration:underline;
font-weight: bold;
}

#bloc_tarif a:hover, #bloc_tarif a:focus, #bloc_tarif a:active
{
color: #00AEF2;
}

#lien_tarif{
float:right;
margin-right:2em;
}

#element_tarif{
margin-left:-1.2em;
}

#separation_milieu{
position: absolute;
margin-left:36.4em;
}

#bloc_recherche{
background-image:url(../img/theme/index/bloc_recherche.png);
height:408px;
margin-right:auto;
margin-top:68em;
width:918px;
}

#formulaire{
width:600px;
margin-left: auto;
margin-right: auto;
border:3px solid #E7E4E4;
background-color:#FFFFFF;
}

#formulaire a{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:18px;
text-decoration: none;
}

#formulaire a:hover, #formulaire a:focus, #formulaire a:active
{
color: #00AEF2;
}

#formulaire #titre{
display:block;
padding:10px 20px;
color: black;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:18px;
}

#formulaire #user_admin{
display:block;
padding:10px 20px;
color: black;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:18px;
}

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

#formulaire input[type="submit"]{
background-image:url(../img/theme/valider.png);
text-align:center;
margin-bottom:1em;
margin-top:1em;
width: 177px;
height: 53px;
background-color: transparent;
border:0 none;
}

.haut_box{
background-image:url(../img/theme/bloc_haut.png);
height:36px;
width:933px;
margin-top:0.5em;
}


.bg_box{
background-image:url(../img/theme/bloc_bg.png);
width:933px;
overflow:hidden;
}


.footer_box{
background-image:url(../img/theme/bloc_bas.png);
height:32px;
width: 933px;
margin-bottom:3em;
}

.contenu_box{
padding-left:0.5em;
padding-right:0.5em;
}

.titre_blog{
color:#4fc8f0;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:30px;
font-weight:bold;
}

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

.titre_blog  a:hover, .titre_blog  a:focus, .titre_blog  a:active
{
color: #00AEF2;
}

.poster_blog{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-weight: bold;
font-size:11px;
margin-top:3em;
}

.poster_blog a {
color:#4fc8f0;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
text-decoration: none;
font-size:11px;
}

.poster_blog  a:hover, .poster_blog  a:focus, .poster_blog a:active
{
color: #00AEF2;
}

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

#pagination a{
color:#4fc8f0;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
text-decoration: none;
font-size:17px;
}

#pagination  a:hover, #pagination  a:focus, #pagination a:active
{
color: #00AEF2;
}

.table_membre
{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-weight:bold;
width: 100%;
text-align: left;
border-collapse: collapse;
padding: 0;

}

.table_membre tr th
{
padding-bottom:0.5em;
color: #000;
border-bottom: 1px dotted #00AEF2;
text-align: center;
padding-top:0.5em;
}

.table_membre tr td{
border-bottom:1px dotted #00AEF2;
color:#00AEF2;
padding-bottom:0.5em;
padding-top:0.5em;
text-align:center;
}

.table_membre a {
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-weight:bold;
text-decoration:none;
}

.table_membre a:hover, .table_membre a:focus, .table_membre a:active{
color: #00AEF2;
}

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

/* Navigation */

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

/* Contenu principal */

#contenu {
color: #000000;
background: #FFFFFF;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
width:933px;
text-align:center;
margin-top:3em;
}

#contenu strong {
color: #181A12;
}

/* Pied de page */

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

#contenu_footer
{
width:952px;
margin-left:auto;
margin-right:auto;
padding-top:2em;
}

#contenu_footer h3
{
color:#807F7F;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:18px;
margin-left:3.6em;
padding-top:8em;
text-decoration:none;
}

.element_footer
{
float:left;
margin-left:2em;
width:193px;
margin-right:0.6em;
}

.element_footer h1
{
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
color: #4e4e4f;
text-decoration: none;
font-size:18px;
margin-bottom:0.5em;
}

.element_footer ul
{
margin:0;
padding-left:2em;
}

.element_footer li
{
display: block;
}

.element_footer li a
{
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
color: #000000;
text-decoration: none;
font-size:17px;
margin:0;
}


.element_footer li a:hover, .element_footer li a:focus, .element_footer li a:active
{
color: #1088ea;
text-decoration: none;
}




/* Menu */

#barre_menu{
background-image:url(../img/theme/index/barre_menu.png);
height:44px;
width:100%;
position:absolute;
margin-top:4.6em;
}

#element_menu
{
height:44px;
margin-left:auto;
margin-right:auto;
}

#element_menu ul
{
margin-left:-0.8em;
position: absolute;
color: #000040;
}

#element_menu li
{
display: inline;
}

#element_menu li a
{
color:#000000;
font-family:Arial,Trebuchet MS,Verdana,Helvetica,sans-serif;
font-size:17px;
font-weight:bold;
padding:0.5em;
text-decoration:none;
}


#element_menu li a:hover, #element_menu li a:focus, #element_menu li a:active
{
padding:0.5em;
color: #00AEF2;
text-decoration: none;
}

.auto_complete {
	position: absolute;
	background: white;
	border: 1px solid #ccc;
}
.auto_complete ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.auto_complete ul li {
	padding: 5px;
}
.selected {
	background-color: #ffc;
}

#post2
{
margin-left:11em;
margin-top:-6em;
position:absolute;
text-align:center;
z-index:5;
}

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

.bulle{
margin-left:33.5em;
margin-top:28.6em;
position:absolute;
}

.ajuste
{
position: relative;
}
