body {	background-color: #E1E1E1;	color: #3d4e5c;	font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;}

#site {
	position: relative;
	height: auto;width: 990px;left: 50%;top: 0px;margin: 0;margin-left: -480px;background-color: #FFFFFF;}

#site_iphone {
	position: relative;
	height: 1020px;width: 850px;left: 50%;top: 30px;margin: 0;margin-left: -425px;background-color: #FFFFFF;}
	
#entete {
	position: relative;
	height: 120px;width: 950px;left: 50%;top: 0px;margin: 0;margin-left: -480px;background-color: #FFFFFF;}

#entete_iphone {
position: relative;
height: 360;width: 850px;left: 50%;top: 0px;margin: 0;margin-left: -425px;background-color: #FFFFFF;}

#logo {	position: relative;	left: 0px;	top: 0px;height: auto;width: auto;	float: left;}
#logo_iphone {	position: relative;	left: 120px;	top: 0px;height: auto;width: auto;	float: left;}

#compte {
	position: relative;
	left: 270px;
	top: 0px;
	width: 240px;
	height:110px;
	float: left;
	z-index: 10;
}	
#compte_iphone {
	
	position: relative;
	left: 40px;
	top: 0px;
	width: 850px;
	height:220px;
	float: left;
	z-index: 10;
}

#cic {
	position: relative;
	left: 250px;
	top: 35px;
	width: 200px;
	height:80px;
	float: left;
	z-index: 10;
}	

#tel {position: relative;z-index: 500;height: 30px;width: 950px;left: 50%;top: 5px;margin: 0;	margin-left: -480px;background-color: #FFFFFF;}

#menu {position: relative;z-index: 500;height: 40px;width: 950px;left: 50%;top: 25px;margin: 0;	margin-left: -480px;background-color: #FFFFFF;overflow:hidden}

#container {
	position: relative;
	top: 20px;
	left: 50%;
	margin-left: -480px;
	width: 950px;
	height: inherit;
	z-index: 2;
	background-color: white;
}

#container_iphone {
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	height: inherit;
	z-index: 2;
	background-color: white;
}
	#gauche{
	background-color: #FFFFFF;
	position:relative;
	top:0;
	left:0px;
	width:304px;
	z-index:3;
	float:left;
	overflow:auto;
	height:420px;
	padding: 0px 5px 0px 8px;
	background-image: url(images/leftbox.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	}
	
		
	#gauche_haut{
	background-color: #FFFFFF;
	position:relative;
	top:0;
	left:0px;
	width:314px;
	z-index:3;
	float:left;
	overflow:auto;
	height:15px;
	padding:  0px 0px 0px 3px;
	background-image: url(images/leftbox.jpg); background-repeat:no-repeat; background-position:top center
	}
	
	#gauche_bas{
	background-color: #FFFFFF;
	position:relative;
	top:0;
	left:0px;
	width:314px;
	z-index:3;
	float:left;
	overflow:auto;
	height:15px;
	padding:  0px 0px 0px 3px;
	background-image: url(images/leftbox.jpg); background-repeat:no-repeat; background-position:center bottom
	}
	
	#droite{
	background-color: #FFFFFF;
	position:relative;
	top:0;
	left:0px;
	width:566px;
	z-index:3;
	float:right;
	overflow:visible;
	height:auto;
	padding: 15px;
	min-height:460px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#modeemploi{
	background-color: #FFFFFF;
	position:relative;
	top:0;
	left:0px;
	width:314px;
	z-index:3;
	float:left;
	overflow:auto;
	height:20px;
	padding: 15px 0px 0px 0px;
	font-size: 11px;
	text-align: center;	
	}
	
	#espace{
	background-color: #FFFFFF;
	position:relative;
	height:10px;
	width:280px;
	top:0;
	left:0px;
	width:280px;
	z-index:5;
	float:left;
	overflow:hidden;} 
	
#bas {
	position: relative;
	top: 10px;
	left: 50%;
	margin-left: -480px;
	width: 950px;
	height: auto;
	z-index: 2;
	clear: right;
}
	#colonne_bas {
	position: relative;
	top: 10px;
	width: 304px;
	z-index: 4;
	float: left;
	left : 0px;
	padding-right: 5px;
	padding-left: 5px;
	height: 120px;
	background: white url('images/box2.gif') no-repeat;
}

