/*@font-face {font-family: "Doppio One"; 	src: url('doppio_one.otf');}*/
/* CSS Mise à Zero */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;color:#ffffff; font-family: 'Cabin', sans-serif;}
th{	font-family: 'Joti One', cursive; color: #97E4F8;}
table{border-collapse:collapse; border-spacing:0; margin: auto;}
fieldset,img{border:0;}
a { outline: none; text-decoration: none; color: #97E4F8; font-weight: bold;}

/* Element HTML5 pour vieux navigateur */
header, footer, aside, nav, article {display: block;}

	
h2 {
	font-family: 'Joti One', cursive;
	font-size: 1.5em;
	text-decoration: none;
	 text-shadow:
	0 0 10px #00d2ff, 
	0 0 30px #00d2ff, 
	0 0 50px #00d2ff, 
	0 0 60px #00d2ff;
	color:#fff;
	margin-bottom: 30px;
}


h3 {
	font-family: 'Joti One', cursive;
	font-size: 1.5em;
	text-decoration: none;
	color: #fff;
	 text-shadow:
	#000000 1px 1px,
	#000000 -1px 1px,
	#000000 -1px -1px,
	#000000 1px -1px; 
}

h4 {
    
	font-family: 'Joti One', cursive;
	font-size: 1.5em;
	text-decoration: none;
	text-shadow:0 0 10px #F8CC6D, 0 0 30px #F8CC6D, 0 0 50px #F8CC6D, 0 0 60px #F8CC6D;
	color:#ffffff;
	margin-bottom: 10px;
}

h5 {
    
	font-family: 'Joti One', cursive;
	font-size: 1.2em;
	text-decoration: none;
	text-shadow:0 0 10px #F8CC6D, 0 0 30px #F8CC6D, 0 0 50px #F8CC6D, 0 0 60px #F8CC6D;
	color:#ffffff;
	margin-bottom: 10px;
}

body{
	color: #000000;
	background-color: #000000;
	background-image: url(../images/fts_bg_cust.jpg);
	background-repeat: no-repeat;
	height:100%;
	width: 99.8%;
}

header{
	/* border:1px solid #0400FF;  bleu fonc�e*/
	background-image: url(../images/top_header.png);
	font-family: 'Joti One', cursive;
	background-repeat: repeat-x;
	height:74px;
	min-width: 951px;
	width: 100%;
	text-align: right;
        margin-top: -35px;
}

nav{
	/* border:1px solid #00BA2A;  Vert claire */
	height:250px;
	min-width: 951px;
	width: 100%;
	padding-right: 2px;
	margin-bottom: 30px;
}


section{
	/* border:1px solid #0400FF;  Bleu foncer */
	min-height:500px;
	min-width: 850px;
	width: 100%;
}

footer{
	/*border: 1px solid #00BA2A;*/
	background-image: url(../images/bg_footer.png);
	font-family: 'Joti One', cursive;
	background-repeat: repeat-x;
 	height:54px;
	min-width: 900px;
	width: 99.8%;
	padding-right: 6px;
	text-align: center;
	position: static;
    margin-top: 80px;
}

.foot{
    top: 23px;
    position: relative;
    color: #fff;
    font-size: 0.7em;
}

li {
	 margin-left: 20px;
	 list-style-type:none;
	 text-decoration:none;
}

#corps{
	/*border: 1px solid #FF00CB; rose */
	min-height:500px;
	margin-right: auto;
	margin-left: auto;
	min-width: 971px;
	width: 90%;

	overflow: auto;
	
}

#corps .centre{
	min-width: 400px;
	width: 62%;
	/* border: 1px solid #FF5D00 orange */
	min-height:435px;
	float: left;
	padding: 5px 10px;
	/*border: 5px solid #D0F26D;*/
	border-style: solid; 
	border-width: 30px; 
	border-color:#333;
	-moz-border-image: url(../images/border_all.png) 30;
	-webkit-border-image: url(../images/border_all.png) 30 fill;
	-o-border-image: url(../images/border_all.png) 30;
	border-image: url(../images/border_all.png) 30 fill;
}



#corps .centre .contenu1{
	/*border:1px solid #696969;  gris */
	margin-bottom: 1%;
	color: #fff;
	min-height:400px;
	height: 100%;
}

