/*
REMISE A ZERO DES BALISES
*/

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6, hr {margin:0;padding:0;-webkit-text-size-adjust:none;}
ul, li, ol, dl, dd, dt {list-style:none;padding:0;margin:0;}
a {text-decoration:none;}

/*
CONTENU DU SITE MOBILE.
*/

body {background-color:#f3f2f2;font-family: verdana, sans-serif;
font-size: 13px;}

#global {width:320px;margin:0 auto;border:#4a0a0b 1px solid;}

#header{width:320px; height:190px; background:url(images/Mobile/MobileHeader.jpg) no-repeat;}

/*navigation du haut */

ul#barreNav {width:228px;height:210px;margin:0 auto 5px;}
ul#barreNav li {text-align:left;height: 42px;margin: 0 0 10px 0;}
ul#barreNav li a {
	text-decoration: none;
	display: block;
	line-height:42px;
	height:42px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight:bold;
	padding:0 15px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-box-shadow: 0 3px 3px 0 #bcbcbc;
	-webkit-box-shadow: 0 3px 3px 0 #bcbcbc;
	text-shadow: 0 -1px 1px #565656;
	cursor: pointer;
	background:  url(images/Mobile/bg.png) 0 0 repeat-x #868686;
}
ul#barreNav li a:hover {color: #FFF;background-color:#b82447;}
ul#barreNav li a:active {color: #FFF;background-color:#af4d02;}


#contactmob
{
text-align:center;}

.separator{ border:none; width:100%; height:27px; background:url(images/Mobile/separator.png);}

.content {width:280px;height:490px;margin:0px 20px;}
.content h1 {padding:15px 0 0 0;color:#4a0a0b;font-size:16px;
text-align:center;}
.content h2 {
	color: #666;
	font-size:11px;
	line-height:18px;
	margin:10px 0 12px 0;
	word-spacing:4px;}
	
.content h3 {color:#868686;font-size:14px;font-weight:bold;margin:20px 0;}
.listes {font-size:10px;text-align:center;color:#333;margin-top:5px;}

/*navigation du haut */

ul.downNav {margin:0 auto;}

ul.downNav  li {width:48px; float:left;padding:20px 10px 0 0;}

ul.downNav li a {
	text-decoration: none;
	display: block;	
	height:48px; width:48px;
	font-size:11px;
	color:#862038;
	padding:38px 0 0 0;
	text-align:center;
	outline:none;
}

ul.downNav li a.retour{background:url(images/Mobile/boutonsUpNav.png) top right no-repeat;line-height:30px;outline:none;}
ul.downNav li a.suivant{background:url(images/Mobile/boutonsDownNav.png) top left no-repeat;line-height:30px;outline:none;}




/*fomulaire*/
.formulaire {margin : 20px 0 0 0;width:280px;}

input,textarea  {
border:none;
background: #ffffff;
width:280px; /*350-padding*/
height:36px;
padding:0px 6px 0 6px;
margin:0 0 10px 0;
color:#686464;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
border:solid 1px #d0c9c9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 2px 2px 6px  #edebeb; 
-webkit-box-shadow: 0 2px 2px 6px #edebeb; 
box-shadow: 0 2px 2px 6px #edebeb;
}

textarea {
height: 60px;
padding:5px ;
}

fieldset {
border:0 none;
}

legend {
display:none;
}

.submit {
width:93px; height:31px;
margin: 5px 0 0 186px;
padding:0;
}