#document {
	width:100%;
	margin : 0;
	padding : 0;
	text-align: left;
	position: absolute; 
}

a { -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	font-weight: 400; }
			
a:link          { color: #069d06;  font-family: 'Roboto', Helvetica, Verdana, sans-serif; text-decoration: none }
a:visited         { color:#069d06;  font-family: 'Roboto', Helvetica, Verdana, sans-serif; text-decoration: none }
a:hover       { color: #069d06;  font-family: 'Roboto', Helvetica, Verdana, sans-serif; text-decoration: underline }

a.lien:link          { color: #069d06; font-size: 12px; font-family: 'Roboto', Helvetica, Verdana, sans-serif; text-decoration: none }
a.lien:visited         { color: #069d06; font-size: 12px; font-family: 'Roboto', Helvetica, Verdana, sans-serif; text-decoration: none }
a.lien:hover       { color: #069d06; font-size: 12px; font-family: 'Roboto', Helvetica, Verdana, sans-serif; text-decoration: underline;}


img { border: 0; vertical-align: middle }

input, select, textarea { color: #069d06; font-size: 18px; font-weight: 300; font-family: 'Roboto', Helvetica, Verdana, sans-serif; background-color: #585858; margin: 2px; padding: 3px; border: solid 1px #c0c0c0 }

body {
font-family: 'Roboto', Helvetica, Verdana, sans-serif;
font-size: 12px;
font-weight: 300;
margin: 0;
padding: 0;
text-align: center;
color: #444;
background-color: #fff;
}

table, tr, td { font-size: 18px }
td { padding: 4px }

#etiquettes {position: absolute; width: 100%; right: 10px; z-index: 999;}
#etiquettesRESP {position: absolute; width: 100%; top:0;left:0; z-index: 999;display:none;}	
	
/* ACCUEIL */

#accueil { position: absolute; background: rgba(255,255,255,0.85); height: 338px; width: 370px; right: 8%;padding:0 20px; z-index: 990}
#accueil .classh1 { font-family: 'Dosis', sans-serif; color: #57a14b; font-weight: 400; margin: 100px 0 0; padding: 0; }

#logo { position: absolute; z-index: 999; left: 10%; top: 60px }
#logo img { vertical-align: top }


/* CONTENU */

#centre { clear: both; width: 100%; }

#contenu {
	margin: 0 auto;
	padding: 10px 0px;
	color: #fff;
	line-height: 20px;
	font-weight: 300;
}

#contenu table, tr, td { font-size: 100%; border-spacing : 0; border-collapse : collapse; }
#contenu table { width: 100%; cellpadding: 5px; background: #e7e7e7 }
#contenu td { border-bottom: 1px dotted #fff; vertical-align: top }

#contenu h1 {
	font-family: 'Dosis', sans-serif;  
	/*color: #b9b9bd;*/ 
	font-size: 350%;
	font-weight:normal; margin: 5px 0 20px 0; line-height: 42px;	
}

#contenu h2 {
	font-family: 'Dosis', sans-serif; 
	/*color: #e8b229 ;*/ 
	font-size: 250%;
	font-weight: normal; margin: 5px 0 5px 0;
	line-height: 34px;	
}

#contenu h3 {
	font-family: 'Dosis', sans-serif; 
	/*color: #069d06; */
	font-size: 190%;
	font-weight: normal; margin: 5px 0 5px 0; line-height: 28px;
}

#contenu h4 {
	font-family: 'Satisfy', cursive; color: #444; font-size: 180%;
	font-weight: normal; margin: 5px 0 5px 0; line-height: 28px
}

#contenu p {
	color: #444; font-size: 125%;
	line-height: 22px;
	padding: 0;
	text-align: left;
	font-weight: 300;
}

#contenu li {
	color: #444; font-size: 125%;
	line-height: 22px;
	font-weight: 300;
}

#contenu p a:link        { font-weight: 300; color: #069d06; text-decoration: none; }
#contenu p a:visited     { font-weight: 300; color:  #069d06; text-decoration: underline; }
#contenu p a:hover       { font-weight: 300; text-decoration: underline; color: #444; }


/*#bas0 { clear: both; width: 100%; text-align: center; overflow: auto !important; /overflow: auto; -overflow: none; padding: 10px 0; background-color: #f9ebd3 }*/
#bas { margin : 0 auto; width: 100%; background: rgba(0,0,0,0.1); text-align: center; color: #444; font-weight: 300; font-size: 115%; padding: 10px 0; }
#bas a { color: #444; text-decoration: none; font-weight: 300 }
#bas a:visited { color: #444; text-decoration: underline; font-weight: 300  }
#bas a:hover { color: #069d06;text-decoration: underline; font-weight: 300  }
#bas p { padding: 0 }
#bas h1 { color : #444; font-size: 140%; line-height: 30px; margin:0px }
#bas h2 { color : #585858; font-size: 130%; font-weight: normal; line-height: 25px; margin:0px }
#bas h3 { color : #585858; font-size: 120%; font-weight: normal; line-height: 22px; margin:0px }

/* FORMULAIRE */

/* FORMULAIRE */
form {
	margin : 0;
	padding : 0;
	border: none;
}

legend {
	color : #ed9406;
	font-weight : normal;
	font-size : 100%;
	margin : 0 0 0 50px;
	padding : 0 10px 0 10px;
	width : auto;
}
input, textarea,select {
	font-size : 100%;
	border: 1px solid #c0c0c0;
	background-color: #fff;
	padding : 6px 10px;
	margin-left : 8px;
	color: #505050;
}

form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}

#contenu p label {
	float: left;
	width: 110px;
	margin-bottom : 8px;
	padding-top: 5px;
	text-align: right;
	color : #505050;
	font-weight : normal;
}
/* CONTACT */

#envoyer { 
	cursor: pointer;
	padding: 15px; border:none;
	background-color: #787878;
	color: #fff;
	font-family: 'Dosis', sans-serif;
	font-size: 180%;
}


/*------------------------------------------
-------------Encarts----------------------*/


.etiquettes
{
    width : 85px;
    height: 35px;
    border-radius: 0 0 3px 3px;
    background-color: #bdbdc1;
    color: #312b25;
    text-align: center;
    vertical-align: middle;
    float: right;
    margin-left : 5px;
    padding: 5px;
	z-index: 999
}

a.liensEtiquettes
{
    font-family: 'Dosis', sans-serif;
    color: black;
    display: inline;
    font-size: 14px;
    bottom: 1px;
    text-decoration: none; 
    line-height: 15px;
    padding-top: 5px;
}

a.liensEtiquettes:hover
{
	color : #fff;
}


#facebook
{
    position : absolute;
    top: 70px;
    right: 0px;
	z-index: 999;
}

#youtube
{
    position : absolute;
    top: 125px;
    right: 0px;
	z-index: 999;
}

#formulaire td{
    width: 50%;
}
div .vue
{
    display: inline-block;

}
.labelForm{
font-size: 125%;
font-Weight: normal;
color: #505050;
}
input[type=checkbox]
{

    vertical-align: 15px;
}

.posBox
{
    vertical-align: 13.5px;
    margin-left: 3px;
}