#corps .colone {
	/*border:1px solid #007F0E;  vert foncer */
	min-height:250px;
	height:100%;
	min-width: 240px;
	width: 20%;
	margin-right: 5%;
	float: left;
}

#corps .colone .contenu1{
	min-height:150px;
	margin-bottom: 3%;
	padding: 5px 10px;
	/*border: 5px solid #D0F26D;*/
	border-style: solid; 
	border-width: 30px; 
	border-color:#333;
	-moz-border-image: url(../images/border_all.png) 30;
	-webkit-border-image: url(../images/border_all.png) 30 fill;
	-o-border-image: url(../images/border_all.png) 30;
	border-image: url(../images/border_all.png) 30 fill;

}

#corps .Profil_Member{
	text-align:center;
	min-height:150px;
	margin-bottom: 3%;
	padding: 5px 10px;
	/*border: 5px solid #D0F26D;*/
	border-style: solid; 
	border-width: 30px; 
	border-color:#333;
        font-size: small;
        line-height: 22px;
	-moz-border-image: url(../images/border_all.png) 30;
	-webkit-border-image: url(../images/border_all.png) 30 fill;
	-o-border-image: url(../images/border_all.png) 30;
	border-image: url(../images/border_all.png) 30 fill;
}


#menu{
	height:65px;
	text-transform:uppercase;
	text-align:center;
	width: 880px;
	margin: auto; 
	font-size: 1.7em;
	font-family: 'Cabin', sans-serif;
}
#menu li { 
	width: auto; 
	float: left; 
	height: 65px; 
	list-style-type: none; 
	margin: auto; 
	text-shadow:
	0 0 10px #00d2ff, 
	0 0 30px #00d2ff, 
	0 0 50px #00d2ff, 
	0 0 60px #00d2ff;
	color:#fff;
}

#menu .first { 
	margin-top: 15px;
}

#menu .end { 
	margin-top: 15px;
}

#menu .separ{
	margin-top: 15px;
	width: 18px;
    z-index: 20;
}

#menu .bouton{
    z-index: 10;
}

/* Blague du 1er avril */
/*#menu li:hover {float: right;}*/

#menu a{
	background:url('../images/bouton00.png') no-repeat top center;
	text-decoration: none; 
	height:65px;
	width: 150px;
	line-height:65px;
	display:inline-block;
	color: #97E4F8;
}

#menu a:hover{
	text-shadow:0 0 10px #F8CC6D, 0 0 15px #F8CC6D, 0 0 20px #F8CC6D, 0 0 25px #F8CC6D, 0 0 35px #F8CC6D, 0 0 40px #F8CC6D, 0 0 45px #F8CC6D;
	color:#ffffff;
}

#menugauche {
}

#menugauche li {
	font-family: 'Joti One', cursive;
	text-decoration: none;
	 text-shadow:
	#000000 1px 1px,
	#000000 -1px 1px,
	#000000 -1px -1px,
	#000000 1px -1px;
}

/* slideshow */
#slideshow { 
	margin-top: 10px;
	height: 190px; 
	width: 870px; 
	position: relative; 
	margin-left: auto;
	margin-right: auto;
}
#slidesContainer {
overflow: hidden; 
	width:850px;
	height:155px;
	margin-left: auto;
	margin-right: auto;
	overflow:auto; /* affiche une scrollbar au cas ou */
	position:relative;
	border-style: solid; 
	border-width: 10px; 
	border-color:#333;
	-moz-border-image: url(../images/border_slider.png) 30;
	-webkit-border-image: url(../images/border_slider.png) 30 fill;
	-o-border-image: url(../images/border_slider.png) 30;
	border-image: url(../images/border_slider.png) 30 fill;
}
#slidesContainer .slide {
  width:900px;  /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:160px;
}

.control {
  display:block;
  width:48px;
  height:60px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  margin-top:55px;
  margin-left:-65px;
  background:transparent url(../images/rightarrow.png) no-repeat 0 0;
}
#rightControl {
  margin-top:-115px;
  margin-left: 885px;
  background:transparent url(../images/leftarrow.png) no-repeat 0 0;
}

#leftControl:hover {
  background:transparent url(../images/rightarrow_over.png) no-repeat 0 0;
}
#rightControl:hover {
  background:transparent url(../images/leftarrow_over.png) no-repeat 0 0;
}

/* =============== Ajouts max =============== */

.form-hp {
    padding-left: 4px;
    color: #888888;
}

