﻿/* important, titre et menu déterminent les couleurs principales. */

html,body {
	/* suppression des éventuels styles par défaut */ 
	padding:0;	
	/* on spécifie un repère pour le calcul des hauteurs */
	height:100%;
	text-align : center;
	background-color : #303030;
}

html {
	margin:0;
}

body {
	font-family : arial, sans-serif;
	color : white;
	width : 1000px;
	margin : auto;
	font-size : 110%;
}

.strut, #content {

    /* on permet à ces éléments de s'aligner verticalement */

    display:inline-block;

    vertical-align:middle;

}

input {
	border-radius: 10px;
	border: 3px solid red;
}

.partie_libre{
	border-radius: 10px;
	border: 6px solid #7CB62E;
}	

.partie_prise{
	border-radius: 10px;
	border: 6px solid #7B3503;
}

.strut {
    /* hauteur de la fenêtre, par rapport à laquelle les éléments vont être alignés */
    height:100%;
}

#content {

    /* des dimensions au hasard */

/*    width:50%;

    height:50%;*/


    /* on le rend visible */
	text-align : center;
	width : 1000px;

}

.inscription {text-shadow : 0px 0px 20px white; font-size :120%; margin-bottom : -12px;}

.inscription:hover {text-shadow : 0px 0px 10px white;}

a {
	text-decoration : none;
	/*color : rgb(202,103,90); */
	color:Burlywood;
}

a  .en {
	text-decoration : none;
	/*color : rgb(163,61,48); */
	color:Burlywood;
}

a:hover .en {
	color : white;
}

a:hover
{
	color : white;
}

a.email_noir {
	color: black;
}

a.email_noir:hover
{
	color : white;
}


h1, h2 {
	display : none;
}

img {
	border : 0;
}

p {
	
}

td {

}
	
.acces {
	padding-top : 26px;
	text-align : center;	
}

.flag_fr{
     display: block;
     width: 100px;
     height: 50px;
     background: url(fr.png) center top no-repeat;
}

.flag_fr:hover{
     background-position: center bottom;
}

.cadre {
	 margin : auto;
}

.banniere {
	 padding : 0px;
	 margin-top : 29px; 
}

.banniere_accueil {
	margin-top : 0px;
	font-size : 200%;
	text-align : center;
	padding : 0px;
}

.image_accueil {
	margin : auto; 
	margin-top : 50px;
	text-align : center;
	padding : 0px;
}

.accueil {
	margin : auto;
	font-size : 140%;
	text-align : center;
}

.adresse_en_gros {
	font-size : 24px;
}

.en {
}

.checking {
	vertical-align : middle;
	padding-left : 10px;
}

.choisi {
	background-color : blue;
	color : black;
}


.complet {
	border-color : green;
	color : black;
}


.contenu {
	width : 68%;
	text-align : justify;
	float : left;
}

.etiquette_formulaire {
	text-align : right;
	padding-right : 30px;
}

.flag_fr{
     display: block;
     width: 100px;
     height: 50px;
     background: url(fr.png) center top no-repeat;
}

.flag_fr:hover{
     background-position: center bottom;
}

.flag_en{
     display: block;
     width: 100px;
     height: 50px;
     background: url(usuk.png) center top no-repeat;
}

.flag_en:hover{
     background-position: center bottom;
}

.forfait {
	background-color : yellow
}

.formulaire_d {
	margin : auto;
	padding-left : 30px;
	text-align : left;
}

.formulaire_g {
	width: 160px;
	margin : auto;
	text-align : right;
}


.incomplet {
	border-color : red;
}


.important {
	// font-size : 160%;
	color : rgb(180,160,160);
}

.titre {
	width: 68%;
	text-align: center;
	float: left;
	font-size: 150%;
	color : rgb(180,160,160);
}

.important_back {
	// font-size : 160%;
	color: black;
	background-color: rgb(180,160,160);
}

.lien{
     display: block;
     width: 960px;
     height: 334px;
     background: url(LesChimeriadesVIsurvol.jpg) center top no-repeat;
}

.menu {
	width : 28%;
	line-height : 150%;
	text-align : left;
	float : left;
	padding : 2%;
	rgb(180,160,160);
/*	height: 1200px; */
}

p .menu {
	background-color : rgb(20,20,20);
}

.saisie {
	font-size : 20px;
	text-align : center;
	width : 428px;	
}

.titre_semi {
	font-size: 200%;
}

/* pour faire du hover sur un texte

a.nom_prenom span {
	display: none;
}

a:hover.nom_prenom span{
	display: inline;
	position: absolute;
	margin-left: 0.5%;
}