#colonne_bas2 {
	position: relative;
	top: 10px;
	width: 400px;
	z-index: 4;
	float: left;
	left : 15px;
	padding-right: 5px;
	padding-left: 5px;
	height: 30px; 	
	overflow:visible;
	background: white url('images/box4.gif') no-repeat;	
}
#facebook {
	position: relative;
	top: 12px;
	width: 380px;
	z-index: 4;
	float: right;
	right : 90px;
	height: 30px; 
}

	#colonne_bas_large {
	position: relative;
	top: 10px;
	width: 612px;
	z-index: 4;
	float: left;
	left : 0px;
	padding-right: 0px;
	padding-left: 20px;
	height: 100px;
	border: solid #000000 1px;
	padding-top: 20px;
	font-size: 11px;
}

#pieddepage {
	position: relative;
	top: 20px;
	left: 50%;
	margin-left: -480px;
	width: 950px;
	height: auto;
	z-index: 2;
	font-size: 8px;
	clear: left;
} 

#cadre{
	background-color: #FFFFFF;
	position:relative;
	top:0;
	left:0px;
	width:auto;
	z-index:3;
	float:left;
	overflow:auto;
	height:auto;
	padding: 0px;
	background-image: url(images/cadre.gif); background-repeat:no-repeat;
	}

ul.discvide {
	margin-left:30px;
	
}
.picto{
list-style-type: none;
}


