@charset "utf-8";

html, body{width:100%; height:100%; }

* {margin:0; padding:0; outline:none;}

body{
	background:#000000;
	font:11px Helvetica, Arial, Verdana, sans-serif;
	letter-spacing:0.02em;
	color:#AAA;
}

a, a:link, a:visited, a:hover{
	color:#888888;
	cursor:pointer;
	text-decoration:none;
}

a:hover{color:#555555; }

a.special-button, .ui-widget-content a.special-button{color:#cbcbcb; }
a.special-button:hover{color:#ffffff; }

/* MAIN LAYOUT */

#page-foreground{z-index:2; }
#page-background{z-index:1; }

#page-background div{
	height:350px;
	background:#ffffff;
	background-image:-o-linear-gradient(#fefefe,#a7a7a7);
	background:-moz-linear-gradient(top,#fefefe,#a7a7a7);
	background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#a7a7a7));
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#fefefe,endColorstr=#a7a7a7,GradientType=0); zoom: 1;
}

#main_layout{width:970px; }

#block_layout_ext{
	margin:25px 0 0 0;
	background:url(../images/bg_content_body2.png) top center no-repeat #000000;
	box-shadow:0 0 10px #000000; /* CSS3 */
}

#block_layout_int{
	width:95%;
	padding:20px 0 20px 0;
}

/* exception for HOMEPAGE */
/*
body.page-session-login #page-background > div{height:435px; }
*/

body.page-session-login #block_layout_ext{
	background:transparent;
	box-shadow:none;
}

body.page-session-login #block_layout_int{width:100%; padding:0 0 20px 0; }

/* HEADER */

#header{
	margin:20px 0px 0px;
	padding:0;
}

#header > li, #header td{
	line-height:1em;
	font-size:1em;
	color:#888888;
	width:275px;
	vertical-align:middle;
	white-space:nowrap;
}

#logo img{padding:0 6px 0 0; border-right:1px solid #888888; }

#header > li + li + li, #header tr > td + td + td{width:450px; }

#header #languages{
	width:250px;
	vertical-align:top;
	text-align:right;
}


/* FOOTER */

#footer{
	background:url(../images/footer.jpg) center top no-repeat #000000;
	min-height:200px;
	letter-spacing:normal;
}

#threecol{margin:20px 0 0 0; }

.column{
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

#threecol #colmid {
	right:33%;			/* width of the right column */
}

#threecol #colleft {
	right:33%;			/* width of the middle column */
}

#threecol #col1 {
	width:29%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}

#threecol #col2 {
	width:30%;			/* Width of left column content (column width minus padding on either side) */
	left:39%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

#threecol #col3 {
	width:29%;			/* Width of right column content (column width minus padding on either side) */
	left:76%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

#footer img{width:20px; }

#footer p{margin:0 0 1em 0; }

.grayscale img{
	-moz-opacity:.50;
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
}

.grayscale:hover img{
	-moz-opacity:1;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}


/*
 * Gestion du Style pour le layout général
 */
#menu_top{
	margin:25px 0 0 0;
	height:15px;
}

#menu_top ul li, #menu ul li{
	text-align:center;
	padding:0 10px;
	white-space:nowrap;
}

#menu_top ul li:last-child, #menu ul li:last-child{padding:0 0 0 10px; }

#menu_top ul li + li, #menu ul li + li{border-left:1px solid #888888; padding-left:10px}

#menu_top ul li a, #menu ul li a{
	color:#808080;
	font-size:16px;
	font-family:"Aeon", helvetica, sans-serif;
}

#menu_top ul li a:hover{color:#e20030; }
#menu ul li a:hover{color:#555555; }

#menu{height:30px; }

#menu ul{
	height:15px;
	right:0;
	margin:20px 0 0 0;
}



/* HOMEPAGE */

.homeLogin{min-height:470px; }

