*{
	margin:0;
	padding:0;
}

body{
	color:#000;
	background-color:#e2e2e2;
	font:15px Calibri,Arial,sans-serif;
}

#page{
	width:480px;
	margin:10px auto;
}

#page form{
	margin:20px auto;
	width:460px;
}

h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:28px;
	font-weight:normal;
	margin-bottom:10px;
	color:#444;
}


#liens{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	position:relative;
	right:0;
	text-transform:uppercase;
}

.tzSelect{
	
	/* This is the container of the new select element */
	
	height:34px;
	display:inline-block;
	min-width:200px;
	position:relative;
	z-index: 10;
	
	color:#fff;
	
	/* Preloading the background image for the dropdown */
	background:url("../img/dropdown_slice.png") no-repeat -99999px;
}

.tzSelect3{
	
	/* This is the container of the new select element */
	
	height:34px;
	display:inline-block;
	min-width:200px;
	position:relative;
	z-index: 100;
	
	color:#fff;
	
	/* Preloading the background image for the dropdown */
	background:url("../img/dropdown_slice.png") no-repeat -99999px;
}

.tzSelect3inter{
	
	/* This is the container of the new select element */
	
	height:34px;
	display:inline-block;
	min-width:200px;
	position:relative;
	z-index: 5;
	
	color:#fff;
	
	/* Preloading the background image for the dropdown */
	background:url("../img/dropdown_slice.png") no-repeat -99999px;
}

.tzSelect4{
	
	/* This is the container of the new select element */
	
	height:34px;
	display:inline-block;
	min-width:200px;
	position:relative;
	z-index: 5;
	
	color:#fff;
	
	/* Preloading the background image for the dropdown */
	background:url("../img/dropdown_slice.png") no-repeat -99999px;
}

.tzSelect .selectBox{
	position:absolute;
	z-index: 10;
	
	color:#fff;
	
	height:100%;
	width:100%;
	
	/* Font settings */
	
	font:13px/34px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	text-shadow:1px 1px 0 #EEEEEE;
	color:#666666;

	/* Using CSS3 multiple backgrounds and a fallback */
	
	background:url('../img/select_slice.png') repeat-x #ddd;
	background-image:url('../img/select_slice.png'),url('../img/select_slice.png'),url('../img/select_slice.png'),url('../img/select_slice.png');
	background-position:0 -136px, right -204px, 50% -68px, 0 0;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
	
	cursor:pointer;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}


.tzSelect3 .selectBox3{
	position:absolute;
	z-index: 100;
	
	color:#fff;
	
	height:100%;
	width:100%;
	
	/* Font settings */
	
	font:13px/34px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	text-shadow:1px 1px 0 #EEEEEE;
	color:#666666;

	/* Using CSS3 multiple backgrounds and a fallback */
	
	background:url('../img/select_slice.png') repeat-x #ddd;
	background-image:url('../img/select_slice.png'),url('../img/select_slice.png'),url('../img/select_slice.png'),url('../img/select_slice.png');
	background-position:0 -136px, right -204px, 50% -68px, 0 0;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
	
	cursor:pointer;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}



.tzSelect3 .selectBox3:hover,
.tzSelect3 .selectBox3.expanded{
	background-position:0 -170px, right -238px, 50% -102px, 0 -34px;
	color:#2c5667;
	text-shadow:1px 1px 0 #9bc2d0;
}


.tzSelect3inter .selectBox3inter{
	position:absolute;
	z-index: 5;
	
	color:#fff;
	
	height:100%;
	width:100%;
	
	/* Font settings */
	
	font:13px/34px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	text-shadow:1px 1px 0 #EEEEEE;
	color:#666666;

	/* Using CSS3 multiple backgrounds and a fallback */
	
	background:url('../img/select_slice.png') repeat-x #ddd;
	background-image:url('../img/select_slice.png'),url('../img/select_slice.png'),url('../img/select_slice.png'),url('../img/select_slice.png');
	background-position:0 -136px, right -204px, 50% -68px, 0 0;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
	
	cursor:pointer;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}



