@charset "UTF-8";
/*----- Design by DevliXi -----*/

html, body { width: 100%; height: 100%; margin: 0; padding: 0; font: 0.9em/1.5 "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; background-color: #EFEFEF; position: relative; }
#page { width: 100%; min-height: 100%; margin: 0; padding: 0; position: relative; overflow-x: hidden;}
#banniere-fond	{ width: 100%; height: 230px; background: #000 url(images/banniere-fond.png) repeat-x top; position: absolute; top: 0; z-index: 2; }
#conteneur { width: 1000px; padding-bottom: 100px; margin: 0px auto; position: relative; z-index: 10; }



.aligne { overflow:hidden}
h1{ color: #333; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #CCC; display: block; font-size:2.5em; padding-top: 0px; margin-top: 0px; }
h2{ color: #444; display: block; font-size:2em; margin-left: -20px; margin-top: 5px; }
h3{ color: #555; display: block; font-variant:small-caps; padding-top: 15px; font-size:1.4em; }
h4{ color: #555; font-variant:small-caps; font-size:1.3em;}
.h4{ color: #555; font-variant:small-caps; font-weight: bold; font-size:1.3em;}/*utilisé pour afficher les commentaires et pour le formulaire de contactW3C*/
h5{ color: #555; font-variant:small-caps; height: 5px; font-size:small; }
p { text-align: justify; }
a { color: #369; text-decoration: none; }
a:hover { color: #693; }
.detail { font-variant: small-caps; font-size: 1.2em; font-weight: bold;}

img{ border:0;}
img.img-activite { margin-left: -20px; }
.image { border-color: #000; border-width: 6px; border-style: solid; margin-left: -28px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius:3px; 
	border-radius: 3px; }


#erreur { padding:20px; height: auto; border:1px solid #999; background-color:#FCC; font-size:large; color: #F00; display:block; text-align: center;
	-khtml-border-radius: 10px; 
	-moz-border-radius:10px; 
	border-radius: 10px; }
#information { padding:20px; height: auto; border:1px solid #999; background-color:#CFC; font-size:large; color: #693; display:block; text-align: center;
	-khtml-border-radius: 10px; 
	-moz-border-radius:10px; 
	border-radius: 10px; }
#information a, #erreur a { font-size:medium; } /* ou 0.7em mais n'est plus trés jolie lorsque l'on ajoute contacter via le formulaire...*/


#map { width: 100%; height: 100%; overflow: hidden; }
.bouton_googlemap { float: right; margin-top: -80px; margin-right: 100px; cursor: pointer; }
#mapLocation { width: 700px; height: 400px; border: 4px double #999; margin-right: auto; margin-left: auto; }


fieldset { border: none; padding-top: 20px; }
fieldset em { position: relative; top: 30px; font-size: 0.7em; }
fieldset a { font-size: 0.8em; }
fieldset .requis { font-size: x-small; vertical-align:text-top; margin-left:1px; }
.legend { color:#FFF; font-weight:bold; font-size: 1.1em; padding-left: 0px; z-index: 10; position: absolute; top:-23px;}
.section { background-color:#FFF; border-color: #ccc; border-style: solid; border-width: 1px; margin: 10px 10px 10px -10px; padding: 10px 10px 10px 10px; }
.section-min { background-color:#FFF; border-color: #ccc; border-style: solid; border-width: 1px; margin: 10px -10px 10px -10px; padding: 10px 10px 10px 10px; }
label {  float: left; width: 210px; font-size: small; font-weight: bold; padding-top: 4px;}
input { width: 210px; height: 18px; background-image: url(images/input-220.png); border: none; background-color: transparent; padding-left: 5px; padding-right: 5px; margin: 3px 0 3px 0;  }
textarea { width: 210px; height: 90px; background-image: url(images/textearea-220.png); background-color: transparent; border: none; margin-top: 3px; margin-bottom: -1px; padding: 5px; resize:none; }
input[type=checkbox] { margin: 6px 0 5px 0; }
select, option { width: 220px; margin-top: 3px; margin-bottom: 3px; }
input[type=file] { background: none; margin-top: 6px; }
input[type=submit], input[type=reset], input[type=button] { width:110px; height: 27px; float: right; cursor:pointer; margin: 20px 10px 0px 10px; background: url(images/bouton.png) no-repeat center top; color:#174778; font-weight: bold; font-size: 13px; }
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover { background-position: center center; }
input[type=submit]:active, input[type=reset]:active, input[type=button]:active { background-position: center bottom; }

input[type=image] { border:none; background:none; width:auto; height: auto; }

a.bouton { width:110px; height: 27px; background: url(images/bouton.png) center top; display: block; position: absolute; bottom: 13px ; right: 30px; text-decoration: none; }
a.bouton:hover { background-position: center center; }
a.bouton:active { background-position: center bottom; }
a.bouton span { display: block; width:110px; position: absolute; top: 4px; left: 0; text-align: center; font-size: 13px; color:#174778; font-weight: bold; }

table { border-collapse:collapse; text-align:center; }
table tr th { padding-right: 5px; padding-left: 5px; border-bottom: 2px solid #333;}
table tr th a { color: #369; }
table tr th a:hover { color: #693; }
table tr td { border-bottom:1px solid #333; padding-right: 5px; padding-left: 5px; color: #444; }
table tr:hover td { color: #000; }
table tr.ligne_couleur { background: #EFEFEF; }
table tr.ligne_blanche { }
table caption { font-weight: bold; margin-bottom: 20px; text-align: left; padding-left: 10px; border-bottom: 1px dotted #999; color: #333; font-size: 1.1em; }
table img { height: 20px; width: 20px; padding: 0; margin: auto; display: block; }
table tbody tr .sans_bordure { width: 25px; }
table input { border:none; background-color:#FFF; width: 100%; height: 100%; text-align:center; margin: 0px; }
.sans_bordure { border: none; padding-right: 10px; background: transparent; }


.cadre-500 { width: 460px; background: url(images/formulaire-500.png) repeat-y center center; position: relative; margin: 0px auto 20px auto; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; padding-top: 5px; }
.cadre-500-top { width: 500px; background: url(images/formulaire-500.png) no-repeat left top; height: 25px; position: absolute; top:-25px; left: 0;}
.cadre-500-bottom { width: 500px; background: url(images/formulaire-500.png) no-repeat right bottom; height: 10px; position: absolute; bottom:-25px; padding-bottom: 25px; left: 0; }

.cadre-700 { width: 660px; background: url(images/formulaire-700.png) repeat-y center center; position: relative; margin: 0px auto 20px auto; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; padding-top: 5px; }
.cadre-700-top { width: 700px; background: url(images/formulaire-700.png) no-repeat left top; height: 25px; position: absolute; top:-25px; left: 0; }
.cadre-700-bottom { width: 700px; background: url(images/formulaire-700.png) no-repeat right bottom; height: 10px; position: absolute; bottom:-25px; padding-bottom: 25px; left: 0; }
.cadre-700 textarea { width: 390px; height: 140px; background-image: url(images/textearea-400.png); }
.cadre-700 input { width: 390px; background-image: url(images/input-400.png); }
.cadre-700 input[type=submit], .cadre-700 input[type=reset], .cadre-700 input[type=button] { width:110px; height: 27px; background: url(images/bouton.png) no-repeat center top; margin: 20px 30px 0px -10px; }
.cadre-700 input[type=submit]:hover, .cadre-700 input[type=reset]:hover, .cadre-700 input[type=button]:hover { background-position: center center; }
.cadre-700 input[type=submit]:active, .cadre-700 input[type=reset]:active, .cadre-700 input[type=button]:active { background-position: center bottom; }


.cadre-1000 { width: 960px; background: url(images/formulaire-1000.png) repeat-y center center; position: relative;  margin: 0px auto 20px auto; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; padding-top: 5px; }
.cadre-1000-top { width: 1000px; background: url(images/formulaire-1000.png) no-repeat left top; height: 25px; position: absolute; top:-25px;left: 0; }
.cadre-1000-bottom { width: 1000px; background: url(images/formulaire-1000.png) no-repeat right bottom; height: 10px; position: absolute; bottom:-25px; padding-bottom: 25px; left: 0; }


#notification { width: 180px; height: auto; position: fixed; top: 20px; right:20px; padding-left: 25px; padding-right: 25px; padding-top: 10px; padding-bottom: 10px; background-image: url(images/pixel-g-75.png); z-index: 100; text-align: center;
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
	border-radius: 5px; }
#notification p { font-size: 0.7em; color: red; font-weight: 600; margin:5px 0 5px 0; padding: 0; text-align: center;}

.colonnes { width: 960px; position: relative; }
.colonneGauche { width: 460px; border-right:1px solid #888; padding-right: 20px; }
.colonneDroite { width: 460px; float: right; }

.chargement { width: 100%; height: 50%; z-index: 100; position: absolute; }
.voilage { width: 100%; height: 100%; z-index: 1; background-color: #efefef; opacity: 0; position: absolute; }
.loader-cadre { width: 350px; height: 75px; z-index: 2; background-color: #efefef; margin: 150px auto 0 auto; border:6px solid #888; opacity: 0;
	-moz-border-radius: 10px; 
	-webkit-border-radius:10px; 
	border-radius: 10px; }
.loader { width: 220px; height: 19px; z-index: 3; background-image: url(images/ajax-loader.gif); margin: 27px auto 0 auto; }


.infobulle{ position:absolute; background:#000;  padding:3px 10px; color:#d4d4d4; text-align:center; z-index: 1000; 
 -moz-border-radius: 3px; 
	-webkit-border-radius:3px; 
	border-radius: 3px; }
	
/*------------------------------ Menu ------------------------------*/

a#enTeteTelephone  { position:absolute; display: block; top:60px; left: -5px; z-index: 5; font-size: x-large; font-weight: 800; color: #000; text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px; background-color: #693; padding: 0px 15px 0px 20px; z-index: 101; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px;
	border-radius: 5px; }
	
#google1  { position:absolute; display: block; top:30px; right: 0px; z-index: 15; }

#menu { text-align: center; margin-top: -40px; height: 230px; background: url(images/banniere.png) no-repeat center top; position: relative; z-index: 4;}
#menu ul { width: 100%; position: absolute; top: 188px; left: -40px; }
#menu li { display: inline; list-style: none; font-size: 1.2em; letter-spacing: 0.1em; text-transform: uppercase; }
#menu a	{ color: #693; text-decoration: none; display: inline-block; margin: 0 5px 0 5px;padding: 4px 20px 2px 20px; background-color: #000;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;	
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;	
	}
#menu a:hover, #menu a.actif { background-color: #EFEFEF;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;	
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;	 }
#menu a.actif {color: #000; }


a#connexion-espace-client { position:relative; display: block; height: 40px; width: 150px; background: url(images/espace-client.png) left; z-index: 5; }
a#connexion-espace-client:hover {background-position: center;}
a#connexion-espace-client:active {background-position: right;}


/*------------------------------ Menu gauche ------------------------------*/
#menu-gauche { width: 250px; color: #000; padding-top: 180px; margin-top: 25px; padding-right: 20px; background: url(images/logo-altiplanet.png) no-repeat left top; float: left; border-right: 1px dotted #999; margin-bottom: 100px; }
#menu-gauche .cadre { float: left; width: 250px; text-decoration: none; color: #000; background: url(images/menu-gauche-bottom.png) no-repeat left bottom; display: block; position: relative; margin-bottom: 20px; cursor: pointer; }
#menu-gauche .cadre .fond {float: left;width: 250px;background: url(images/menu-gauche-top.png) no-repeat left top; }
#menu-gauche .cadre:hover {background: url(images/menu-gauche-bottom.png) no-repeat center bottom;}
#menu-gauche .cadre:active {background: url(images/menu-gauche-bottom.png) no-repeat right bottom;}

#menu-gauche .cadre h2 { color: #FFF; font-size: medium; padding-left: 15px; margin-bottom: 5px; margin-top: 0px; font-weight: bold; position: relative; margin-left: 0px; }
#menu-gauche .cadre h2 a { color: #FFF; }
#menu-gauche .cadre a { text-decoration: none; color: #000; }
#menu-gauche .cadre ul { list-style-type: none; margin: 0px; padding: 10px 15px 15px; text-align: left; }
#menu-gauche .cadre ul li { font-size: 0.8em; }
#menu-gauche .cadre strong {font-variant: small-caps; font-size: 1.3em; }
#menu-gauche .cadre img { margin-left: -5px; float: left; padding-bottom: 10px; z-index: 10; }
#menu-gauche .cadre .etoile { position: absolute; top: 4px; left: 165px; }


/*------------------------------ Corps ------------------------------*/
#corps { margin-left: 300px; padding: 10px 20px 20px 20px; margin-top: 20px; background-image: url(images/pixel-fe-75.png); 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px;
	border-radius: 5px; }

#corps-t { margin-left: 300px; padding-top: 10px; margin-top: 20px; }
#corps h1 { margin-left: -15px; margin-right: -15px; }

#corps-large { width: 1000px; margin-top: 20px; padding: 10px 20px 20px 20px; position:relative; background-image: url(images/pixel-fe-75.png); 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px;
	border-radius: 5px; }
	
#corps-large-t { width: 1000px; margin-top: 30px; position:relative; }


/*------------------------------ Connexion ------------------------------*/

a.connexion { position: relative; top: 10px; font-size: 0.8em;}

/*------------------------------ Espace client ------------------------------*/

.espace-client ul#espace_client_menu { text-align: right; display: block; position: absolute; top: 25px; right: 30px;}
.espace-client ul#espace_client_menu li { display: inline; list-style: none; padding-left: 20px; font-size: small;}





/*------------------------------ Style pour les commentaires ------------------------------*/

#commentaires, #commentaires-news { margin: 20px 0 0px; padding: 0; width: auto; }

#commentaires a.etoile { width: 20px; height: 20px; margin-top: 2px; display: block; float:left; background: url(images/commentaires/etoile_1_gris.png) right; }
#commentaires a.etoile.selected, #commentaires a.etoile.hover { width: 20px; height: 20px; display: block; float:left; background: url(images/commentaires/etoile_1_gris.png) left; }


#commentaires #titre { width: 625px; border:1px solid #666; background-color:#FFF; display: block; margin-top: 5px; background-image: none; }
#commentaires #commentaire { width: 625px; height: 200px; border:1px solid #666; background-color:#FFF; display: block; margin-top: 5px; background-image: none; }
#commentaires input[type=submit] { margin: 20px 0px 0px 10px; }

#commentaires #afficher.cadre-700, #commentaires-news #afficher.cadre-700 { width: 700px; padding: 0px; margin-bottom: 60px; }
#commentaires #afficher .cadre-700-top, #commentaires-news #afficher .cadre-700-top { background: url(images/commentaire-700.png) no-repeat left top; }

#commentaires #afficher .legend, #commentaires-news #afficher .legend { padding-left: 20px; }

#commentaires label { margin-bottom: 5px; margin-left: 5px; }
#commentaires select { width: 50px; margin-bottom: 5px; margin-top: 5px; }


#commentaires .info { width: 180px; float:left; }
#commentaires .info li { list-style: none; text-indent: -30px; }
#commentaires .info h4 { margin: 10px 0px 0px; padding: 0px; font-size: 1.2em; }
#commentaires .texte { width: 480px; min-height:160px; margin: 0px 0px 0px 185px; padding: 0px 0px 0px 15px; border-left: thin solid #CCC; position:relative; }
#commentaires .texte .h4 { display:inline; position:relative; font-size: 1.2em; }
#commentaires .editer { position:absolute; top: 0px; right: 10px; display: block; }
#commentaires .lienSupprimerCommentaire { position:absolute; top: 0px; right: 40px; display: block; }
#commentaires .trait { width: 660px; border-bottom: thin solid #999; margin: 0px 0px 15px 20px; }
#commentaires .vide { padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#commentaires .note { position:absolute; top: -23px; right: 10px; }
#commentaires .page { margin: 0px 0px 20px 20px; text-align: center; }


/*------------------------------ Commentaires news ------------------------------*/

#commentaires-news input[type=submit] { margin: 20px 55px 0px 0px; }

#commentaires-news label { margin-left:40px; width: 180px; }

#commentaires-news .info { width: 180px; float:left; }
#commentaires-news .info li { list-style: none; text-indent: -30px; }
#commentaires-news .info h4 { margin: 10px 0px 0px; padding: 0px; font-size: 1.2em; }
#commentaires-news .texte { width: 480px; min-height:120px; margin: 0px 0px 0px 185px; padding: 0px 0px 0px 15px; border-left: thin solid #CCC; position:relative; }
#commentaires-news .texte .h4 { display:inline; position:relative; font-size: 1.2em; }
#commentaires-news .editer { position:absolute; top: 0px; right: 10px; display: block; }
#commentaires-news .lienSupprimerCommentaire { position:absolute; top: 0px; right: 40px; display: block; }
#commentaires-news .trait { width: 660px; border-bottom: thin solid #999; margin: 0px 0px 15px 20px; }
#commentaires-news .vide { padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#commentaires-news .note { position:absolute; top: -23px; right: 10px; }
#commentaires-news .page { margin: 0px 0px 20px 20px; text-align: center; }

#commentaires-news label.capcha { width: 530px; }
#commentaires-news input.capcha { width: 40px; background-image: url(images/input-50.png); text-align: center; }


/*------------------------------ Panier ------------------------------*/

a#menu-panier { position:absolute; top:170px; right:0; display: block; height: 30px; width: 50px; background-image: url(images/pixel-g-75.png); z-index: 5; opacity: 0.75;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;	
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;	 }
a#menu-panier:hover { opacity: 1; }
a#menu-panier span { display: block; margin-top: 2px; margin-left: 5px; height: 25px; width: 25px; background-image: url(images/panier.png); z-index: 10; }
a#menu-panier.actif { background-image: url(images/pixel-b-75.png); opacity: 1; }
a#menu-panier.actif span { background-image: url(images/panier-n.png); }

input[type=submit].actualiser { position: absolute; bottom: 13px ; right: 140px; }

#panier .legend { font-size: 1.1em;}


#panier .etapes {margin:0 auto 10px auto;background:url(images/panier-bandeau-inactif.png);height:51px}

#panier .etapes .etape-debut { width:3px; height: 51px; background: url(images/panier-bandeau.png) 53px; }	

#panier .etapes .etape-partie {float:left;height:51px;background:url(images/panier-bandeau.png) 0 0 no-repeat}
#panier .etapes .etape-arriere {background-position:-24px 0}
#panier .etapes .etape-milieu {background:url(images/panier-bandeau-inactif.png)}
#panier .etapes .etape-devant {width:21px;background-position:-30px 0}

#panier .etapes .etape-contenu {margin:6px 30px 0 35px}
#panier .etapes .etape-contenu .etape-titre {font-size:1.1em;font-weight:bold}
#panier .etapes .etape-contenu .etape-description {font-size:0.9em}

#panier .etapes div:first-child .etape-arriere {width:3px}
#panier .etapes div:first-child .etape-contenu {margin-left:40px}

#panier .etapes .etape-actif .etape-arriere {background-position:-21px 0}
#panier .etapes .etape-actif .etape-milieu {background:url(images/panier-bandeau-actif.png)}
#panier .etapes .etape-actif .etape-devant {background-position:0 0}
#panier .etapes .etape-actif .etape-contenu {margin:6px 30px 0 35px; color:#fff; }

#panier .etapes .etape-actif-suivant .etape-devant {background-position:-51px 0}
#panier .etapes .etape-termine .etape-contenu {color:#828386}

#panier .etapes .etape-fin {background:url(images/panier-bandeau.png) -72px 0 no-repeat;width:2px;height:51px;float:right}
		
		
#panier #img-panier { width:1000px; height: 60px; background: url(images/panier-bandeau.png) no-repeat top; margin-bottom: 10px; position: relative; }
#panier #img-panier-1 { width:250px; height: 60px; background: url(images/panier-bandeau.png) 0px bottom; position: absolute; top:0; left:0; }
#panier #img-panier-2 { width:250px; height: 60px; background: url(images/panier-bandeau.png) 250px bottom; position: absolute; top:0; left:250px; }
#panier #img-panier-3 { width:250px; height: 60px; background: url(images/panier-bandeau.png) 500px bottom; position: absolute; top:0; left:500px; }
#panier #img-panier-4 { width:250px; height: 60px; background: url(images/panier-bandeau.png) 750px bottom; position: absolute; top:0; left:750px; }

#panier #panier-inc table { margin: 20px 10px 20px 10px; width: 940px; }
#panier #panier-inc tr { line-height: 30px; }
#panier #panier-inc input[type=submit] { margin-right: 10px; }
#panier #panier-inc select { width: auto; border: none; outline: none; }

#panier #panier-inc .total { font-weight: bold;  }
#panier #panier-inc table a.poubelle { width:13px; height: 16px; display: block; background-image: url(images/poubelle.png); margin: auto; }
#panier #panier-inc #montantTotal { width: 880px; margin: 40px 0 25px 10px; padding: 0 40px 0 20px; font-weight: bold; font-size: 1.2em; border: #aaa 1px solid; background: #fff; }

#panier #sinscrire { position: absolute; top: 15px; right: 150px; }
#panier #sinscrire a.bouton { right: 45px; }

#panier.etape-3 a.bouton { right: 165px; }

#panier #mensurations { width: 935px; }
#panier #mensurations input { border: #ccc 1px solid; background: none; background-color: #fff; width: 155px; height: 18px; outline: none; text-align: center;
	-moz-border-radius: 4px; 
	-webkit-border-radius:4px;
	border-radius: 4px; }
#panier #mensurations td { border: none; height: 25px;  }
#panier #mensurations td.trait { border-bottom: #aaa 1px solid; }
#panier #mensurations td.espace { height: 1px; font-size: 1px;  }
#panier #mensurations input.poids { width: 20px; border: none; }
#panier #mensurations span.poids { width: 50px; height: 20px; padding: 0 5px 0 0; text-align: center; border: #ccc 1px solid; display: block; font-size: 0.8em; background-color: #fff; color: #000; 
	-moz-border-radius: 4px; 
	-webkit-border-radius:4px;
	border-radius: 4px; }
#panier #mensurations input.taille { width: 40px; text-align: center; }
#panier #mensurations input.pointure { width: 50px; text-align: center; }

#panier #nomBonCadeau { width: 500px; margin-left: auto; margin-right: auto; }
#panier #nomBonCadeau input { border: #ccc 1px solid; background: none; background-color: #fff; width: 250px; height: 18px; outline: none; text-align: center;
	-moz-border-radius: 4px; 
	-webkit-border-radius:4px;
	border-radius: 4px; }
#panier #nomBonCadeau td { border: none; height: 25px;  }
#panier #nomBonCadeau td.trait { border-bottom: #aaa 1px solid; }
#panier #nomBonCadeau td.espace { height: 1px; font-size: 1px;  }
#panier #nomBonCadeau input.poids { width: 20px; border: none; }
#panier #nomBonCadeau span.poids { width: 50px; height: 20px; padding: 0 5px 0 0; text-align: center; border: #ccc 1px solid; display: block; font-size: 0.8em; background-color: #fff; color: #000; 
	-moz-border-radius: 4px; 
	-webkit-border-radius:4px;
	border-radius: 4px; }
#panier #nomBonCadeau input.taille { width: 40px; text-align: center; }
#panier #nomBonCadeau input.pointure { width: 50px; text-align: center; }

#panier .trait { width: 930px; border-top: thin solid #999; margin: 20px 0px 20px 0px ; }
#panier textarea { margin-left: -8px; border: #ccc 1px solid; background: none; background-color: #fff; width: 525px; height: 50px; outline: none;
	-moz-border-radius: 4px; 
	-webkit-border-radius:4px;
	border-radius: 4px; }



#panier #recapitulatif h3 { margin-top: 0px; margin-left: 10px; font-variant: normal; }

#panier #recapitulatif .recapitulatif-panier { width: 188px; background-color: #fff; border: #ccc 1px solid; display: inline-block; padding: 10px 10px 0 20px; margin: 10px; position: relative; }
#panier #recapitulatif .recapitulatif-panier h4 { font-size: 1.3em; margin: 30px 0px 10px -10px; text-align: center; display: block; }
#panier #recapitulatif .recapitulatif-panier em { font-size:0.7em; position: absolute; top: 7px; right: 10px; font-weight: bold; color: #444; }
#panier #recapitulatif .recapitulatif-panier p { text-align: center; color: #555; margin-top: 0px; line-height: 1.4em; }
#panier #recapitulatif .recapitulatif-panier p strong { font-size:2.5em; font-weight: bold;  }
#panier #recapitulatif .recapitulatif-panier p .tarif { font-size:1.5em; text-align: center; font-weight: bold; color: #333; margin-top: 10px; display: block; }
#panier #recapitulatif #montantTotal { width: 890px; margin-left: 10px; padding: 0 30px 0 20px; font-weight: bold; font-size: 1.5em; border: #aaa 1px solid; background: #fff; }
#panier #recapitulatif #cgv { width: 890px; height: 35px; margin-left: 10px; padding: 0 30px 0 20px; border: #aaa 1px solid; background: #fff; position: relative; }
#panier #recapitulatif #cgv input { width: 30px; height: 35px; padding: 0; margin: 0; background: none; border: none; }
#panier #recapitulatif #cgv span { display:block; position: absolute; top:8px; left: 50px; }


/*------------------------------ Reservations ------------------------------*/

#reservation { margin-bottom: 60px; } /* Evite que le cadre réservation soit collé aux cadres des commentaires */
#reservation .reservation-panier { width:660px; margin: 20px 0 -10px 0; }

#reservation a { font-size: 1.1em; }
#reservation a.bouton-panier { display: block; width:200px; height: 27px; background: url(images/bouton-panier.png) center top; text-decoration: none; position: relative; color:#729d48; font-weight: bold; margin:-5px auto 0 auto; }
a.bouton-panier-decouverte { display: block; width:200px; height: 27px; background: url(images/bouton-panier.png) center top; text-decoration: none; position: relative; color:#729d48; font-weight: bold; margin:60px auto 15px auto; }
#reservation a.bouton-panier:hover, a.bouton-panier-decouverte:hover { background-position: center center; }
#reservation a.bouton-panier:active, #reservation a.bouton-panier.actif, a.bouton-panier-decouverte:active, a.bouton-panier-decouverte.actif { background-position: center bottom; color: #446b20; }
#reservation a.bouton-panier span, a.bouton-panier-decouverte span { display: block; width:170px; position: absolute; top: 2px; left: 0; text-align: center; font-variant: small-caps; font-size: 1.2em; cursor: default; }

#reservation a.bouton { display: block; position: relative; right: 0px; top: 0px; color:#729d48; font-weight: bold; margin:-5px auto 0 auto; }
#reservation a.bouton:active { color: #446b20; }
#reservation span { color:#729d48; cursor: default; }
#reservation a.bouton:active span { color: #446b20; cursor: default; }

#reservation a.bouton-calendrier { display: block; width:30px; height: 20px; background: url(images/bouton-calendrier.png) center top; text-decoration: none; position: relative; color:#729d48; font-weight: bold; margin:4px auto 0px auto; }
#reservation a.bouton-calendrier:hover { background-position: center center; color:#729d48;}
#reservation a.bouton-calendrier:active, #reservation a.bouton-calendrier.actif { background-position: center bottom; color: #446b20; }
#reservation a.bouton-calendrier span { display: block; width:130px; position: absolute; top: 4px; left: 0; text-align: center; cursor: default; }

#reservation .bouton-calendrier-apresMidi { display: block; width:30px; height: 20px; background: url(images/bouton-calendrier-apresmidi.png) center top; text-decoration: none; position: relative; color:#729d48; font-weight: bold; margin:4px auto 0px auto; font-size: 1.1em;}
#reservation a.bouton-calendrier-apresMidi:hover { background-position: center center; color:#729d48;}
#reservation a.bouton-calendrier-apresMidi:active, #reservation a.bouton-calendrier-apresMidi.actif { background-position: center bottom; color: #446b20; }

#reservation .bouton-calendrier-matin { display: block; width:30px; height: 20px; background: url(images/bouton-calendrier-matin.png) center top; text-decoration: none; position: relative; color:#729d48; font-weight: bold; margin:4px auto 0px auto; font-size: 1.1em;}
#reservation a.bouton-calendrier-matin:hover { background-position: center center; color:#729d48;}
#reservation a.bouton-calendrier-matin:active, #reservation a.bouton-calendrier-matin.actif { background-position: center bottom; color: #446b20; }

#reservation .bouton-calendrier-vide { display: block; width:30px; height: 20px; background-image: url(images/bouton-calendrier-vide.png); text-decoration: none; position: relative; color:#729d48; font-weight: bold; margin:4px auto 0px auto; font-size: 1.1em; }

#reservation .bouton-calendrier-none { display: block; width:30px; height: 20px; background-image: url(images/bouton-calendrier-none.png); text-decoration: none; position: relative; color:#888; font-weight: bold; margin:4px auto 0px auto; font-size: 1.1em; }
#reservation .bouton-calendrier-none.aujourdhui { color:#333; font-size: 1.1em; }

#reservation .trait { width: 660px; border-top: thin solid #999; margin: 15px 20px 0px 0px ; }
.trait-cadeau { width: 400px; top: -90px; left: 150px; margin: 5px auto 0px auto ; border-top: thin solid #999; position: relative;  }
#reservation .trait-cadeau { width: 330px; top: 0px; left: 0px; }

#reservation input[type=radio] { float: left; width:auto; margin: 0; }
#reservation label { font-weight: bold; float: left; width: auto; }

#calendrier { width: 490px; height: auto; padding-bottom: 20px; margin: auto; overflow: hidden; position: relative}
#ajax-calendrier-temp-gauche { width: 490px; height: auto; position: absolute; right:-490px; top:72px; }
#ajax-calendrier-temp-droite { width: 490px; height: auto; position: absolute; left:-490px; top:72px; }

#calendrier h3 { margin-top: 0px; margin-bottom: 20px; display: block; text-align: center; }
#calendrier h3 a { font-size: 1.4em; color: #693; }
#calendrier h3 span { font-size: 1.4em; color: #555; }
#calendrier li{ list-style: none; }

#jour-semaine { width: 490px; height: 20px; margin: 0 auto 5px auto; padding: 0; }
#jour-semaine li { float: left;	text-align: center; width: 70px; color:#555; font-weight: bold; }

.ligne { width: 490px; height: 20px; margin: 0 auto; padding: 0; } 
.ligne li {	color: #000; float: left; width: 70px; text-align: center;}

.ligne li a:hover{ list-style: none; text-decoration: none; }







/*------------------------------ Pied de page ------------------------------*/

#pied-conteneur { width:100%; clear:both; background: #333 url(images/pied.png) repeat-x bottom; height: 50px; position: absolute; bottom: 0; }
#pied { width: 1000px; margin: 10px auto 0px auto; position:relative; height: 40px; overflow: hidden; z-index: 20; background-color: #333; }
#pied .pied_altiplanet { position: absolute; left: 0px; bottom: 0px; background: url(images/logo-altiplanet_mini.png) no-repeat; height: 40px; width: 100px; cursor: default; }
#pied .pied_devlixi { color: #369; position: absolute; right: 0px; bottom: 2px; background: url(images/logo-devlixi.png) no-repeat bottom; height: 20px; width: 100px; }
#pied .pied_devlixi:hover { color: #0066cc; text-decoration:none; background: url(images/logo-devlixi.png) no-repeat top; }
#pied ul { text-align: center; display: block; margin: 0px;}
#pied li { color: #efefef; font-size: 1em; display: inline; list-style: none; padding-left: 5px; padding-right: 5px; }
#pied li a { color: #efefef; font-size: 1em;}
#pied li a:hover {  color: #ccc; text-decoration:none; }
#pied p { color: #bbb; text-align: center; display: block; margin-top:6px; font-size:0.7em; padding-left:40px; }


#pied-fond { width: 2329px; height: 552px; background: url(images/pied-argentine.jpg) no-repeat left bottom; position: absolute; bottom: 50px; z-index: 0; }

a#facebook { position:absolute; top:3px; left:0px; display: block; height: 30px; width: 30px; background: url(images/facebook.png) left; z-index: 6; }
a#facebook:hover { -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg);  }
#facebook-like { position:absolute; top:18px; left:10px; z-index: 1;  }

a#twitter { position:absolute; top:3px; left:40px; display: block; height: 30px; width: 30px; background: url(images/twitter.png) left; z-index: 6; }
a#twitter:hover { -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg);  }

a#youtube { position:absolute; top:3px; left:80px; display: block; height: 30px; width: 30px; background: url(images/youtube.png) left; z-index: 6; }
a#youtube:hover { -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg);  }
a#vimeo { position:absolute; top:3px; left:120px; display: block; height: 30px; width: 30px; background: url(images/vimeo.png) left; z-index: 6; }
a#vimeo:hover { -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg);  }
a#dailymotion { position:absolute; top:3px; left:160px; display: block; height: 30px; width: 30px; background: url(images/dailymotion.png) left; z-index: 6; }
a#dailymotion:hover { -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg);  }