#promo-encart{
	height:150px;
	background:url(../images/promo-shadow.png) bottom center no-repeat;
	margin:0 0 20px 0;
}

#slider-promo{height:110px; }

#promo-encart .nivo-controlNav{
	width:100%;
	bottom:-17px;
    text-align:center;
}

#promo-encart .nivo-controlNav a{
	display:inline-block;
	float:none;
}


/* block sur page d'accueil (créer votre compte / nos prestations) */
.online-blox{
	width:348px; 
	height:38px; 
	margin:10px 0 0 0; 	
}

.online-blox ul li{padding:6px 0 0 0; }
.online-blox a{font-size:30px; }

/* CGV */

body.page-cgv- ol{list-style-type:decimal; margin:2em 0 0 0; }
body.page-cgv- ol li{padding:0 0 2em 0; text-align:center; }
body.page-cgv- ol li strong, body.page-cgv- ol li p{text-align:left; }
body.page-cgv- ol li > p:last-child{padding:0 0 1em 0; }
body.page-cgv- ol li:after{content:"***" }
body.page-cgv- ol li > strong:first-child{display:inline-block; width:100%; border-bottom:1px solid #aaaaaa; padding:0 0 0.5em 0; margin:0 0 0.5em 0; font-family:"Aeon", helvetica, sans-serif; font-size:14px; text-transform:uppercase; }
body.page-cgv- dt{text-transform:uppercase; font-size:1em; }
body.page-cgv- p{margin:0 0 1em 0; }

div.preview > div{margin:auto; }

tr td{padding:2px 0 2px 0; }

/* HELP */
#help-estimate ol li{
	margin:0 0 2em;
	padding:0 0 2em;
	border-bottom:1px dotted #afafaf;
}

.help img{
	width:800px;
	margin:1em;
}

/* OLD STYLES TO CHECK */


.content-body{
	padding: 40px 35px 10px 35px;
	margin-bottom: 10px;
	min-height: 480px;
	clear:both;
}

li{
	font: 12px/16px Arial, Helvetica, Verdana, sans-serif; color: #FFF;
	padding-bottom: 5px;
}

.rappelle {
	text-align: left;
	font-size: 12px;
	color: #B4B4B4;
	letter-spacing: 0.05em;
	font-weight: bolder;
}