.tzSelect3inter .selectBox3inter:hover,
.tzSelect3inter .selectBox3inter.expanded{
	background-position:0 -170px, right -238px, 50% -102px, 0 -34px;
	color:#2c5667;
	text-shadow:1px 1px 0 #9bc2d0;
}


.tzSelect4 .selectBox4{
	position:absolute;
	z-index: 4;
	
	color:#fff;
	
	height:100%;
	width:100%;
	
	/* Font settings */
	
	font:13px/34px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	text-shadow:1px 1px 0 #EEEEEE;
	color:#666666;

	/* Using CSS3 multiple backgrounds and a fallback */
	
	background:url('../img/select_slice.png') repeat-x #ddd;
	background-image:url('../img/select_slice.png'),url('../img/select_slice.png'),url('../img/select_slice.png'),url('../img/select_slice.png');
	background-position:0 -136px, right -204px, 50% -68px, 0 0;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
	
	cursor:pointer;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}



.tzSelect4 .selectBox4:hover,
.tzSelect4 .selectBox4.expanded{
	background-position:0 -170px, right -238px, 50% -102px, 0 -34px;
	color:#2c5667;
	text-shadow:1px 1px 0 #9bc2d0;
}

.tzSelect .selectBox:hover,
.tzSelect .selectBox.expanded{
	background-position:0 -170px, right -238px, 50% -102px, 0 -34px;
	color:#2c5667;
	text-shadow:1px 1px 0 #9bc2d0;
}

.tzSelect3 .dropDown{
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	border:1px solid #32333b;
	border-width:0 1px 1px;
	list-style:none;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-moz-box-shadow:0 0 4px #111;
	-webkit-box-shadow:0 0 4px #111;
	box-shadow:0 0 4px #111;
}


.tzSelect3inter .dropDown{
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	border:1px solid #32333b;
	border-width:0 1px 1px;
	list-style:none;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-moz-box-shadow:0 0 4px #111;
	-webkit-box-shadow:0 0 4px #111;
	box-shadow:0 0 4px #111;
}



.tzSelect4 .dropDown{
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	border:1px solid #32333b;
	border-width:0 1px 1px;
	list-style:none;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-moz-box-shadow:0 0 4px #111;
	-webkit-box-shadow:0 0 4px #111;
	box-shadow:0 0 4px #111;
}


.tzSelect .dropDown{
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	border:1px solid #32333b;
	border-width:0 1px 1px;
	list-style:none;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-moz-box-shadow:0 0 4px #111;
	-webkit-box-shadow:0 0 4px #111;
	box-shadow:0 0 4px #111;
}


.tzSelect li{
	height:85px;
	cursor:pointer;
	position:relative;
	
	/* Again, using CSS3 multiple backgrounds with a fallback */
	
	background:url('../img/dropdown_slice.png') repeat-x #222;
	background-image:url('../img/dropdown_slice.png'),url('../img/dropdown_slice.png'),url('../img/dropdown_slice.png');
	background-position: 50% -171px, 0 -85px, 0 0;
	background-repeat: no-repeat, no-repeat, repeat-x;
}

.tzSelect li:hover{
	background-position: 50% -256px, 0 -85px, 0 0;
}

.tzSelect li span{
	left:88px;
	position:absolute;
	top:7px;
}

.tzSelect li i{
	color:#999999;
	display:block;
	font-size:12px;
}

.tzSelect li img{
	left:9px;
	position:absolute;
	top:13px;
}


.tzSelect3 li{
	height:85px;
	cursor:pointer;
	position:relative;
	
	/* Again, using CSS3 multiple backgrounds with a fallback */
	
	background:url('../img/dropdown_slice.png') repeat-x #222;
	background-image:url('../img/dropdown_slice.png'),url('../img/dropdown_slice.png'),url('../img/dropdown_slice.png');
	background-position: 50% -171px, 0 -85px, 0 0;
	background-repeat: no-repeat, no-repeat, repeat-x;
}

.tzSelect3 li:hover{
	background-position: 50% -256px, 0 -85px, 0 0;
}

.tzSelect3 li span{
	left:88px;
	position:absolute;
	top:7px;
}