.warning {
    color: #F8CC6D;
    font-weight: bold;
}

.erreur {
    color: #ff0000;
    font-weight: bold;
}

.valid {
    color: #B5D15C;
    font-weight: bold;
}

.marge_centre {
    text-align: center;
}

table.profil_modif td {
    padding: 5px;
}

.div_cadre_profil {
    width: 370px;
    padding: 10px;
    border-style: solid; 
    border-width: 10px;
    -moz-border-image: url(../images/border_all.png) 30;
    -webkit-border-image: url(../images/border_all.png) 30 fill;
    -o-border-image: url(../images/border_all.png) 30;
    border-image: url(../images/border_all.png) 30 fill;
}

.div_cadre {
    border-style: solid; 
    border-width: 10px;
    -moz-border-image: url(../images/border_all.png) 30;
    -webkit-border-image: url(../images/border_all.png) 30 fill;
    -o-border-image: url(../images/border_all.png) 30;
    border-image: url(../images/border_all.png) 30 fill;
}

table.suivi th {
    text-align: center;
    padding: 5px;
}

table.suivi td {
    padding: 5px;
    cursor: pointer;
}

.ligne_lien a {
    color: #ffffff;
    font-weight: initial;
}

.ligne_lien:hover a {
	text-shadow: 0 0 10px #F8CC6D, 0 0 15px #F8CC6D;
    color: #ffcc33;
    cursor: pointer;
    /*font-weight: bold;*/
}

.facture td {
    color: #000000;
}

.gestion_clients th {
    color: #97E4F8;
    font-weight: bold;
    border-bottom: 2px solid;
    padding: 4px;
}
.gestion_clients td{
    border-bottom: 1px solid;
    padding: 4px;
    font-size: 0.8em;
}

.div_cadre_facture {
    width: 870px;
    padding: 10px;
    border-style: solid; 
    border-width: 10px;
    line-height: 25px;
    -moz-border-image: url(../images/border_all.png) 30;
    -webkit-border-image: url(../images/border_all.png) 30 fill;
    -o-border-image: url(../images/border_all.png) 30;
    border-image: url(../images/border_all.png) 30 fill;
}

table.modif_facture_client td {
    padding: 5px;
}

table.liste_tarifs th {
    padding: 5px;
    color: #97E4F8;
    font-weight: bold;
    border-bottom: 2px solid;
}

table.liste_tarifs td {
    padding: 10px;
    border-bottom: 1px solid;
    font-size: 13px;
}

table.liste_tarifs td a {
    color: #ffffff;
    font-weight: initial;
}

table.liste_tarifs td {
    padding: 5px;
    cursor: pointer;
}

form#form_contact{
    margin: auto;
    padding: 5px;
    width: 550px;
    border: 10px solid #fff;
    -moz-border-image: url(../images/border_all.png) 30;
    -webkit-border-image: url(../images/border_all.png) 30 fill;
    -o-border-image: url(../images/border_all.png) 30;
    border-image: url(../images/border_all.png) 30 fill;
}

#form_contact{
    text-align: center;
}

.table_contact td {
    text-align: left;
    padding: 5px;
}

.table_contact td textarea {
    width: 419px;
    height: 119px;
}

.div_message {
    padding: 10px;
    height: 100%;
    border: 10px #fff solid;
    border-collapse: initial;
    -moz-border-image: url(../images/border_all.png) 30;
    -webkit-border-image: url(../images/border_all.png) 30 fill;
    -o-border-image: url(../images/border_all.png) 30;
    border-image: url(../images/border_all.png) 30 fill;
}

.table_messages {
    width: 700px;
    margin: auto;
    border: 10px #fff solid;
    border-collapse: initial;
    -moz-border-image: url(../images/border_all.png) 30;
    -webkit-border-image: url(../images/border_all.png) 30 fill;
    -o-border-image: url(../images/border_all.png) 30;
    border-image: url(../images/border_all.png) 30 fill;
}

.table_messages th {
    text-align: center;
    padding: 5px;
}

.table_messages td {
    text-align: center;
    padding: 5px;
    border-top: 1px solid #fff;
}

#message {
    margin-left: 80px;
    width: 800px;
}

#message td {
    vertical-align: top;
    padding-top: 15px;
}

.div_align_center {
    width: 700px;
    margin: auto;
    text-align: center;
}