ul.MenuBarHorizontal{margin: 0;	padding: 0;	list-style-type: none;	font-size: 100%;cursor: default;}
ul.MenuBarHorizontal  li { background: transparent;
    text-align: center;
    list-style: none;
    padding: 0px 0px 7px 2px;
    float: left;
    width: 139px;
}
ul.MenuBarHorizontal a {background-image: url('images/menu-bg.gif');
    background-position: center top;
    background-color: transparent;
    background-repeat: no-repeat;
	line-height: 40px;
display: block;	color: #333333;text-decoration: none;font-weight:bold;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, li.MenuBarHorizontalOn a{background-image: url('images/menu-bg.gif');
    background-position: center bottom;
    background-color: transparent;
    background-repeat: no-repeat;
	line-height: 40px;
display: block;	color: #FFFFFF;text-decoration: none;font-weight:bold;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}

/**ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, li.MenuBarHorizontalOn a{background-color: #FFF;color: #FFFFFF;height:40px;}**/

ul.MenuBarHorizontal li.accueil, ul.MenuBarHorizontal li.accueilOn {width:60px; height:40px;padding: 0px 0px 7px 2px;}
ul.MenuBarHorizontal li.accueil  a {background-image: url('images/menu-bg.gif');
    background-position: left top;
    background-color: transparent;
    background-repeat: no-repeat;
	line-height: 40px;
display: block;	color: #333333;text-decoration: none;font-weight:bold;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}
ul.MenuBarHorizontal li.accueil  a:hover, ul.MenuBarHorizontal li.accueil  a:focus, ul.MenuBarHorizontal li.accueilOn a {background-image: url('images/menu-bg.gif');
    background-position: left bottom;
    background-color: transparent;
    background-repeat: no-repeat;
	line-height: 40px;
display: block;	color: #FFFFFF;text-decoration: none;font-weight:bold;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}

ul.MenuBarHorizontal li.contacts, ul.MenuBarHorizontal li.contactsOn {width:135px; height:40px;padding: 0px 0px 7px 2px;}
ul.MenuBarHorizontal li.contacts  a {background-image: url('images/menu-bg.gif');
    background-position: right top;
    background-color: transparent;
    background-repeat: no-repeat;
	line-height: 40px;
display: block;	color: #333333;text-decoration: none;font-weight:bold;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}
ul.MenuBarHorizontal li.contacts  a:hover, ul.MenuBarHorizontal li.contacts  a:focus, ul.MenuBarHorizontal li.contactsOn a {background-image: url('images/menu-bg.gif');
    background-position: right bottom;
    background-color: transparent;
    background-repeat: no-repeat;
	line-height: 40px;
display: block;	color: #FFFFFF;text-decoration: none;font-weight:bold;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}

ul.MenuBarHorizontal li.item1, ul.MenuBarHorizontal li.item1On  {padding: 0px 0px 7px 2px;height:40px;width: 180px;}
ul.MenuBarHorizontal li.item1  a {background-image: url('images/menu-bg.gif');
    background-position: center top;
    background-color: transparent;
    background-repeat: no-repeat;
	line-height: 40px;
display: block;	color: #333333;text-decoration: none;font-weight:bold;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}
ul.MenuBarHorizontal li.item1  a:hover, ul.MenuBarHorizontal li.item1  a:focus, ul.MenuBarHorizontal li.item1On a {background-image: url('images/menu-bg.gif');
    background-position: center bottom;
    background-color: transparent;
    background-repeat: no-repeat;
	line-height: 40px;
display: block;	color: #FFFFFF;text-decoration: none;font-weight:bold;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}


a{
	color: #000000;
	font-weight: bold;
}	 
a.footer {color: #3d4e5c; text-decoration:none;font-weight: normal;}/*bleu par defaut*/

a.telecharger{
    background: url('images/sw-2-120.png');
    font-weight: normal;
    line-height: 16px;
    display: block;
    height: 16px;
    width: 120px;
    color: white;
	text-decoration:none;
}
a.bouton{
    background: url('images/sw-2-200-1.gif');
    font-weight: normal;
	font-size: 14px;
    line-height: 30px;
    display: block;
    height: 30px;
    width: 250px;
    color: white;
	text-decoration:none;
}
img{border:none;}
img.droite{
	float: right;
	padding-right: 5px;
	padding-top: 5px;
}
img.gauche{
	float: left;
	
}
p{clear:left;} 



	input {
    background: #fff url('images/effet_fond.gif') no-repeat top left;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left !important;
    border: 1px solid silver;
    font-size: 11px;
   	width: 130px;
	height:16px;
}
input.iphone {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left !important;
    border: 1px solid black;
    font-size: 58px;
   	width: 390px;
	height:90px;
}
input.iphone_mail {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left !important;
    border: 1px solid black;
    font-size: 58px;
   	width: 750px;
	height:90px;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid silver;
    font-size: 11px;
color: #3d4e5c;
}

select {font-family: Arial, Helvetica, sans-serif;
    border: 1px solid silver;
    font-size: 11px;}

.loginb { 
border-bottom: 1px solid #DBDCDC;
position: relative;
padding: 0px 1px 0px 10px;
 height: 110px;
background: white url('images/fond_compte.gif') no-repeat  top ;
top: 8px;

}



.submit {
}

.valider {
	margin-right: 195px;
	text-align: right;
}

.form input {
	width: 195px;
}


.checkbox, radio {
}
 
.submit input{
    background: url('images/valider.png') no-repeat left top;
    text-align: center !important;
    padding: 0px !important;
    cursor: hand;
    color: white;
    border: 0px none;
    width: 80px
}  

.submit_iphone input{
    text-align: center !important;
    padding: 0px !important;
    cursor: hand;
    color: white;
    width: 300px;
	height:80px;
	font-size: 50px; 
	background:none; 
	background-color:black
}

.checkbox input{
    background: none;
	border: 0px none;
	 width: 20px
}

.radio input{
    background: none;
	border: 0px none;
	 width: 15px;
	 vertical-align:middle;
}

.marge_haut{padding-top:10px;}
.marge_haut_5{padding-top:5px;}
.marge_haut_7{padding-top:7px;}
.marge_gauche{padding-left:10px;}
.marge_droite{padding-right:10px;}
.ligne{
	line-height: 20px;
}
 
.divlarge{width:500px;}
.rouge{color:#FF0000;}
.bleu{color:#66CCFF;}
.gras14{
	font-size: 14px;
	font-weight: bold;
}
.gras18{
	font-size: 18px;
	font-weight: bold;
}
.norm11{
	font-weight: normal;
	font-size: 11px;
}
.norm12{
	font-weight: normal;
	font-size: 12px;
}

.norm13{
	font-weight: normal;
	font-size: 13px;
}
.norm14{
	font-weight: normal;
	font-size: 14px;
}
.gras58{
	font-size: 58px;
	font-weight: bold;
} 
.norm58{
	font-weight: normal;
	font-size: 58px;
}
.norm40{
	font-weight: normal;
	font-size: 40px;
}