.tzSelect3 li i{
	color:#999999;
	display:block;
	font-size:12px;
}

.tzSelect3 li img{
	left:9px;
	position:absolute;
	top:13px;
}



.tzSelect3inter li{
	height:85px;
	cursor:pointer;
	position:relative;
	
	/* Again, using CSS3 multiple backgrounds with a fallback */
	
	background:url('../img/dropdown_slice.png') repeat-x #222;
	background-image:url('../img/dropdown_slice.png'),url('../img/dropdown_slice.png'),url('../img/dropdown_slice.png');
	background-position: 50% -171px, 0 -85px, 0 0;
	background-repeat: no-repeat, no-repeat, repeat-x;
}

.tzSelect3inter li:hover{
	background-position: 50% -256px, 0 -85px, 0 0;
}

.tzSelect3inter li span{
	left:88px;
	position:absolute;
	top:7px;
}

.tzSelect3inter li i{
	color:#999999;
	display:block;
	font-size:12px;
}

.tzSelect3inter li img{
	left:9px;
	position:absolute;
	top:13px;
}






.tzSelect4 li{
	height:85px;
	cursor:pointer;
	position:relative;
	
	/* Again, using CSS3 multiple backgrounds with a fallback */
	
	background:url('../img/dropdown_slice.png') repeat-x #222;
	background-image:url('../img/dropdown_slice.png'),url('../img/dropdown_slice.png'),url('../img/dropdown_slice.png');
	background-position: 50% -171px, 0 -85px, 0 0;
	background-repeat: no-repeat, no-repeat, repeat-x;
}

.tzSelect4 li:hover{
	background-position: 50% -256px, 0 -85px, 0 0;
}

.tzSelect4 li span{
	left:88px;
	position:absolute;
	top:7px;
}

.tzSelect4 li i{
	color:#999999;
	display:block;
	font-size:12px;
}

.tzSelect4 li img{
	left:9px;
	position:absolute;
	top:13px;
}



#container {
	display: block;
	margin: 0 auto;
	position: relative;
	width: 436px;
	z-index: 0;
	color:#444;
	background-color: White;
}
#container section {
	padding: 5px 20px 0px 20px;
	margin-top: 0;
	background-color: White;
	z-index: 0;
	color:#444;
}


div.containerbegin {
	padding: 0 0 0 0;
	margin: 0 auto;
	background-image: url(../img/peelon.png);
	background-position: left top;
	height: 45px;
	width: 460px;
	z-index: 0;
	color:#444;
}

div.containerbegin_red {
	padding: 0 0 0 0;
	margin: 0 auto;
	background-image: url(../img/peelon_red.png);
	background-position: left top;
	height: 45px;
	width: 460px;
	z-index: 0;
	color:#444;
}



#containerbegin_titre {
	position:relative;
	top:7px;
	left:10px;
	font-family:"Myriad Pro",Verdana,Helvetica,sans-serif;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	text-shadow:1px 1px 0 #000;
	z-index: 0;
	color:#fff;
}


div.containerend {
	padding: 0 0 0 0;
	margin: 0 auto;
	background-image: url(../img/peeloff2.png);
	background-position: left bottom;
	width: 436px;
	z-index: 0;
	color:#444;
}



#contentAreaVs{
	background-color:#FFFFFF;
	background:url('../img/fond_degrad.png');
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 0 0 1px;
	height:310px;
	width:484px;
	
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-moz-box-shadow:0 0 4px #111;
	-webkit-box-shadow:0 0 4px #111;
	box-shadow:0 0 4px #111;
	
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
}



#contentAreaVs2{
	background-color:#FFFFFF;
	background:url('../img/fond_degrad.png');
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 0 0 1px;
	height:230px;
	width:484px;
	
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-moz-box-shadow:0 0 4px #111;
	-webkit-box-shadow:0 0 4px #111;
	box-shadow:0 0 4px #111;
	
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
}



#contentRegister{
	background-color:#FFFFFF;
	background:url('../img/fond_degrad.png');
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 0 0 1px;
	
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-moz-box-shadow:0 0 4px #111;
	-webkit-box-shadow:0 0 4px #111;
	box-shadow:0 0 4px #111;
	
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
}


