/* 00.fr version 2.0 */
/* dataxy 2010 */
/* design: nicolab /*

/* GENERAL */

/*font*/
@font-face {
font-family: 'yanones';
src: url('font/yanone.eot'); /* IE */
	
src: local('yanones'),
url('font/yanone.ttf') format('truetype'); /* FF */
}

/*curseur*/
:root *> * ,
:root *> .ancre{
cursor: url(images/fleche.png),auto;
}
:root *> a {
cursor: url(images/main.png),auto;
}
:root *> input[type=button],
:root *> input[type=submit]{
cursor: url(images/main.png),auto !important;
}
:root *> input[type=text],
:root *> input[type=password],
:root *> textarea{
cursor: url(images/texte.png),auto;
}
:root *> a img{
cursor: url(images/main.png),auto;
}

#curseur{
position: fixed;
width: 100%;
height: 100%;
z-index: -1;
}


*{
margin: 0px;
}

body {
background: #ddd5c5 url(images/fond.gif) repeat-y center;
color: #557;
font: 11pt arial, helvetica, sans-serif;
}

::-moz-selection {
background: #ddc;
color: #557;
}
::selection {
background: #ddc;
color: #557;
}

input,
select,
textarea{
font: 14pt arial, helvetica, sans-serif;
border: none;
outline: none;
color: #fff;
}
input[type=text],
input[type=password],
textarea,
select{
padding: 2px;
background: #0ae;
}

input[type=button],
input[type=submit]{
background: #fff;
color: #0ae;
cursor: pointer !important;

-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;
}
input[type=button]:hover,
input[type=submit]:hover{
color: #557;
}


a {
color: #0ae;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;

-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;
}
a:hover {
color: #557;
}

h1{
font: normal 14pt yanones, microsoft himalaya, arial narrow, calibri, sans-serif;
height: 25px;
padding-top: 15px;
text-transform: uppercase;
}
h2{
background: url(images/titre2.gif) top right;
font: normal 16pt yanones, microsoft himalaya, arial narrow, calibri, sans-serif;
width: 720px;
height: 45px;
margin: 40px 0px -5px -10px;
padding: 5px 0px 0px 10px;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
}
h3{
background: url(images/titre.gif);
width: 225px;
height: 45px;
margin: 0px 0px 0px -30px;
padding: 5px 0px 0px 10px;
font: normal 16pt yanones, microsoft himalaya, arial narrow, calibri, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
}
#gestion h3{
width: 970px;
}
h4{
font: normal 12pt yanones, microsoft himalaya, arial narrow, calibri, sans-serif;
height: 18px;
margin: 30px 0px 8px 0px;
border-bottom: 1px solid;
text-transform: uppercase;
}
#premier{
margin-top: 0px;
}

ul{
padding-left: 0px;
list-style: none;
}

#contenu{
width: 980px;
margin: 0px auto;
z-index: 3;
}


/* HAUT */

#haut{
background: url(images/haut.gif) repeat-x;
width: 980px;
height: 110px;
padding-top: 10px;
}

#logo{
display: block;
background: url(images/logo.gif) no-repeat;
width: 76px;
height: 40px;
margin: 0px 15px;
float: left;
}

/*menu*/
#menu{
background: url(images/menu.gif);
margin-top: 10px;
height: 52px;
position: relative;
z-index: 2;
float: left;
}

#menu a{
display: block;
padding: 5px 12px;
height: 25px;
font: 16pt yanones, microsoft himalaya, arial narrow, calibri, sans-serif;
float: left;
color: #fff;

-webkit-transition-property: color;
-webkit-transition-duration: 0.4s;
-moz-transition-property: color;
-moz-transition-duration: 0.4s;
transition-property: color;
transition-duration: 0.4s;

-height: 0px;
}
#menu a:hover{
color: #557;
}
.separateurs{
background: #fff;
width: 2px;
height: 35px;
float: left;
}

.encours{
color: #7df !important;
cursor: default;
}
:root *> .encours {
cursor: url(images/fleche.png),auto;
}


