@charset "iso-8859-1";
/* Date de création: 06/09/2011 */

body {
	background-color:#efeded;
	margin: 0 auto;
	padding: 0;
}

p {
	font-family:Verdana ;
	font-size:14px;
	margin-top:2px;
	margin-bottom:2px;
}

p.onglet {
font-family:arial;
text-align:left;
margin-top:2px;
margin-left:5px;
font-size:16px;
font-weight:bold;
}

#page {
width:100%;
margin:0 auto;
}

div.bandeau {
position:fixed;
z-index:100;
margin-top:0;
margin-left:0;
margin-right:0;
width:100%;
}

div#logo {
   float:left;	
	width:100% ;
	height:90px;
	background-color: #32568a ;
   }

div#connect {
	float:left;
    text-align: right ;
	/*width:75% ; */
	height:90px;
	background-color: #32568a  ;
}

div#connect p
{
	padding-top:20px;
	text-align:right ;
	color: white;
}

div#connect a
{
color:white;
font-size:16px;
text-decoration:none;
}

div#connect a:hover
{
color:white;
text-decoration: underline;
}

div#connect a:visited
{
color:white;
text-decoration: none;
}

div.soustitre {
	padding-top:100px;
    background-size:cover ;
	height:500px;
	background-position:center center;
}

div.resume {
	float: left;
   margin-top:10px;
    width:100%;
}

div.corps {
	margin:auto ;
	width:1024px;
}

#resumeG {
	float: left;
	width: 331px;
	height:300px; 
	background:url(../image/cadre-annonce-340-300-ongle.gif);
}

#resumeC {
	float: left;
	width: 331px;
	height:300px; 
	background:url(../image/cadre-annonce-340-300-lisse.gif);
}

#resumeD {
	float: left;
	width: 362px;
	height:300px; 
	background:url(../image/cadre-annonce-362-300-lisse.gif);
}

table {
margin-left:50px;
}

td,p {
font-family:arial;
text-align:center;
font-size:14px;
}


table.calendrier {
text-align:center;
}

td.calendrier-titre {
text-align:center;
border-bottom:solid black 1px;
}

td.calendrier {
text-align:center;
height:22px;
width:22px;
}

table.prix {
margin-top:40px;
border-collapse:colapse;
width:900px ;
border:solid 1px #666666 ;
}

tr.prix {
background-color:#2d568c;
color:white; 
}

tr.prixpair {
background-color:#F0F0F0;
}

h3 {
text-align:left;
margin-left:50px;
font-size:16px;
}

#descriptif {
	float: left;
    margin-top:10px; /* espace entre les div */
     width:100%;
	background:url(../image/cadre-annonce-1024-400-ongl.gif);
}

#descriptifG {
	float: left;
	width: 200px;
	height:350px;
}

#descriptifD {
	float: left;
	width: 824px;
	height:350px;
}

#tarifH {
	float: left;
    margin-top:10px; /* espace entre les div */
	height:25px;
     width:100%;
	background:url(../image/cadre-annonce-1024-300-XLon.gif);
}

#tarifB {
	float: left;
	border-left:solid 1px black;
	border-right:solid 1px black;
	border-bottom:solid 1px black;
    margin-top:0px; /* espace entre les div */
	width: 1022px;
	background-color:#FFFFFF;
}

#tarifSB {
	float: left;
    margin-top:0; /* espace entre les div  */
	text-align:right;
	width: 1022px;
	background-color:#FFFFFF;
}



#photographieH {
	float: left;
    margin-top:10px; /* espace entre les div */
	height:25px;
     width:100%;
	background:url(../image/cadre-annonce-1024-300-ongl.gif);
}

#photographie {
	float: left;
	border-left:solid 1px black;
	border-right:solid 1px black;
	border-bottom:solid 1px black;
    margin-top:0; /* espace entre les div */
	width: 1022px;
	background-color:#FFFFFF;
}


#texte {
    text-align:justify ;
	margin-left:15px;
	margin-right:15px;
}

#service {
	float: left;
	border-left:solid 1px black;
	border-right:solid 1px black;
	border-bottom:solid 1px black;
	width: 1022px;
	background-color:#FFFFFF;
}

/* Pied de page */
#pied {
	float: left;
	width: 100%;
	color:#FFFFFF;
    background-color:#666666;
	border-left:solid 1px black;
	border-right:solid 1px black;
	border-bottom:solid 1px black;
}

div.tarifs {
	float: left;
	margin-left:70px;
	width: 250px; 
	height:300px;
}

p.liste {
font-family:arial;
text-align:left;
font-size:14px;
margin-left:15px;
margin-top:2px;
margin-bottom:2px;
}

p.mail {
font-family:verdana;
font-size:12px;
text-align:left;
margin-top:0;
margin-bottom:0;
margin-left:20px
}

a{
text-decoration:underline ;
color:black;
}

a:hover {
text-decoration:none ;
color:black;
}

a.blanc12inv
{
color:white;
font-size:12px;
text-decoration:none;
}

a.blanc12inv:hover
{
color:white;
font-size:12px;
text-decoration: underline;
}

a.blanc12inv:visited
{
color:white;
font-size:12px;
text-decoration: none;
}

a.btn {
     text-decoration:none;
	 color:#FFFFFF;
}

a.btn:hover {
     text-decoration:none;
}

/* pour Internet Explorer */

span#btnrougeIE {
    font-family: Arial,sans-serif;
	font-weight:bold;
    font-size: 16px;
    width: 120px;
    height: 25px;
    padding-top: 3px; /*permet le centrage vertical*/
    text-align: center;
    color: white;
    background-color: #FF33;
}

span#btnrougeIE:hover{
    color: #222;
    background-color: #369;
}


/* fin pour Internet Explorer */


span#btnrouge {
    font-family: Arial,sans-serif;
    font-size: 16px;
	font-weight:bold;
    padding: 3px; /*permet le centrage vertical*/
    text-align: center;
    color: #000;
    background: #444;
    background: -webkit-linear-gradient( #C33, #F33);
    background:    -moz-linear-gradient( #C33, #F33);
    background:     -ms-linear-gradient( #C33, #F33);
    background:      -o-linear-gradient( #C33, #F33);
    background:         linear-gradient( #C33, #F33);
	border-radius: 8px;
    text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2); /* ombre du texte */
	/*box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),0 -1px 0 rgba( 255, 255, 255, 0.4);  ombre du bouton */
}

span#btnrouge:hover{
    color: #222;
    background: #555;
    background: -webkit-linear-gradient( #000, #333);
    background:    -moz-linear-gradient( #000, #333);
    background:     -ms-linear-gradient( #000, #333);
    background:      -o-linear-gradient( #000, #333);
    background:         linear-gradient( #000, #333);
}