a, a:visited {
	text-decoration:underline;
	outline:none;
	color:#2993dd;
}

a:hover{
	/*border-bottom:1px dashed transparent;*/
	text-decoration:none;
}



a, a:visited {
	color:#2993dd;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}







/* Page Styles */

#footer{
	background-color:#212121;
	position:fixed;
	width:100%;
	height:70px;
	bottom:0;
	left:0;
}


.tri{
	border-color:transparent transparent #212121;
	border-style:solid;
	border-width:20px 17px;
	height:0;
	left:50%;
	margin:-40px 0 0 -400px;
	position:absolute;
	top:0;
	width:0;
}

#footer h1{
	font-size:20px;
	font-weight:normal;
	left:50%;
	margin-left:-400px;
	padding:25px 0;
	position:absolute;
	width:400px;
	color:#444;
}




#bouton_alx .bouton_alx 
{
	display: block;
	padding: 0;
	margin: 0;
	list-style: none!important;
	text-align: center!important;
	border: 0 none;
	outline: none;
}

#bouton_alx 
{ 
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif!important; 
	font-size: 13px!important; 
	color: #555; 
	width: 880px;
	margin: 0 auto; 
	clear: both;
}


#bouton_alx .bouton_alx 
{ 
	margin: 0 15px!important;
	/*	Font properties	*/
	font-size: 16px!important; 
	font-weight:bold; 
	text-shadow: 0 1px 0 #001525;
	text-shadow: 0 1px 0 rgba(0,0,0,0.75);
	text-align: center; 
	line-height: 30px;
	/*	Color properties	*/
	border: solid 1px #1C496A;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	outline: none;
	color: #fff; 
	/*	Firefox:	*/	
	background-image: -moz-linear-gradient(top, #F9AEAE, #F5422E);
	/*	Webkit (Safari 3+, Chrome):	*/	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F9AEAE), to(#F5422E));
	/*	IE8+:	*/	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9AEAE, endColorstr=#F5422E) progid:DXImageTransform.Microsoft.Shadow(color=#252525, direction=180,strength=2)";
	/*	Shadows	*/	
	-moz-box-shadow: 1px 2px 2px #272727;
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.55), 1px 2px 2px rgba(0,0,0,0.67);
    -webkit-box-shadow: 1px 2px 2px #272727;
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.67);
    box-shadow: 1px 2px 3px #272727;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.67);
}

#bouton_alx  .bouton_alx:hover
{
	/*	Firefox:	*/	
	background-image: -moz-linear-gradient(top, #00558E, #2892DC);
	/*	Webkit (Safari 3+, Chrome):	*/	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00558E), to(#2892DC));
	/*	IE8+:	*/		
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00558E, endColorstr=#2892DC) progid:DXImageTransform.Microsoft.Shadow(color=#252525, direction=180,strength=2)";
}

#bouton_alx  .bouton_alx:active
{
	/*	Firefox:	*/	
	background-image: -moz-linear-gradient(top, #004475, #00548D);
	/*	Webkit (Safari 3+, Chrome):	*/	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#004475), to(#00548D));
	/*	IE8+:	*/		
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#004475, endColorstr=#00548D)  progid:DXImageTransform.Microsoft.Shadow(color=#4e4e4e, direction=180,strength=2)";
	-moz-box-shadow: 1px 2px 2px #4D4D4D;
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.55), inset 0 2px 2px rgba(0,0,0,0.55), 1px 2px 2px rgba(255,255,255,0.18);
    -webkit-box-shadow: 1px 2px 2px #4D4D4D;
    -webkit-box-shadow: 1px 2px 2px rgba(255,255,255,0.18);
    box-shadow: 1px 2px 3px #4D4D4D;
    box-shadow: 1px 2px 3px rgba(255,255,255,0.18);
}

#bouton_alx .bouton_alx:link, 
#bouton_alx .bouton_alx:visited, 
#bouton_alx .bouton_alx:active, 
#bouton_alx .bouton_alx:hover {	text-decoration: none;	}




.clear{
	clear:both;
}