.rappelle a{color:#B4B4B4; }
.rappelle a:hover{color:#D9D9D9; }


.MyH1 {
	text-align: left;
	margin-left: 20px;
	font-size: 15px;
	color: #000;
	letter-spacing: 0.03em;
	font-weight: bolder;
	text-transform: uppercase;
	padding-top:15px;
	padding-bottom:10px;
}

.central h3{
	font-size: 14px;
	text-align: left;
	margin-bottom: 3px;
	margin-left: 82px;
	margin-top: 30px;
}

#navigation a {
	font:900 11px/17px Arial, Helvetica, sans-serif;
	z-index:10000;
	color: #9f9f9f;
	text-decoration: none;
	letter-spacing:0.10em;
	display:block;
	padding: 0px 9px;
	margin: 2px 9px;
}
	
#navigation a:hover {color:#FFF; }

.deco1{
	height: 205px;
	width: 207px;
	background: url(../images/bgr_1.png) no-repeat;
	margin-top: 133px;
	margin-left: 20px;
	float: left;
}

.progress{
	margin:10px 0 30px 80px;
	height: 25px;
	width: 736px;
}

.TxtCourant{font: 13px/17px Arial, Helvetica, Verdana, sans-serif; color: #6F6F6F; }


.titrePresta{
	text-align: left;
	font-size: 13px;
	color: #B4B4B4;
	letter-spacing: 0.05em;
	font-weight: bolder;
	margin-bottom: 15px;
}

.rappellePresta{
	margin-top: 30px;
	text-align: left;
	margin-left: 20px;
	font-size: 15px;
	color: #000;
	letter-spacing: 0.05em;
	font-weight: bolder;
	margin-bottom: 30px;
}

#error{
	color: #FFFFFF;
	text-align: center;
	font-size: 13px;
	font-weight: bolder;
}

.error{
	color:#F3A30A;
	padding-left: 5px;
}

.message{
	color: #333;
	text-align: left;
	font-size: 13px;
	font-weight: bolder;
}

.BlockLogin{
	width: 450px;
	margin-top: 90px;
	margin-left: 444px;
	padding: 0px;
}

.BlockLoginBigBtnHead{
	width: 400px;
	height:25px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	background: #999;
	font-weight:bolder;
	line-height: 25px;
}

.BlockLoginBigBtnHead a{
	width: 400px;
	height:25px;
	color: #000;
	text-decoration: none;
	background: #999;
	font-size: 11px;
	display: block;
}

.BlockLoginBigBtnHead a:hover{
	width: 400px;
	height:25px;
	font-size: 11px;
	color: #FFF;
	background: #666;
}


.BlockLoginBigBtnFoot{
	width: 400px;
	height:25px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	background: #999;
	font-weight:bolder;
	line-height: 25px;
}

.BlockLoginBigBtnFoot a{
	width: 400px;
	height:25px;
	color: #000;
	text-decoration: none;
	background: #999;
	font-size: 11px;
	display: block;
}

.BlockLoginBigBtnFoot a:hover{
	width: 400px;
	height:25px;
	font-size: 11px;
	color: #FFF;
	background: #666;
}

.BlockLoginBody{
	width: 400px;
	height:130px;
}

.BlockLoginBody1{
	width: 200px;
	height:25px;
	margin-left: auto;
	margin-right: auto;
	font-weight:bolder
}

.BlockLoginBody2{
	width: 120px;
	height:25px;
	float:left;
	font-weight:bolder;
	text-align:right
}

.BlockLoginBody3{
	width: 270px;
	height:25px;
	float:left;
}

.BlockLoginBody4{
	width: 120px;
	height:25px;
	float:left;
	font-weight:bolder;
	text-align:right
}

.BlockLoginBody5{
	width: 270px;
	height:25px;
	float:left;
}

.BlockLoginBody6{
	width: 50px;
	height:25px;
	margin-left: 295px;
}

.AjoutImg{float:right; }


.ParamFinition{min-height:150px; }

.ParamFinition caption{
	font-size: 13px;
	font-weight: bold;
	color: #F5F5F5;
	text-align: center;
	letter-spacing: 0.2em;
	padding: 10px;
}

.ParamFinition select{
	background: #a4a4a4;
	border: thin solid #252525;
}

/* ORDER STEP 1 */

.BlockPresta{
	width:95.9%;
	/*min-height:500px;*/
	color:#cccccc;
}

.BlockUpload{
	border:1px solid #303030;
	background-color:rgba(0, 0, 0, 0.4);
}

.BlockRecap{
	border: 1px solid #303030;
	background-color:#000000;
	margin-bottom:10px;
}

.BlockConfirm{
	height: 280px;
	padding: 30px 30px 10px;
	background-color: rgba(0, 0, 0, 0.4);
	font-size:12px;
}

.ParamImg{
	width:245px;
	height:285px;
	background-color:#000000;
	text-align:center;
	float:left;
	padding: 0px; 
}

.ParamImg img{
	margin: 0px;
	padding: 0px;    	
}

.BlockParam{
	margin-bottom: 25px;
	height: 245px;
}

.BlockPrestations{
	display: block;
	background-color:#000;
	padding-bottom:5px;
	margin-bottom:10px;
}

.BlockPrestations select{
	background: #A4A4A4;
	border: thin solid #252525;
}

.BlockPrestations input{
	background: #A4A4A4;
	border: 1px solid #252525;
}

.BlockPrestationsHead{
	clear:both;
	height:25px;
	background-color:#333;
}

.BlockPrestationsFoot{
	clear:both;
	width:649px;
	height:25px;
	padding: 0px;
	background-color:#333
}

.ParamFormat{
	width:410px;
	height:140px;
	text-align:center;
	float:left;
}

.ParamSupport{
	height:140px;
	text-align:center;
	float:left;
	margin-left: 10px;
}

.ParamSupport .s_padding{padding: 15px 0; }

.ParamSupport .s_padding_fogra{padding: 8px 0; }

.ParamRecap{
	text-align:left;
	float:left;
	margin-left: 25px;
	margin-top: 5px;
	font-weight:bolder;
}

.ParamName{
	width:400px;
	height:25px;
	text-align:left;
	float:left;
	color:#FFFFFF;
	display: block;
	line-height: 25px;
	padding-left: 20px;
}

.ParamProfil{
	width:400px;
	height:25px;
	text-align:left;
	color:#FFFFFF;
	display: block;
	line-height: 25px;
	padding-left: 20px;
	float:left
}

.ParamCheck{
	width:20px;
	height:25px;
	text-align:right;
	float:left;
	display: block;
	line-height: 25px;
}

.ParamModele{
	width:100px;
	height:25px;
	text-align:left;
	float:left;
	color:#FFFFFF;
	display: block;
	line-height: 25px;
	margin-left:5px;
}

.btn{
	height:22px;
	text-align:center;
	color:#FFF;
	display: block;
	line-height: 22px;
	text-transform:uppercase;
}

.btn a, input.btn{
	color: #FFFFFF;
	text-decoration: none;
	background: #6F6F6F;
	font-size: 9px;
	padding: 1px 32px 1px;
	border: 1px solid #D9D9D9;
}

input.btn{display:inline; height:14px; padding:0 32px 0; font-size:9px; line-height:9px; }

/* HACK SAFARI & CHROME */
@media screen and (-webkit-min-device-pixel-ratio:0){
	input.btn{line-height:14px; }
}

.btn a:hover, input.btn:hover{
	font-size: 9px;
	color: #FFF;
	background: #AAA;
}

.ui-widget-content a.btn{color:#ffffff; }

button.btn{
	color:#ffffff;
	font-size:9px;
	display:inline;
	line-height:9px;
	text-align:center;
	text-transform:uppercase;
	height:15px;
	background:#6F6F6F;
	padding:0 32px 2px;
	border:1px solid #D9D9D9;
}

button.btn:hover{background:#aaaaaa;}

.btnSmall{
	height:22px;
	text-align:center;
	color:#FFF;
	display: block;
	line-height: 22px;
	text-transform:uppercase;
}

.btnSmall a{
	color: #FFFFFF;
	text-decoration: none;
	background: #6F6F6F;
	font-size: 9px;
	padding: 1px 33px 1px;
	border: 1px solid #D9D9D9;
}

.btnSmall a:hover{
	font-size: 9px;
	color: #FFF;
	background: #AAA;
}

.btn_red{
	height:22px;
	text-align:center;
	color:#FFF;
	display: block;
	line-height: 22px;
	font-weight:bolder
}

.btn_red a{
	color: #FFF;
	text-decoration: none;
	background: #DE0A32;
	font-size: 12px;
	padding: 1px 10px 3px;
}

.btn_red a:hover{
	font-size: 12px;
	color: #FFF;
	background: #666;
}

.btn_big_red{
	height:25px;
	text-align:center;
	color:#FFF;
	display: block;
	line-height: 25px;
	font-weight:bolder
}

.btn_big_red a{
	color: #FFF;
	text-decoration: none;
	background: #DE0A32;
	font-size: 15px;
	padding: 2px 12px 5px;
}

.btn_big_red a:hover{
	font-size: 15px;
	color: #FFF;
	background: #666;
}


.blanc{color:#FFFFFF; }

.ParamRecap h4{
	font-weight: bolder;
	margin-top: 3px;
	font-size: 11px;
}

.ParamRecap p{line-height:10px; }


a.tooltip em {display:none; }

a.tooltip:hover {
    border: 0; 
    position: relative;
	z-index: 500;
    text-decoration:none;
}

a.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	padding: 5px;
	color: #FFF;
	border: 1px solid #bbb;
	background: #666;
	width:120px;
}

a.tooltipSmilley em {display:none; }

a.tooltipSmilley:hover {
    border: 0; 
    position: relative;
	z-index: 500;
    text-decoration:none;
}

a.tooltipSmilley:hover em {
	font-style: normal;
	display: block;
	position: absolute;
	top: -130px;
	left: -130px;
	padding: 5px;
	color: #FFF;
	border: 1px solid #bbb;
	background: #666;
	width:300px;
}

.groupe_description {
	font-size: 12px;
	color: #1E1E1E;
	line-height: 20px;
	font-style: normal;
	display: none;
	padding: 5px;
	color: #fff;
	border: 1px solid #bbb;
	background: #666;
	width:300px;
	position: absolute;
	top: 310px;
	left: 500px;
}

.groupe_description a {padding: 0; }

.prix_hors_promo {
    text-decoration: line-through;
    white-space:nowrap;
}

.prix_promo {
    color:#E20030;
    font-weight: bold;
}

/* gestion navigation par onglets */

#tabbed_box {
	margin: 0px auto;
	width:880px;
	padding: 5px;
}

.tabbed_box h4 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:21px;
    color:#ffffff;
    letter-spacing:1px;
    margin-bottom:10px;
	margin-top:5px;
}

.tabbed_box h4 small {
    color:#FFF;
    font-weight:bold;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    letter-spacing:1px;
}
.tabbed_area {
    padding:8px;
}
ul.tabs {
	margin:0px auto 10px auto;
	padding:0px;
}
ul.tabs li {
    list-style:none;
    display:inline;
	margin:2px;
}
ul.tabs li a {
	padding:5px 3px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing: 0.03em;
	background-color:#222;
	color:#6F6F6F;
	border: 1px solid #666;
}

ul.tabs li a:hover {
    background-color:#222;
    border-color:#666;
	color:#D9D9D9;
}

ul.tabs li a.active {
    background-color:#333;
	color:#D9D9D9;
}

.ContentAll {
    padding:10px;
	border: 1px solid #303030;
	background-color:#000
}

#ContentAll_2, #ContentAll_3, #ContentAll_4, #ContentAll_5 { display:none; }

.ContentAll a{
    color:#888888;
}

.ContentAll a:hover{
    color:#D9D9D9;
}

ul.tabs {
    margin:0px; padding:0px;
    margin-top:5px;
    margin-bottom:6px;
}

.ContentAll ul {
    margin:0px;
    padding:0px 20px;
}

.ContentAll h5 {
	margin:20px 0px 20px 10px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

.ContentAll th {
	color: #D9D9D9;
}

.ContentAll ul li {
    list-style:none;
    border-bottom:1px solid #d6dde0;
    padding-top:15px;
    padding-bottom:15px;
    font-size:13px;
}

.ContentAll ul li a {
    text-decoration:none;
    color:#3e4346;
}

.ContentAll ul li a small {
    color:#8b959c;
    font-size:9px;
    text-transform:uppercase;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    position:relative;
    left:4px;
    top:0px;
}

.ContentAll ul li:last-child {
    border-bottom:none;
}

.contentHelp {
    background-color:#000000;
    padding:10px;
    border:1px solid #464c54;
}

.tab_prestation {
	width:100%
}

.tab_prestation .titre_presta{
	text-align:center;
	font-weight:bold;
	color:#000;
	padding:10px;
	font-size:11px;
	background-color:#E7E7E7
}

.tab_prestation .titre{
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
	color:#FFF;
	font-weight:bold;
	background-color:#666
}

.td_prestation {
	padding:5px;
	border-bottom: #666 solid 1px;
	vertical-align: middle;
	text-align:center;
    
}

.td_prestation a{
	color:#D9D9D9;
}

/* fin gestion navigation par onglets */

/* début gestion nuage de tag */

ol.tagscloud {
	margin: 0;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

ol.tagscloud li{
	list-style: none;
	display: inline;
	margin: 0px 8px 0px 8px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}


ol.tagscloud li.nolink1 { list-style: none;	display: inline; margin: 0px 8px 0px 8px; padding: 0; color: #000; font-size: 22px;	font-weight: 400; line-height:25px;	font-style: italic;	letter-spacing: 0.08em; }
ol.tagscloud li.nolink2 { list-style: none;	display: inline; margin: 0px 8px 0px 8px; padding: 0; color: #333; font-size: 22px;	font-weight: 400; line-height:25px;	font-style: italic;	letter-spacing: 0.08em; }
ol.tagscloud li.nolink3 { list-style: none;	display: inline; margin: 0px 8px 0px 8px; padding: 0; color: #555; font-size: 22px;	font-weight: 400; line-height:25px;	font-style: italic;	letter-spacing: 0.08em; }
ol.tagscloud li.nolink4 { list-style: none;	display: inline; margin: 0px 8px 0px 8px; padding: 0; color: #999; font-size: 22px;	font-weight: 400; line-height:25px;	font-style: italic;	letter-spacing: 0.08em; }
ol.tagscloud li.nolink5 { list-style: none;	display: inline; margin: 0px 8px 0px 8px; padding: 0; color: #CCC; font-size: 22px;	font-weight: 400; line-height:25px;	font-style: italic;	letter-spacing: 0.08em; }

ol.tagscloud li a.color1, ol.tagscloud li a.color1:link, ol.tagscloud li a.color1:visited, ol.tagscloud li a.color1:active { text-decoration:none; color: #000; font-size: 22px; font-weight: 400; line-height:25px; font-style: italic; letter-spacing: 0.08em; }
ol.tagscloud li a.color1:hover { color: #FA0100; }
ol.tagscloud li a.color2, ol.tagscloud li a.color2:link, ol.tagscloud li a.color2:visited, ol.tagscloud li a.color2:active { text-decoration:none; color: #333; font-size: 22px; font-weight: 400; line-height:25px; font-style: italic; letter-spacing: 0.08em; }
ol.tagscloud li a.color2:hover { color: #FA0100; }
ol.tagscloud li a.color3, ol.tagscloud li a.color3:link, ol.tagscloud li a.color3:visited, ol.tagscloud li a.color3:active { text-decoration:none; color: #666; font-size: 22px; font-weight: 400; line-height:25px; font-style: italic; letter-spacing: 0.08em; }
ol.tagscloud li a.color3:hover { color: #FA0100; }
ol.tagscloud li a.color4, ol.tagscloud li a.color4:link, ol.tagscloud li a.color4:visited, ol.tagscloud li a.color4:active { text-decoration:none; color: #999; font-size: 22px; font-weight: 400; line-height:25px; font-style: italic; letter-spacing: 0.08em; }
ol.tagscloud li a.color4:hover { color: #FA0100; }
ol.tagscloud li a.color5, ol.tagscloud li a.color5:link, ol.tagscloud li a.color5:visited, ol.tagscloud li a.color5:active { text-decoration:none; color: #CCC; font-size: 22px; font-weight: 400; line-height:25px; font-style: italic; letter-spacing: 0.08em; }
ol.tagscloud li a.color5:hover { color: #FA0100; }


/* fin gestion nuage de tag */

.footer{
	background: url(../images/footer.jpg) no-repeat center top;
	min-height:200px;
	background-color:#000;
	padding-top:20px;
	margin-bottom:20px;
	letter-spacing:normal;
}

.footer_body{
	padding: 0 35px;
}

.foot_1 { float:left; width:220px; margin-right:45px; }
.foot_2 { float:left; width:240px; margin-right:45px; }
.foot_3 { float:left; width:210px; margin-right:20px; }
.foot_4 { float:left; margin-top:170px; }

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider {
	position:relative;
    width:488px;
    height:468px;
	background:url(../images/slider/loading.gif) no-repeat 50% 50%;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:10px;
	bottom:10px;
}

.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}

.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}

a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}

a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}

.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

.LivLeft {
	float:left;
	width:280px;
	background-color:#000;
	margin-right:19px;
	padding:3px 10px;
}

.LivCenter {
	float:left;
	width:240px;
	background-color:#000;
	margin-right:15px;
	padding:3px 10px;
}

.LivRight {
	float:right;
	width:280px;
	background-color:#000;
	padding:3px 10px;
}

.RecapCenter {
	float:left;
	width:260px;
	background-color:#000;
	margin-right:0px;
	padding:15px;
}

.RecapRight {
	float:right;
	width:330px;
	background-color:#000;
	padding:15px 13px;
}

.RecapFoot{
	float:right;
	width:330px;
	min-height:210px;
	background-color:#000;
	padding:15px;
	border: 1px solid #303030;
}

.CustumForm {background-color:#222; color:#CCC; text-align:left; border: 1px solid #666;}

/* ======================================================================== */
/* = Mise en forme des formulaires                                        = */
/* ======================================================================== */
.NewForm td > label {
    float: left;
    text-align: left;
    margin-right: 1em;
	color:#D9D9D9;
}

.NewForm td > label.error {
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
}

.NewForm td {
    clear: both;
}

.NewForm em {
    font-weight: bold;
    padding: 0 1em 0 .5em;
    vertical-align: top;
}

.NewForm fieldset {
    margin-bottom: 1em;
}

.NewForm legend {
    font-weight: bold;
}

.NewForm input {
	width: 170px; background-color:#222; color:#CCC; text-align:left; border: 1px solid #666; margin-bottom:10px; float:right;
}

.NewForm select {
	width: 170px; background-color:#222; color:#CCC; text-align:left; border: 1px solid #666; margin-bottom:10px; float:right;	
}

.BlockPaiement {
	background-color:#000;
	padding:35px 35px 30px 35px;
	min-height:230px;
}
	

#calculette {
    width: 335px;
	margin-top:10px;
	padding:7px;
	background: #000 url(../images/bg_calculette.jpg) no-repeat left top;
}

#calculette .line {
    padding: 2px 0;
}

#calculette .titre {
	color:#D9D9D9;
	text-transform:uppercase
}

#calculette .total .label {
    text-align: right;
}

#calculette input{
    text-align: right;
	background-color:#222; color:#CCC; border: 1px solid #666;
}

#calculette select {
    width: 100%;
    font-size: 10px;
	background-color:#222; color:#CCC; border: 1px solid #666;
}

#calculette .prix {
    text-align: right;
}

.InfoCompte p > label {
    width: 20em;
    float: left;
    text-align: left;
    margin-right: 1em;
}

.InfoCompte p > label.error {
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
}

.InfoCompte p {
    clear: both;
}

.InfoCompte em {
    font-weight: bold;
    padding: 0 1em 0 .5em;
    vertical-align: top;
}

.InfoCompte fieldset {
    margin-bottom: 1em;
	border:1px solid #666;
	background-color:#000;
	padding:10px;
}

.InfoCompte legend {
    font-weight: bold;
	color:#D9D9D9;
}

.InfoCompte p input {
    width: 250px; background-color:#222; color:#CCC; text-align:left; border: 1px solid #666; margin-bottom:10px; float:right;
}

.InfoCompte select {
    width: 252px; background-color:#222; color:#CCC; text-align:left; border: 1px solid #666; margin-bottom:10px; float:right;
}

.q1 {color:#6F0}
.q2 {color:#F90}
.q3 {color:#F00}

.fullbox * {color: #AAA}