/*sous-menu gestion*/
#menu2{
width: 930px;
height: 20px;
}
#menu2 a{
display: block;
padding-right: 20px;
float: left;
}

/* MILIEU */

/*colonne gauche*/
#zone{
text-align: justify;
float: left;
width: 195px;
margin: 0px 20px 0px 0px;
padding: 0px 0px 25px 30px;
font-size: 9pt;
}
#zone br{
font-size: 2pt;
}
#zone label{
display: block;
text-align: left;
}

.principale{
text-align: justify;
float: left;
width: 690px;
margin: 0px 0px 5px 15px;
padding: 0px 30px 25px 0px;

-display: inline;
}
.principale p{
margin: 0px 0px 10px 0px;
}

#gestion{
text-align: justify;
float: left;
width: 890px;
margin: 0px 0px 5px 30px;
padding: 0px 30px 25px 0px;

-display: inline;
}

.ancre,
.ancre:hover{
color: #557;
}

#accueil{
margin-top: 25px;
}


/*rechercher*/

#nom_perso2{
width: 482px;
height: 24px;
padding-right: 18px;
background: #0ae url(images/fr.gif) no-repeat top right !important;
text-align: right;
color: #fff !important;
}

#btn_ok_perso,
#btn_ok_perso2{
width: 152px;
height: 28px;
background: url(images/bouton1.gif) no-repeat;
margin: -4px;
text-align: center;
text-transform: uppercase;
font-size: 10pt;
position: relative;
top: -1px;
color: #fff;

/top: -4px;
}
#btn_ok_perso:hover,
#btn_ok_perso2:hover{
background-position: left -28px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    #btn_ok_perso,
	#btn_ok_perso2,
	#btn_ok_4u{
	position: relative;
	top: -1px; 
	}
}

#nom_perso{
width: 200px;
height: 24px;
margin-right: 7px;
background: #0ae !important;
color: #fff !important;
}
#prenom_perso{
width: 190px;
height: 24px;
background: #0ae !important;
color: #fff !important;
}

#login_cat{
width: 500px;
height: 24px;
background: #0ae !important;
color: #fff !important;
}

#dom4u{
width: 458px;
height: 24px;
padding-right: 45px;
background: #0ae url(images/4u.gif) no-repeat top right !important;
text-align: right;
color: #fff !important;
}
#btn_ok_4u{
width: 152px;
height: 28px;
background: url(images/bouton1.gif) no-repeat;
margin-left: -4px;
position: relative;
top: -1px;
text-align: center;
text-transform: uppercase;
font-size: 10pt;
color: #fff;
}
#btn_ok_4u:hover{
background-position: left -28px;
}


/*rechercher zone*/

#zone #nom_perso2{
width: 175px !important;
}

#zone #btn_ok_perso,
#zone #btn_ok_perso2{
width: 152px;
background: url(images/bouton2.gif) no-repeat;
margin: 5px 0px 15px 23px;
color: #fff;
}
#zone #btn_ok_perso:hover,
#zone #btn_ok_perso2:hover{
background-position: left -28px;
}

#zone #nom_perso,
#zone #prenom_perso{
width: 191px;
}

#zone #dom4u{
width: 148px;
}

#zone #btn_ok_4u{
width: 152px;
background: url(images/bouton2.gif) no-repeat;
margin: 5px 0px 15px 23px;
color: #fff;
}
#zone #btn_ok_4u:hover{
background-position: left -28px;
}

#prestations,
#prestations th,
#prestations td,
#panier,
#panier th,
#panier td{
border-collapse: collapse;
border: 1px solid #557;
padding: 5px;
text-align: left;
}

/* BAS */

/*mentions*/
#mentions{
position: fixed;
bottom: 0px;
background: #557;
width: 950px;
height: 18px;
padding: 1px 15px 0px 15px;
z-index: 200;

/left: 50%;
/margin-left: -490px;
}
#mentions a{
color: #aab;
padding-right: 8px;
}
#mentions a:hover{
color: #fff;
}