@charset "utf-8";
/* CSS Document */

body{background-color:#525252;	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #000;
}

#webmail
{
				width: 400px;
				background-color: #FFF;
				margin:auto;
				text-align:center;
}

.pad_12 {padding: 12px; _padding: 7px;} /* exception pour les box de la cde de brochres*/
/* Colonne de droite  statique */


############################################################################################################################################## BOITES REDIMENSIONNABLES*/

/* Boite transparente */

.trans_top_left, .trans_top_right, .trans_bot_left, .trans_bot_right
{
		margin: 0; 
		padding: 0;
		border: 0;
}

.trans_top_left
{
		background: url(/voyage-sur-mesure/Img/box_trans/top_left.gif) no-repeat top left;
}

.trans_top_right
{
		background: url(/voyage-sur-mesure/Img/box_trans/top_right.gif) no-repeat top right;
}

.trans_bot_left
{
		background: url(/voyage-sur-mesure/Img/box_trans/bot_left.gif) no-repeat bottom left;

}
.trans_bot_right
{
		background: url(/voyage-sur-mesure/Img/box_trans/bot_right.gif) no-repeat bottom right;
}

.marg_top_20
{
				margin-top: 20px;
}

/* style des boutons */
.bouton {
	border: 0px
}

a.bouton{ 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0px 8px 0px 0px; 
    padding:0; 
    font: 12px "Trebuchet MS",Arial,sans-serif ; 
	font-weight:bold;
	text-transform: uppercase;
	color: #5c5c5c;
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
a.bouton span, a:hover.bouton span { 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle; 
    background:url(/voyage-sur-mesure/img/bouton/btnLeft.png) left top no-repeat; 
	_background:url(/voyage-sur-mesure/img/bouton/btnLeft.gif) left top no-repeat; 
} 


a.bouton span span, a:hover.bouton span span { 
    padding:0 20px 0 0; 
    background:url(/voyage-sur-mesure/img/bouton/btnRight.png) right top no-repeat; 	
    _background:url(/voyage-sur-mesure/img/bouton/btnRight.gif) right top no-repeat; 
} 

a.bouton span span span, a:hover.bouton span span span { 
    height:34px; 
    line-height: 33px; 
	padding: 1px 7px;
    background:url(/voyage-sur-mesure/img/bouton/btnMiddle.png) left top repeat-x; 
	_background:url(/voyage-sur-mesure/img/bouton/btnMiddle.gif) left top repeat-x; 
} 

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */