* {
margin: 0;
padding: 0;
}


#coin {
border: 0 none;
position: absolute;
top: 0;
right: 0;
}

body {
font-size: 62.5%;
color: #222;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.6em;
margin :0 auto;
width:1185px;
background: url(images/bg-body.jpg) repeat;
padding: 20px 0 0 0;
}

h1 {
font: bold 100px Arial, Verdana;
padding: 0 0 0 50px;
background: url(images/bg-h1.png) no-repeat right center;
width: 780px;
margin:0 0 -10px 0;
}

h2 {
padding: 30px 0 0 60px;
color: inherit;
font-size: 24px;
color: #cc6633;
}

/***** menu *****/
.tabnav {
margin: 0;
padding:135px 0 54px 480px;
list-style-type: none;
}

.tabnav li {
padding: 0 ;
display: inline;
font: bold 50px Arial,Verdana;
color: #fff;

}
	
.tabnav li a {
text-decoration: none;
color: #fff;
font-weight: bold;
padding: 4px 6px;

}
	
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
background: none;
color: #fabf5d;
text-decoration: none;
}

.tabnav li#menuqui {
padding: 0 0 0 2px;
}

.tabnav li#menuquoi {
padding: 0 0 0 90px;
}

.tabnav li#menuou {
padding: 0 0 0 90px;
}

/******** contenu *********/
.gras { /**** texte en gras  ****/
font:bold 16px Arial, Verdana;
}

#qui{
color: #41291c;
padding: 0 0 15px 0;
}

#qui ul {
margin: 0;
padding: 0;
list-style-type: none;
padding: 20px 0 0 40px;
}

#qui li {
display: inline;
padding: 0 10px 0 0;
}

#qui li img {
border: 4px solid #af7e48;
}

#qui p {
padding: 20px 60px 0 60px;

}

#quoi{
color: #e36929;
padding: 0 0 15px 0;
}

#quoi ul{
padding: 0 0 0 40px;
margin: 0;
list-style-type: none;
width: 830px;
}

#quoi li{
display: inline;
padding:0 10px 0 0;
}

#quoi li img {
border: 4px solid #ffcc66;
margin: 0 0 20px 0;
}

#quoi p {
font-size: 14px;
color: #cc6633;
}

#ou{
color: #009ee0;
padding: 0 0 15px 0;
}

#ou p {
padding: 0 0 20px 60px;
margin: 0;
}

#tabvanilla {
width: 1185px;
height: auto;
background: url(images/bg-header.png) no-repeat top center;
}

.widget {
width: 914px;
margin: 0;
padding: 0;
float:right; 
margin-bottom: 5px;
}

.widget a {
color: #222;
text-decoration: none;
}
	
.widget a:hover {
color: #009;
text-decoration: underline;
}

.tabdiv {
background: url(images/bg-contenu.png) repeat-y top center;
width: 914px;
float: right;
margin: 0;
}
	
.tabdiv li {
list-style-image: url("star.png");
margin-left: 20px;
}

.tabdiv p{
padding:10px 60px 10px 60px;
font: normal 18px Arial, Verdana;
text-align: justify;
}

.ui-tabs-hide {
display: none;
}

#featuredvid {
text-align: center;
}
		
.fvid {
margin-bottom: 5px;
}

.invisible-vignette {
margin: 0;
padding: 0;
list-style-type: none;
height: 1px;
max-height: 1px;
}

.invisible-vignette li {
display: inline;
padding:0;
margin: 0;
height: 1px;
max-height: 1px;
}

.invisible-vignette li a{
text-decoration: none;
}



/***** formulaire *****/


#contact_form { 
height:350px; 
padding:0;
margin-left: 60px;
margin-bottom: 40px;
position:relative; 
float: left;
clear: right;
}

#contact_form p {
padding: 0;
margin: 0;
}

#contact_form p a {
color: #009ee0;
text-decoration: underline;
}

#contact_form p a:hover {
text-decoration: none;
}

form fieldset {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:1.2em;
margin:0px 0px 20px 0px; 
position:relative;
border:0;
display:block; 
padding: 0px 0 8px 0; 
}

form fieldset legend{ 
color:#3D7169;
font-weight:bold;
font-variant:small-caps;
font-size:140%;
padding:4px 8px;
margin:0px 0px 10px 0px;
position:relative;
top: -12px; 
background:white; 
}

label{
font-size:100%; 
display:block; 
float:left; 
text-align:left;
margin: 0; 
color:#009ee0; 
font-weight:bold;
padding:8px 0px; 
}

label.error{ 
font-weight:normal;
color:#e36929;
text-align:left;
width:140px; 
padding:0 0 0 25px;
 }
 
input.text-input{ 
margin:0;
padding:2px 0;
color:#000; /*couleur de l'ecriture dans les cases*/
border:1px solid #009ee0;
}

textarea{ 
margin:180px 4px 4px 110px;
padding:2px 0;
color:#000; /*couleur de l'ecriture dans les cases*/
border:1px solid #009ee0;
height: 120px;
width: 210px;
}


label#name_label	{ position:absolute; top:0; left:0;}
input#name			{ position:absolute; top:0; left:110px;}
label#name_error	{ position:absolute; top:22px; left:120px; }

label#email_label	{position:absolute; top:45px; left:0px; }
input#email         { position:absolute; top:45px; left:110px; }
label#email_error   { position:absolute; top:67px; left:120px; }

label#phone_label   { position:absolute; top:90px; left:0px; }
input#phone         { position:absolute; top:90px; left:110px; }
label#phone_error   { position:absolute; top:112px; left:120px; }

label#web_label     { position:absolute; top:135px; left:0px; }
input#web           { position:absolute; top:135px; left:110px; }

label#votremessage_label { position:absolute; top:180px; left:0px; }
textearea#votremessage       { position:absolute; top:180px; left:110px;}

input.button{
position:absolute;
top:295px; 
left:115px; 
padding:3px 6px;
border:2px solid #009ee0;
margin:20px 0px 0px 0px; 
color:#000; 
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#009ee0; 

}

input.button:hover{ 
background:#009ee0 none repeat scroll 0% 0%; 
color:white; 
}

#message{      /***** message de validation d'envoi ******/
width:300px;
margin:100px 0 0 50px;
}

#message h2	{
font-size:200%;
color:#009ee0; 
padding: 0;
}

#message p{ 
color:#009ee0;
font-weight:normal;
font-size: 16px;
margin:6px 0px; 
padding: 0;
}

#checkmark{ 
position:relative;
top:-50px;
left:-60px; 
}

#googlemap{
float: right;
border: 5px solid #009ee0;
margin: 0px 50px 20px 0;
}

#bleu {
width: 766px;
margin: 0 0 0 80px;
padding:0 0 20px 0;
color: #009ee0;
}

#small {
margin-left: 80px;
padding: 0 5px 4px 0;
font-size: 12px;
}

	
/***** footer *******/

#footer {
background: url(images/bg-footer.png) right top no-repeat;
height: auto;
width: 914px;
float: right;
margin:0;
padding:0 0 30px 0;
}

#footer p {
padding: 22px 0 0 15px;
margin: 0;
font:normal 13px Arial, Verdana;
color: #009ee0;
}

#footer .italique {
font:italic 13px Arial, Verdana;
}

#footer .gras {
font:bold 14px Arial, Verdana;
}


/********* Page IE6 ***********/


#contenu-ie6 {
margin: 0 auto;
width: 800px;
text-align: justify;
font: 14px Arial, 'Sans Serif';
line-height: 18px;
}

#contenu-ie6 h2 {
margin: 0 auto;
width: 800px;
font-size: 17px;
font-weight: bold;
padding: 50px 0;
text-align: center;
}

#important {
border: 1px solid #000;
background-color: #ffffcc;
padding: 20px;
}

#navigateur {
list-style-type: none;
padding: 0 0 0 90px;
}

	#navigateur li {
	line-height: 18px;
	width: 450px;
	line-height: 25px;
	}
	
	#firefox, #safari, #opera, #ie7 {
	padding: 0 0 0 110px;
	}
	
		#firefox {
		background: url(../images/firefox.jpg) no-repeat left top;
		}

		#safari {
		background: url(../images/safari.jpg) no-repeat left top;
		}
		
		#opera {
		background: url(../images/opera.jpg) no-repeat left top;
		}
		
		#ie7 {
		background: url(../images/ie7.jpg) no-repeat left top;
		}

.titre {
font-weight: bold;
color: #555;
padding: 20px 0 10px 110px;
font-size: 16px;
}

.adresse {
padding: 0 0 20px 110px;
}

#footer-ie6 {
border: 1px solid #000;
background-color: #ffffcc;
padding: 20px;
margin-top: 40px;
}

#last {
text-align: center;
font-weight: bold;
}

#italic {
font-style: italic;
}

.gras {
font-weight: bold;
}