@charset "UTF-8 sans BOM";

body {
	background-color: #fff;
	font-size: 70%;
	margin: 0;
	padding: 0;
	font-style:lucida;
}
body * {
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	font-size:22px;
	font-family:Verdana, Geneva, sans-serif;
	font-variant:small-caps;
	text-align:center;
}
h2{
	font-size:18px;
	font-style:oblique;
	font-stretch:expanded;
	font-variant:small-caps;
}
h3{
	font-size:12px;
	font-variant:small-caps;
	text-align:center;
}
h4{
	font-size:12px;
	font-variant:small-caps;
	margin-top: 3px; 
    margin-bottom: 3px; 
}
h5{
	font-size:18px;
	font-style:oblique;
	font-stretch:expanded;
	font-variant:small-caps;
	margin-top: 5px; 
    margin-bottom: 5px; 
}
h6{
	font-size:14px;
	font-variant:small-caps;
	margin-top: 5px; 
    margin-bottom: 5px; 
}
p {
	margin-bottom: 1.1em;
	margin-top: 0;
}
caption
{
	text-shadow: 2px 2px 4px black;
	font-size:30px;
	font-family:Verdana, Geneva, sans-serif;

}
td.entete
{
	font-size:11px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFF;
	border-left:none;
	border-bottom:1px solid #333333;
	border-right:1px solid #333333;
	border-top:2px solid black;
}
td input[type="button"]{
	margin:0px;
	padding:0px;
	font-size:10pt;
}
.entetesite{
	color:#FFFFFF;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	display:inline-block;
	float:left;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0;
	width: 900px;
}
#agendaselect{
	padding-top:20px;
	width:100%;
	background-color:#FFC;
	border: 1px solid black;
	border-style:outset;
}
#agenda{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	width:100%;
}
#agendacontenu{
	width:2.98%;
	border-left:1px thin black;
	cursor:pointer;
	font-size:9px;
	font-stretch:condensed;
	font-family:Tahoma, Geneva, sans-serif;
	display:inline-block;
	position:relative;
	height:20px;
	float:left;
}
#agendacolgauche{
	width:4%;
	text-align:left;
	vertical-align:middle;
	border-left:1px thin black;
	margin:0;
	padding:0;
	border-left:none;
	display:inline-block;
	position:relative;
	height:20px;
	float:left;
}
#agendaentete{
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	border-left:none;
	width:3%;
	border:1px solid black;
	display:inline-block;
}
#ligneagenda{
	width:100%;
	margin:0;
	padding:0;
	height:20px;
	border:1px solid #666666;
	display:block;
}
#ligneagendaentete{
	width:100%;
	margin:0;
	padding:0;
	height:20px;
	border:1px solid #666666;
	display:block;
}
#planning{
	height:20px;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
}

#agendaentete{
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	border-left:none;
	width:2.98%;
	display:inline-block;
	margin:0;
	padding:0;
	height:20px;
}
.jour
{
	background-color:#FF0;
}
.weekend
{
	background-color:#999;
}

#
td /* Toutes les cellules des tableaux... */
{
	border:1px solid black;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}
table.zone
{
	background-color:#FFF;
	border: 1px solid black;
}
td.delimite
{
	border:none;
}
table.standard
{
	border: 1px solid black;
}
td.planningcontenu
{
	background-color:transparent;
	cursor:pointer;
	border:0px;
	font-size:9px;
	font-stretch:condensed;
	font-family:Tahoma, Geneva, sans-serif;
	display:inline-block;
}
td.tablecontenu
{
	background-color:transparent;
	cursor:pointer;
	border:0px;
	font-size:9px;
	font-stretch:condensed;
	font-family:"Times New Roman", Times, serif;
	display:inline-block;
}
td input[type="button"]{
	height:40px;
	width:100px;
	white-space:normal;
	cursor:pointer;
	padding:2px 10px;
	background:#0088a8;
	color:#FFFFFF;
	border-style:none;
	border:thin 1px #666;
}
td input[type="checkbox"]{
	width:25px;
	height:25px;
	border-style:none;
	cursor:pointer;
}
td.data
{
	font-size:11px;
	border:solid 1px #CCCCCC;
}
td.resa
{
	text-align:left;
	vertical-align:middle;
}
td.agenda
{
	font-size:9px;
	background-color:#BCBCBC;
	border-right:1px solid black;
	border-left:0px;
	border-bottom:1px solid #666666;
	border-top:0px;
	width:80px;
	height:auto;
}
.agendamini
{
	font-size:9px;
	background-color:#BCBCBC;
	border-right:1px solid black;
	border-left:0px;
	border-bottom:1px solid #666666;
	border-top:0px;
/*	width:10px;
*/	height:auto;
}
.agenda2
{
	font-size:9px;
	background-color:#E8E8E8;
	border-right:1px solid black;
	border-left:0px;
	border-bottom:1px solid #666666;
	border-top:0px;
	min-width:75px;
}
.agendamini2
{
	font-size:9px;
	background-color:#E8E8E8;
	border-right:1px solid black;
	border-left:0px;
	border-bottom:1px solid #666666;
	border-top:0px;
	min-width:10px;
}
.agendavide
{
	border-right:1px solid black;
	border-left:0px;
	border-bottom:1px solid #666666;
	border-top:0px;
}
.agendavidemini
{
	border-right:1px solid black;
	border-left:0px;
	border-bottom:1px solid #666666;
	border-top:0px;
}
.facture
{
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px dotted black;
	border-top:0px;
	height:25px;

}
.liste
{
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px dotted black;
	border-top:0px;
	height:15px;
}

.facturemodif
{
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px dotted black;
	border-top:0px;
	height:25px;
	background-color:#D5D2F9;
}
.neutre {
	background-color:#FFC;
	font-size:10px;
	border-right:1px solid black;
	border-left:0px;
	border-bottom:1px dotted black;

}
.chat {
	background-color:#6CF;
	font-size:10px;
	border-right:1px solid black;
	border-left:0px;
	border-bottom:1px solid #666666;
	border-top:0px;

}
.chien {
	background-color:#FF9;
	font-size:10px;
	border-right:1px solid black;
	border-left:0px;
	border-bottom:1px solid #666666;

}
.NAC {
	background-color:#6F6;
	font-size:10px;
	border-right:1px solid black;
	border-left:0px;
	border-bottom:1px solid #666666;

}
.chatsecours {
	background-color:#069;
	font-size:10px;


}
.chiensecours {
	background-color:#A5A005;
	font-size:10px;

}
.NACsecours {
	background-color:#CCC;
	font-size:10px;

}
.surcharge
{
	font-size:9px;
	background-color:#F00;
	border-right:1px solid black;
	border-left:0px;
	border-bottom:1px solid black;
	border-top:0px;
}
td.entetew
{
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	background-color:#999;
	border-left:none;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-top:2px solid black;
}
td.entetejour
{
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	background-color:#FF0;
	border-left:none;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-top:2px solid black;
}
td.lien
{
	cursor:pointer;
}
td.titre
{
    border: 1px solid black; /* auront une bordure de 1px */
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	height:30px;
	vertical-align: center;
	text-align:center;
	background-color:#FFC;
	min-width:700px;
	
}
td.titremob
{
    border: 1px solid black; /* auront une bordure de 1px */
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	height:30px;
	vertical-align: center;
	text-align:center;
	background-color:#FFC;
	min-width:300px;
	
}

td.titremini
{
    border: 1px solid black; /* auront une bordure de 1px */
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	height:30px;
	vertical-align: center;
	text-align:center;
	background-color:#FFC;
	min-width:350px;
}
 /* CASES DES MOIS PRECEDENTS ET SUIVANTS*/
td.cases_vides  {
	border-color:#F5F5F5;
	border-width:0px;
	border-style:solid;
	font-size:8px;
	color:#C0C0C0;
	border-color:#000000;
	border-width:1px;
    border-style:solid;

  }
 td.aujourdhui  {
	font-weight: bold;
	border-color:#000000;
	border-width:1px;
	border-style:solid;
	font-size:8px;
	background-color:#CCFFFF;
	vertical-align: top;
  } 
th /* Toutes les cellules des tableaux... */
{
    border: 1px solid black; /* auront une bordure de 1px */
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	width:90px;
	height:50px;
}
tr.regle{
	background-color:#CCC;
	font-style:italic;
	
}
.gras{
	font-weight:bold;
	color:#900;
	font-family:"Arial Black", Gadget, sans-serif;
	font-style:italic;
	font-weight:600;
}
.discret{
	color:#999;
	font-style:italic;
	font-family:"MS Serif", "New York", serif;
}
.raye{
	color:#999;
	font-family:"MS Serif", "New York", serif;
	text-decoration: line-through;
}
td.textformulaire{
	text-align:right;
	border:none;
}
#erreur{
	color:#F00;
	background-color:#FCF;
}
.lignevide{
	width:92.38%
	color:#999;
	font-style:italic;
	vertical-align:middle;
	background-color:#FFF;
	border-bottom:1px solid black;
}
#main p.lastNode {
	margin-bottom: 0;
}
a:link img, a:visited img {
	border: none;
}

#main {
	margin:0px auto;
    width:900px;

}
#entete {
	margin-left: 0px;
	margin-top: 0px;
	display: inline-block;
	float: left;
	height: 45px;
	margin-bottom: 0;
	width: 900px;
}
#gauche {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: auto;
	margin-bottom: 0;
	width: 190px;
	font-size:14px;
	background-color:#09F;
 
}
#droite {
	margin-left: 0px;
	margin-top: 0px;
	float: right;
	height: auto;
	margin-bottom: 0;
	width: 190px;
	font-size:14px;
	background-color:#09F;
	position:static;
 
}
#centre {
	display: inline;
	float: left;
	height: auto;
	width: 900px;
	background-color:#FFF7F8;
	font-size:12px;
	margin:0px auto;
}
#entourage {
	display:inline;
	float:left;
	background-image: url(fond.png);
	height:auto;
	min-height:800px;
	
	background-repeat: repeat;
}
#chat {
	background-color:#6CF;
}
#chien {
	background-color:#FF9;
}
#NAC {
	background-color:#6F6;
}
#chatsecours {
	background-color:#069;
}
#chiensecours {
	background-color:#A5A005;
}
#NACsecours {
	background-color:#CCC;
}
#occupé {
	background-color:#999;
}

#saisie{
	border:solid 1px black;
	border-radius:2px;
	text-align:left;
	box-shadow:0 0 2px;
}
#affgauche{
	
}
.affprix
{
	text-align:right;
	font-size:10px;

}
.afftotal
{
	text-align:right;
	font-size:11px;
	font-weight:bold;
}
input[type="number"]
{
	width:70px;
}
#affmilieu{
	padding-left:300px;
}

div.tableau{
	width:800px;
	background-color:#EDF3F5;
	display:block;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}



#boutonlien{
	cursor:pointer;
	padding:2px 10px;
	background:#0088a8;
	color:#FFFFFF;
	border-style:none;
	border:thin 1px #666;
	height:40px;
	width:80px;
}
#boutonlien:hover{
	background:#09A5CC;
}
#boutonsupp{
	cursor:pointer;
	background-color:#CCC;
	background-image:url(img/supprime.png);
	border:0;
	height:40px;
	font-weight:600;
	float:left;
}
#boutonactif{
	cursor:pointer;
	background-color:#CCC;
	color:#900;
	border:0;
	height:30px;
	min-width:30px;
	font-weight:600;
}
td #boutonsupp{
	cursor:pointer;
	background-color:#CCC;
	color:#900;
	border:0;
	height:30px;
	width:20px;
	font-weight:500;
	float:left;
	text-align:center;
}
#boutonsupp:hover{
	background:#EE888A;
	background-image:url(img/supprime.png);
}
.textecentre
{
	margin-left:50px;
}
.boutonplanning{
	cursor:pointer;
	font-size:9px;
}
#boutonplanningvide{
	cursor:pointer;
	border:solid 0px #666;
	border-radius:2px;
	background-color:transparent;
	height:auto;
	font-size:9px;
}
.barGraph {
	background: url(images/horizontal_grid_line_50_pixel.png) bottom left;
	border-bottom: 3px solid #333;
	font: 9px Helvetica, Geneva, sans-serif;
	height: 300px;
	margin: 1em 0;
	padding: 0;
	position: relative;
	}
	
.barGraph li {
	background: #666 url(images/bar_50_percent_highlight.png) repeat-y top right;
	border: 1px solid #555;
	border-bottom: none;
	bottom: 0; 
	color: #FFF;
	margin: 0; 
	padding: 0 0 0 0;
	position: absolute;
	list-style: none;
	text-align: center;
	width: 19px;
	color:#000;
	}
	
.barGraph li.p1{ background-color:#0CF }
.barGraph li.p2{ background-color:#FF9 }
.barGraph li.p3{ background-color:#6F9 }
.barGraph li.p4{ background-color:#CCC }
.fauxLineGraph {
	background: url(images/horizontal_line_2.png) bottom left;
	border-bottom: 3px solid #333; 
	font: 9px Helvetica, Geneva, sans-serif;
	height: 200px;
	margin: 1em 0; 
	padding: 0;
	position: relative; 
	}
.fauxLineGraph li {
	border-top: 3px solid #555; 
	border-bottom: none; 
	color: #000;
	bottom: 0; 
	list-style: none;
	margin: 0; 
	padding: 0 0 0 0;
	position: absolute; 
	text-align: center; 
	width: 39px; 
	}

.fauxLineGraph li.p1{ 
	background: url(images/blue_shadow.png) repeat-x top right;
	border-color: #4E536B; 
	}
.fauxLineGraph li.p2{ 
	background: url(images/red_shadow.png) repeat-x top right; 
	border-color: #355B31;
	}
.fauxLineGraph li.p3{ 
	background: url(images/yellow_shadow.png) repeat-x top right; 
	border-color: #88262B;
	}
	.pointGraph {
	background: url(images/horizontal_line_2.png) bottom left;
	border-bottom: 3px solid #333; 
	font: 9px Helvetica, Geneva, sans-serif;
	height: 200px;
	margin: 1em 0; 
	padding: 0;
	position: relative; 
	}
.pointGraph li {
	border-bottom: none; 
	bottom: 0; 
	color: #000;
	margin: 0; 
	padding: 15px 0 0 0;
	list-style: none;
	position: absolute; 
	text-align: center; 
	width: 39px; 
	}

.pointGraph li.p1{ background: url(images/nav_step_1.png) no-repeat top center;}
.pointGraph li.p2{ background: url(images/nav_step_4.png) no-repeat top center; }
.pointGraph li.p3{ background: url(images/nav_step_6.png) no-repeat top center; }
.verticalBarGraph {
	border-bottom: 1px solid #FFF;
	height: 200px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
.verticalBarGraph li {
	border: 1px solid #555;
	border-bottom: none;
	bottom: 0;
	list-style:none;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 39px;
	}
#inputgraph
{
	
	margin: 0;
	padding: 0;
	position: absolute;
	bottom:-30px;
}
label.formcol1
{
	display: inline-block;
	position:relative;
	height: 1.5em;
	width: 100px;
	text-align:right;
	padding-right:10px;
}
label.formcol2
{
	display: inline-block;
	position:relative;
	height: 1.5em;
	width: 80px;
	text-align:right;
	padding-right:10px;
}
label.formligne
{
	position:relative;
	height: 1.5em;
	width: 100px;
	text-align:right;
	padding-right:10px;
}
#ligne
{
	padding-top:10px;
	display:block;
	height:1.5em;
}

input.form2col
{
	display:inline-block;
	position:relative;
	height: 1.5em;
	width: 200px;
}
input.form1col
{
	display:inline-block;
	position:relative;
	height: 1.5em;
	width: 500px;
}
select.form1col
{
	display:inline-block;
	position:relative;
	height: 1.5em;
	width: 500px;
}
select.form2col
{
	display:inline-block;
	position:relative;
	height: 1.5em;
	width: 200px;
}
col1-2, col2-2{
	width:50%;
}
col1-3, col2-3, col3-3 {
	width:33%;
}
col2-2, col2-3, col3-3 {
	display:inline-block;
}

/*********************************************************************************/
/* 1000px (> 480px && < 1200px)                                                  */
/*********************************************************************************/

	@media only screen and (max-width: 1199px) and (min-width: 481px) {

		section, article {
			margin: 0 0 50px 0;
		}
		
		section:last-child, article:last-child {
			margin-bottom: 0;
		}
		
		section.left-content {
			padding-right: 15px;
		}

		section.right-content {
			padding-left: 15px;
		}

		section.middle-content {
			padding: 0 15px 0 15px;
		}

		ul.small-image-list img {
			width: 50px;
		}

		ul.big-image-list img {
			width: 75px;
		}

		.blog-post-image {
			width: 490px;
		}

		#header-wrapper {
			background-color: #007294;
			background-image: -moz-linear-gradient(top, #008dab, #007294);
			background-image: -webkit-linear-gradient(top, #008dab, #007294);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008dab), to(#007294));
			background-image: -ms-linear-gradient(top, #008dab, #007294);
			background-image: -o-linear-gradient(top, #008dab, #007294);
			background-image: linear-gradient(top, #008dab, #007294);
		}

		#header {
			position: relative;
			margin: 3.5% 0 1.5% 0;
			padding: 0 40px 0 40px;
			border-radius: 10px;
			border: solid 1px #006e8b;
			box-shadow: inset 0px 0px 0px 1px #12a0bf, 0px 1px 4px 0px rgba(0,0,0,0.10);
			background-color: #007b9d;
			background-image: -moz-linear-gradient(top, #008ead, #007b9d);
			background-image: -webkit-linear-gradient(top, #008ead, #007b9d);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008ead), to(#007b9d));
			background-image: -ms-linear-gradient(top, #008ead, #007b9d);
			background-image: -o-linear-gradient(top, #008ead, #007b9d);
			background-image: linear-gradient(top, #008ead, #007b9d);
			height: 86px;
		}

			
			#header nav {
				position: absolute;
				right: 40px;
				top: 1px;
				line-height: 84px;
				text-transform: lowercase;
				font-size: 1.1em;
				letter-spacing: -1px;
			}
			
				#header nav a {
					display: inline-block;
					text-decoration: none;
					color: #fff;
					padding: 0 20px 0 20px;
				}
				
				#header nav a.current-page-item {
					background-color: #007897;
					background-image: -moz-linear-gradient(top, #007b99, #007897);
					background-image: -webkit-linear-gradient(top, #007b99, #007897);
					background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007b99), to(#007897));
					background-image: -ms-linear-gradient(top, #007b99, #007897);
					background-image: -o-linear-gradient(top, #007b99, #007897);
					background-image: linear-gradient(top, #007b99, #007897);
					box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.1), 0px 0px 5px 1px rgba(255,255,255,0.1);
				}

				#header nav a:hover {
					background-color: #0882a1;
					background-image: -moz-linear-gradient(top, #0782a0, #077d9b);
					background-image: -webkit-linear-gradient(top, #0782a0, #077d9b);
					background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0782a0), to(#077d9b));
					background-image: -ms-linear-gradient(top, #0782a0, #077d9b);
					background-image: -o-linear-gradient(top, #0782a0, #077d9b);
					background-image: linear-gradient(top, #0782a0, #077d9b);
					box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.05), 0px 0px 5px 1px rgba(255,255,255,0.05);
				}

		#banner-wrapper {
			background: #c8d2bc url(images/bg1.png);
		}

		#banner {
			position: relative;
			width: 960px;
			height: 220px;
			margin: 2% 0 2% 0;
			box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
			border-radius: 10px;
			padding: 20px;
			background: #fff url(images/banner.jpg) no-repeat 20px 20px;
			background-size: 960px 220px;
		}
			
			#banner h2 {
				position: absolute;
				z-index: 1;
				width: 100%;
				top: 80px;
				left: 0;
				font-size: 3em;
				color: #fff;
				text-align: center;
				letter-spacing: -2px;
			}
			
			#banner span {
				display: block;
				position: absolute;
				z-index: 1;
				width: 100%;
				bottom: 85px;
				left: 0;
				font-size: 1.4em;
				color: #fff;
				text-align: center;
				letter-spacing: -1px;
				text-transform: lowercase;
				opacity: 0.8;
			}

		#main {
			background: #fff;
			padding: 3% 0 3% 0;
		}

			#main .controls {
			}

			#main .main-row {
				margin: 2% 0 2% 0;
				overflow: hidden;
			}

		#footer-wrapper {
			padding: 5% 0 5% 0;
		}

		#copyright {
			text-align: center;
			color: #A6A88F;
			border-top: solid 1px #ced0b7;
			padding: 2em 0 0 0;
			margin: 1em 0 0 0;
		}

			#copyright a {
				color: #A6A88F;
			}
	
	}
	
/*********************************************************************************/
/* Mobile (<= 480px)                                                             */
/*********************************************************************************/

	@media only screen and (max-width: 480px) {

		body {
			font-size: 15pt;
		}

		h2 {
			font-size: 1.4em;
		}

		h3 {
			font-size: 1.2em;
		}

		h4 {
			font-size: 1em;
		}

		ul.small-image-list img {
			width: 75px;
		}

		ul.big-image-list img {
			width: 75px;
		}

		ul.link-list {
			margin: 0 0 2em 0;
		}

		section, article {
			padding: 40px 20px 40px 20px;
		}

		#main section, #main article {
			background: #fff;
		}

		article.blog-post .comments {
			display: block;
			position: relative;
			top: -0.5em;
			margin: 0 0 0.5em 0;
		}

		article.blog-post h2 {
		}

		.button {
			font-size: 1em;
		}

		.blog-post-image {
			width: 100%;
		}

		#header-wrapper {
			background-color: #007294;
			background-image: -moz-linear-gradient(top, #008dab, #007294);
			background-image: -webkit-linear-gradient(top, #008dab, #007294);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008dab), to(#007294));
			background-image: -ms-linear-gradient(top, #008dab, #007294);
			background-image: -o-linear-gradient(top, #008dab, #007294);
			background-image: linear-gradient(top, #008dab, #007294);
		}

		#header {
			text-align: center;
			padding: 25px 0 25px 0;
		}

			#header h1 {
				color: #fff;
				font-size: 2.4em;
				text-align: center;
				margin: 0 0 20px 0;
			}

			#header h1 a {
				color: #fff;
				text-decoration: none;
			}

			#header nav {
				text-transform: lowercase;
				font-size: 1em;
				margin: 0 auto;
			}
			
				#header nav a {
					display: inline-block;
					text-decoration: none;
					color: #fff;
					padding: 10px 15px 10px 15px;
					margin: 3px 0 3px 0;
				}
				
				#header nav a.current-page-item {
					background-color: #007897;
					background-image: -moz-linear-gradient(top, #007b99, #007897);
					background-image: -webkit-linear-gradient(top, #007b99, #007897);
					background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007b99), to(#007897));
					background-image: -ms-linear-gradient(top, #007b99, #007897);
					background-image: -o-linear-gradient(top, #007b99, #007897);
					background-image: linear-gradient(top, #007b99, #007897);
					box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.1), 0px 0px 5px 1px rgba(255,255,255,0.1);
					border-radius: 10px;
				}

		#banner-wrapper {
			background: #c8d2bc url(images/bg1.png);
			display: none;
		}

		#banner {
			position: relative;
			width: 100%;
			height: 240px;
			background: #fff url(images/banner.jpg) no-repeat;
			background-size: 100% 100%;
		}	

		#banner {
			position: relative;
		}
			
			#banner h2 {
				position: absolute;
				z-index: 1;
				width: 100%;
				bottom: 80px;
				left: 0;
				font-size: 2em;
				color: #fff;
				text-align: center;
				letter-spacing: -2px;
			}
			
			#banner span {
				display: block;
				position: absolute;
				z-index: 1;
				width: 100%;
				top: 135px;
				left: 0;
				font-size: 1em;
				color: #fff;
				text-align: center;
				letter-spacing: -1px;
				text-transform: lowercase;
				opacity: 0.8;
			}

		#footer-wrapper section, #footer-wrapper article {
			border-bottom: solid 1px #ced0b7;
		}
			
		#copyright {
			text-align: center;
			color: #A6A88F;
			padding: 40px;
			font-size: 0.8em;
			line-height: 1.5em;
		}

			#copyright a {
				color: #A6A88F;
			}
	
	}

/******************************************************************
* LARGE VIEWING SIZE 
* This is for the larger monitors and possibly full screen viewers.
******************************************************************/
@media only screen and (min-width: 1240px) {
          section, article {
            margin: 0 0 0 0;
        }

        section:last-child, article:last-child {
            margin-bottom: 0;
        }

        section.left-content {
            padding-right: 30px;
        }

        section.right-content {
            padding-left: 30px;
        }

        section.middle-content {
            padding: 0 30px 0 30px;
        }

        ul.small-image-list img {
            width: 78px;
        }

        ul.big-image-list img {
            width: 178px;
        }

        .blog-post-image {
            width: 588px;
        }

        #header-wrapper {
            background-color: #007294;
            background-image: -moz-linear-gradient(top, #008dab, #007294);
            background-image: -webkit-linear-gradient(top, #008dab, #007294);
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008dab), to(#007294));
            background-image: -ms-linear-gradient(top, #008dab, #007294);
            background-image: -o-linear-gradient(top, #008dab, #007294);
            background-image: linear-gradient(top, #008dab, #007294);
        }

        #header {
            position: relative;
            margin: 0 0 0 0;
            padding: 0 0 0 20px;
            border-radius: 10px;
            border: solid 1px #006e8b;
            box-shadow: inset 0px 0px 0px 1px #12a0bf, 0px 1px 4px 0px rgba(0,0,0,0.10);
            background-color: #007b9d;
            background-image: -moz-linear-gradient(top, #008ead, #007b9d);
            background-image: -webkit-linear-gradient(top, #008ead, #007b9d);
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008ead), to(#007b9d));
            background-image: -ms-linear-gradient(top, #008ead, #007b9d);
            background-image: -o-linear-gradient(top, #008ead, #007b9d);
            background-image: linear-gradient(top, #008ead, #007b9d);
            height: 66px;
        }

            #header h1 {
                position: absolute;
                left: 10px;
                top: 0;
                color: #fff;
                font-size: 2.4em;
                letter-spacing: -2px;
                line-height: 66px;
            }

            #header h1 a {
                color: #fff;
                text-decoration: none;
            }

            #header nav {
                position: absolute;
                right: 40px;
                top: 1px;
                line-height: 60px;
                font-size: 1.3em;
            }

                #header nav a {
                    display: inline-block;
                    text-decoration: none;
                    color: #fff;
                    padding: 0 25px 0 25px;
                }

                #header nav a.current-page-item {
                    background-color: #007897;
                    background-image: -moz-linear-gradient(top, #007b99, #007897);
                    background-image: -webkit-linear-gradient(top, #007b99, #007897);
                    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007b99), to(#007897));
                    background-image: -ms-linear-gradient(top, #007b99, #007897);
                    background-image: -o-linear-gradient(top, #007b99, #007897);
                    background-image: linear-gradient(top, #007b99, #007897);
                    box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.1), 0px 0px 5px 1px rgba(255,255,255,0.1);
                }

                #header nav a:hover {
                    background-color: #0882a1;
                    background-image: -moz-linear-gradient(top, #0782a0, #077d9b);
                    background-image: -webkit-linear-gradient(top, #0782a0, #077d9b);
                    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0782a0), to(#077d9b));
                    background-image: -ms-linear-gradient(top, #0782a0, #077d9b);
                    background-image: -o-linear-gradient(top, #0782a0, #077d9b);
                    background-image: linear-gradient(top, #0782a0, #077d9b);
                    box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.05), 0px 0px 5px 1px rgba(255,255,255,0.05);
                }
				#header nav ul{
					display:inline-block; 
					position:relative;
				}
				#header nav li{
					display:inline-block; 
					position:relative;
				}

/*        #banner-wrapper {
            background: #c8d2bc url(images/bg1.png);
        }
*/
        #banner {
            position: relative;
            width: 1160px;
            height: 265px;
            margin: 0 0 0 0;
            box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
            border-radius: 10px;
            padding: 20px;
            background: #fff url(images/banner.jpg) no-repeat 20px 20px;
            background-size: 1160px 265px;
        }

            #banner h2 {
                position: absolute;
                z-index: 1;
                width: 100%;
                top: 100px;
                left: 0;
                font-size: 3.3em;
                color: #fff;
                text-align: center;
                letter-spacing: -2px;
            }

            #banner span {
                display: block;
                position: absolute;
                z-index: 1;
                width: 100%;
                bottom: 105px;
                left: 0;
                font-size: 1.6em;
                color: #fff;
                text-align: center;
                letter-spacing: -1px;
                text-transform: lowercase;
                opacity: 0.8;
            }

        #main {
            background: #fff;
            padding: 0 0 0 0;
        }

            #main .controls {
            }

            #main .main-row {
                margin: 2% 0 2% 0;
                overflow: hidden;
            }

        #footer-wrapper {
            padding: 3% 0 3% 0;
        }

}

/******************************************************************
* RETINA (2x RESOLUTION DEVICES)
* This applies to the retina iPhone (4s) and iPad (2,3) along with 
* other displays with a 2x resolution. You can also create a media
* query for retina AND a certain size if you want. Go Nuts.
******************************************************************/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {
  

}

/*  common : nav
/* ------------------------------------ */
.nav-container { background: #888; z-index: 99; position: relative; }
.nav-toggle { display: none; background: #777; cursor: pointer; float: right; height: 50px; width: 60px; color: #fff; text-align: center; }
.nav-toggle i { font-size: 29px; padding: 10px 0; }
.nav-text { display: none; float: right; font-size: 16px; line-height: 24px; padding: 13px 20px; }
.nav li > a:after,
.nav > li > a:after { font-family: FontAwesome; display: inline-block; }

@media only screen and (min-width: 720px) {

  .nav-wrap { height: auto!important; }
  /* common */
  .nav { font-size: 0; position: relative; }
  .nav li a { color: #ccc; display: block; line-height: 20px; }
  /* dropdown arrows */
  .nav li > a:after { content: "\f0da"; float: right; opacity: 0.5; }
  .nav > li > a:after {content: "\f0d7"; float: none; margin-left: 6px; font-size: 14px; line-height: 1.2em; }
  .nav li > a:only-child:after {content: ""; margin: 0; }
  #footer .nav li > a:after { content: "\f0da"; }
  #footer .nav > li > a:after { content: "\f0d8"; }
  #footer .nav li > a:only-child:after { content: ""; }
  /* level 1 */
  .nav > li { font-size: 16px; border-right: 1px solid #999; display: inline-block; position: relative; }
  .nav > li > a { padding: 15px 14px; }
  .nav > li > a:hover,
  .nav > li:hover > a { background: #777; }
  .nav li > a:hover,
  .nav li:hover > a,
  .nav li.current_page_item > a,
  .nav li.current-menu-item > a,
  .nav li.current-menu-ancestor > a,
  .nav li.current-post-parent > a { color: #fff; }
  /* level 2 & 3 */
  .nav li:hover > ul { display: block; }
  .nav ul { display: none; background: #777; position: absolute; left: 0; top: 50px; width: 180px; padding: 10px 0; z-index: 2; -webkit-transform: translateZ(0);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
  box-shadow: 0 2px 2px rgba(0,0,0,0.15); }
  .nav ul li { font-size: 14px; position: relative; display: block; padding: 0; }
  .nav ul li a { padding: 10px 20px; }
  .nav ul li:last-child { border-bottom: 0!important; }
  /* level 3 */
  .nav ul ul { position: absolute; top: -10px; left: 180px; }

}
@media only screen and (max-width: 719px) {

  .nav { font-weight: 600; }
  .nav-container { text-transform: none; }
  .nav-toggle,
  .nav-text { display: block; }
  .nav-wrap { position: relative; float: left; width: 100%; height: 0; overflow: hidden; }
  .nav-wrap.transition {
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease; }
  .expand .nav-wrap { height: auto; }
  /* iphone fix */
  .safari .nav-wrap.transition { -webkit-transition: none; transition: none; }
  /* common */
  .nav { float: left; width: 100%; }
  .nav li a { line-height: 20px; display: block; padding: 8px 20px; }
  .nav li li a { padding-left: 15px; padding-right: 15px; }
  /* dropdown arrows */
  .nav li > a:after { content: '\f0d7'; opacity: 0.5; margin-left: 6px; }
  .nav > li > a:after { content: '\f0d7'; font-size: 14px; }
  .nav li > a:only-child:after { content: ''; }
  /* level 1 */
  .nav > li { font-size: 15px; }
  .nav li > a:hover,
  .nav li.current_page_item > a,
  .nav li.current-menu-item > a,
  .nav li.current-post-parent > a { color: #fff; }
  /* level 2 & 3 */
  .nav ul { display: block!important; margin-left: 40px; }
  .nav ul li { font-size: 13px; font-weight: 300; }
  .nav ul li a { padding-top: 6px; padding-bottom: 6px; }

}
/* ==========================================================================
   Formulaires
   ========================================================================== */

.formulaire-clear:before {
	content: " ";
	display: table;
}

.formulaire-clear:after {
	clear: both;
	content: " ";
	display: table;
}


/* Resets
----------------------------------------------------------------------------- */

div.formulaire-container-full,
div.formulaire-container-full .formulaire-form * {
	background:#FFFFCC;
	border:0 none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	float:none;
	font-size:100%;
	height:auto;
	letter-spacing:normal;
	list-style:none;
	outline:none;
	position:static;
	text-decoration:none;
	text-indent:0;
	text-shadow:none;
	text-transform:none;
	width:auto;
	visibility:visible;
	overflow:visible;
	margin:0;
	padding:0;
	padding-left:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

div.formulaire-container-full .formulaire-form input,
div.formulaire-container-full .formulaire-form label,
div.formulaire-container-full .formulaire-form select,
div.formulaire-container-full .formulaire-form button,
div.formulaire-container-full .formulaire-form textarea {
	margin:0;
	border:0;
	padding:0;
	display: inline-block;
	vertical-align: middle;
	background: none;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.formulaire-container-full .formulaire-form textarea {
	width: 100%;
}

div.formulaire-container-full .formulaire-form ul,
div.formulaire-container-full .formulaire-form ul li {
	background: none !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

div.formulaire-container-full .formulaire-form ul li {
	margin-bottom: 5px !important;
}

div.formulaire-container-full .formulaire-form ul li:last-of-type {
	margin-bottom: 0 !important;
}


/* Basic Field proprties
----------------------------------------------------------------------------- */

/* Field sizes - medium */
div.formulaire-container-full .formulaire-form input.formulaire-field-medium,
div.formulaire-container-full .formulaire-form select.formulaire-field-medium,
div.formulaire-container-full .formulaire-form .formulaire-field-row.formulaire-field-medium {
	max-width: 60%;
}

div.formulaire-container-full .formulaire-form textarea.formulaire-field-medium {
	height: 120px;
}

/* Field sizes - small */
div.formulaire-container-full .formulaire-form input.formulaire-field-small,
div.formulaire-container-full .formulaire-form select.formulaire-field-small,
div.formulaire-container-full .formulaire-form.formulaire-field-row.formulaire-field-small {
	max-width: 25%;
}

div.formulaire-container-full .formulaire-form textarea.formulaire-field-small {
	height: 70px;
}

/* Field sizes - large */
div.formulaire-container-full .formulaire-form input.formulaire-field-large,
div.formulaire-container-full .formulaire-form select.formulaire-field-large,
div.formulaire-container-full .formulaire-form .formulaire-field-row.formulaire-field-large {
	max-width: 100%;
}

div.formulaire-container-full .formulaire-form textarea.formulaire-field-large {
	height: 220px;
}

/* Field container */
div.formulaire-container-full .formulaire-form  .formulaire-field {
	padding: 10px 0;
	clear: both;
}

/* Field Description */
div.formulaire-container-full .formulaire-form  .formulaire-field-description {
	font-size: 13px;
	line-height: 1.3;
	margin: 8px 0 0 0;
}

div.formulaire-container-full .formulaire-form  .formulaire-field-description-before {
	margin: 0 0 8px 0;
}

/* Labels and sub-labels */
div.formulaire-container-full .formulaire-form .formulaire-field-label {
	display: block;
	font-weight: 700;
	font-size: 16px;
	float: none;
	line-height: 1.3;
	margin: 0 0 4px 0;
	padding: 0;
}

div.formulaire-container-full .formulaire-form .formulaire-field-sublabel {
	display: block;
	font-size: 13px;
	float: none;
	font-weight: 400;
	line-height: 1.3;
	margin: 4px 0 0;
	padding: 0;
}

div.formulaire-container-full .formulaire-form .formulaire-field-sublabel.before {
	margin: 0 0 4px 0;
}

div.formulaire-container-full .formulaire-form .formulaire-field-label-inline {
	display: inline;
	vertical-align: baseline;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
}

div.formulaire-container-full .formulaire-form .formulaire-field-label.formulaire-label-hide,
div.formulaire-container-full .formulaire-form .formulaire-field-sublabel.formulaire-sublabel-hide {
	position: absolute;
	left: -99999px;
}

div.formulaire-container-full .formulaire-form .formulaire-required-label {
	color: #ff0000;
	font-weight: 400;
}


/* Rows (multi-line fields: address, credit card, etc)
----------------------------------------------------------------------------- */

div.formulaire-container-full .formulaire-form .formulaire-field-row {
	margin-bottom: 8px;
	position: relative;
}

div.formulaire-container-full .formulaire-form .formulaire-field .formulaire-field-row:last-of-type {
	margin-bottom: 0;
}

/* Clear each row */
div.formulaire-container-full .formulaire-form .formulaire-field-row:before {
	content: " ";
	display: table;
}

div.formulaire-container-full .formulaire-form .formulaire-field-row:after {
	clear: both;
	content: " ";
	display: table;
}


/* Columns
----------------------------------------------------------------------------- */

/* User column classes  */
div.formulaire-container-full .formulaire-form .formulaire-five-sixths,
div.formulaire-container-full .formulaire-form .formulaire-four-sixths,
div.formulaire-container-full .formulaire-form .formulaire-four-fifths,
div.formulaire-container-full .formulaire-form .formulaire-one-fifth,
div.formulaire-container-full .formulaire-form .formulaire-one-fourth,
div.formulaire-container-full .formulaire-form .formulaire-one-half,
div.formulaire-container-full .formulaire-form .formulaire-one-sixth,
div.formulaire-container-full .formulaire-form .formulaire-one-third,
div.formulaire-container-full .formulaire-form .formulaire-three-fourths,
div.formulaire-container-full .formulaire-form .formulaire-three-fifths,
div.formulaire-container-full .formulaire-form .formulaire-three-sixths,
div.formulaire-container-full .formulaire-form .formulaire-two-fourths,
div.formulaire-container-full .formulaire-form .formulaire-two-fifths,
div.formulaire-container-full .formulaire-form .formulaire-two-sixths,
div.formulaire-container-full .formulaire-form .formulaire-two-thirds {
	float: left;
	margin-left: 4%;
	clear: none;
}

div.formulaire-container-full .formulaire-form .formulaire-one-half,
div.formulaire-container-full .formulaire-form .formulaire-three-sixths,
div.formulaire-container-full .formulaire-form .formulaire-two-fourths {
	width: 48%;
}

div.formulaire-container-full .formulaire-form .formulaire-one-third,
div.formulaire-container-full .formulaire-form .formulaire-two-sixths {
	width: 30.6666666667%;
}

div.formulaire-container-full .formulaire-form .formulaire-four-sixths,
div.formulaire-container-full .formulaire-form .formulaire-two-thirds {
	width: 65.3333333333%;
}

div.formulaire-container-full .formulaire-form .formulaire-one-fourth {
	width: 22%;
}

div.formulaire-container-full .formulaire-form .formulaire-three-fourths {
	width: 74%;
}

div.formulaire-container-full .formulaire-form .formulaire-one-fifth {
	width: 16.8%;
}

div.formulaire-container-full .formulaire-form .formulaire-two-fifths {
	width: 37.6%;
}

div.formulaire-container-full .formulaire-form .formulaire-three-fifths {
	width: 58.4%;
}

div.formulaire-container-full .formulaire-form .formulaire-four-fifths {
	width: 79.2%;
}

div.formulaire-container-full .formulaire-form .formulaire-one-sixth {
	width: 13.3333333333%;

}

div.formulaire-container-full .formulaire-form .formulaire-five-sixths {
	width: 82.6666666667%;
}

div.formulaire-container-full .formulaire-form .formulaire-first {
	clear: both !important;
	margin-left: 0 !important;
}

/* User list column classes  */
div.formulaire-container-full .formulaire-form .formulaire-checkbox-2-columns ul,
div.formulaire-container-full .formulaire-form .formulaire-multiplechoice-2-columns ul,
div.formulaire-container-full .formulaire-form .formulaire-list-2-columns ul,
div.formulaire-container-full .formulaire-form .formulaire-checkbox-3-columns ul,
div.formulaire-container-full .formulaire-form .formulaire-multiplechoice-3-columns ul,
div.formulaire-container-full .formulaire-form .formulaire-list-3-columns ul {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

div.formulaire-container-full .formulaire-form .formulaire-checkbox-2-columns ul li,
div.formulaire-container-full .formulaire-form .formulaire-multiplechoice-2-columns ul li,
div.formulaire-container-full .formulaire-form .formulaire-list-2-columns ul li {
	width: 50%;
	display: block;
	padding-right: 26px !important;
}

div.formulaire-container-full .formulaire-form .formulaire-checkbox-3-columns ul li,
div.formulaire-container-full .formulaire-form .formulaire-multiplechoice-3-columns ul li,
div.formulaire-container-full .formulaire-form .formulaire-list-3-columns ul li {
	width: 33.3333%;
	display: block;
	padding-right: 26px !important;
}

/* Legacy, for BC */
div.formulaire-container-full .formulaire-form .formulaire-field.formulaire-first-half {
	float: left;
	width: 48%;
	clear: both;
}
div.formulaire-container-full .formulaire-form .formulaire-field.formulaire-last-half {
	float: right;
	width: 48%;
	clear: none;
}
div.formulaire-container-full .formulaire-form .formulaire-field.formulaire-first-third {
	float: left;
	width: 30.666666667%;
	clear: both;
}
div.formulaire-container-full .formulaire-form .formulaire-field.formulaire-middle-third  {
	float: left;
	width: 30.666666667%;
	margin-left: 4%;
	clear: none;
}
div.formulaire-container-full .formulaire-form .formulaire-field.formulaire-last-third {
	float: right;
	width: 30.666666667%;
	clear: none;
}
div.formulaire-container-full .formulaire-form div.formulaire-last {
	float: right !important;
	margin-right: 0 !important;
	clear: none;
}


/* Preset Layouts
----------------------------------------------------------------------------- */

/* Single line */
div.formulaire-container-full.inline-fields {
	overflow: hidden;
}

div.formulaire-container-full.inline-fields .formulaire-form .formulaire-field-container  {
	display: table;
	width: calc(100% - 160px);
	float: left;
}

div.formulaire-container-full.inline-fields .formulaire-form .formulaire-field  {
	display: table-cell;
	padding-right: 2%;
}

div.formulaire-container-full.inline-fields .formulaire-form .formulaire-submit-container {
	float: right;
	width: 160px;
	clear: none;
}

div.formulaire-container-full.inline-fields .formulaire-form .formulaire-submit {
	display: block;
	width: 100%;
}

div.formulaire-container-full.inline-fields .formulaire-form input.formulaire-field-medium,
div.formulaire-container-full.inline-fields .formulaire-form select.formulaire-field-medium,
div.formulaire-container-full.inline-fields .formulaire-form .formulaire-field-row.formulaire-field-medium {
	max-width: 100%;
}


/* Set Styles
----------------------------------------------------------------------------- */

div.formulaire-container-full .formulaire-form input[type=date],
div.formulaire-container-full .formulaire-form input[type=datetime],
div.formulaire-container-full .formulaire-form input[type=datetime-local],
div.formulaire-container-full .formulaire-form input[type=email],
div.formulaire-container-full .formulaire-form input[type=month],
div.formulaire-container-full .formulaire-form input[type=number],
div.formulaire-container-full .formulaire-form input[type=password],
div.formulaire-container-full .formulaire-form input[type=range],
div.formulaire-container-full .formulaire-form input[type=search],
div.formulaire-container-full .formulaire-form input[type=tel],
div.formulaire-container-full .formulaire-form input[type=text],
div.formulaire-container-full .formulaire-form input[type=time],
div.formulaire-container-full .formulaire-form input[type=url],
div.formulaire-container-full .formulaire-form input[type=week],
div.formulaire-container-full .formulaire-form select,
div.formulaire-container-full .formulaire-form textarea {
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 2px;
	color: #333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display: block;
	float: none;
	font-size: 16px;
	border: 1px solid #ccc;
	padding: 6px 10px;
	height: 38px;
	width: 100%;
	line-height: 1.3;
}

div.formulaire-container-full .formulaire-form input[type=checkbox],
div.formulaire-container-full .formulaire-form input[type=radio] {
	border: 1px solid #ccc;
	background-color: #fff;
	width: 14px;
	height: 14px;
	margin: 0px 10px 0 3px;
	display: inline-block;
	vertical-align: baseline;
}

div.formulaire-container-full .formulaire-form input[type=radio] {
	border-radius: 50%;
}

div.formulaire-container-full .formulaire-form select {
	max-width: 100%;
	text-transform: none;
	white-space: nowrap;
}

div.formulaire-container-full .formulaire-form input[type=submit],
div.formulaire-container-full .formulaire-form button[type=submit],
div.formulaire-container-full .formulaire-form .formulaire-page-button {
	background-color: #eee;
	border: 1px solid #ddd;
	color: #333;
	font-size: 1em;
	padding: 10px 15px;
}

div.formulaire-container-full .formulaire-form .formulaire-page-button {
	font-size: 0.9em;
	font-weight: 400;
	margin: 0 5px;
	min-width: 90px;
	text-align: center;
}

div.formulaire-container-full .formulaire-form input[type=submit]:hover,
div.formulaire-container-full .formulaire-form input[type=submit]:active,
div.formulaire-container-full .formulaire-form button[type=submit]:hover,
div.formulaire-container-full .formulaire-form button[type=submit]:active,
div.formulaire-container-full .formulaire-form .formulaire-page-button:hover,
div.formulaire-container-full .formulaire-form .formulaire-page-button:active {
	background-color: #ddd;
	border: 1px solid #ccc;
	cursor: pointer;
}

div.formulaire-container-full .formulaire-form input:focus,
div.formulaire-container-full .formulaire-form textarea:focus,
div.formulaire-container-full .formulaire-form select:focus {
	border: 1px solid #999;
}


/* Errors, Warnings, etc
----------------------------------------------------------------------------- */

div.formulaire-container-full .formulaire-form .formulaire-error-container {
	color: #990000;
}

div.formulaire-container-full .formulaire-form label.formulaire-error {
	display: block;
	color: #990000;
	font-size: 12px;
	float: none;
}

div.formulaire-container-full .formulaire-form .formulaire-field input.formulaire-error,
div.formulaire-container-full .formulaire-form .formulaire-field textarea.formulaire-error,
div.formulaire-container-full .formulaire-form .formulaire-field select.formulaire-error   {
	border: 1px solid #cc0000;
}

div.formulaire-container-full .formulaire-form .formulaire-field-credit-card-expiration label.formulaire-error,
div.formulaire-container-full .formulaire-form .formulaire-field-credit-card-code label.formulaire-error {
	display: none !important;
}

div.formulaire-container-full .formulaire-form .formulaire-error-alert {
	color: #b94a48;
	background-color: #f2dede;
	border: 1px solid #eed3d7;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	padding: 10px 15px;
	font-size: 13px;
	margin: 0 0 10px 0;
}


/* Confirmation
----------------------------------------------------------------------------- */

.formulaire-confirmation-container-full {
	color: #333;
	margin: 0 0 24px 0;
	background: #e0ffc7;
	border: 1px solid #b4d39b;
	padding: 15px 15px;
}

.formulaire-confirmation-container-full p:last-of-type {
	margin: 0;
}


/* reCAPTCHA Area
----------------------------------------------------------------------------- */

div.formulaire-container-full .formulaire-form .formulaire-recaptcha-container {
	padding: 10px 0 20px 0;
	clear: both;
}

div.formulaire-container-full .formulaire-form .formulaire-recaptcha-container iframe {
	width: 100%;
}


/* Form Header area
----------------------------------------------------------------------------- */

div.formulaire-container-full .formulaire-form .formulaire-title {
	font-size: 26px;
	margin: 0 0 10px 0;
}

div.formulaire-container-full .formulaire-form .formulaire-description {
	margin: 0 0 10px 0;
}


/* Form Footer area
----------------------------------------------------------------------------- */

div.formulaire-container-full .formulaire-form .formulaire-submit-container {
	padding: 10px 0 0 0;
	clear: both;
	position: relative;
}

div.formulaire-container-full .formulaire-form button[type=submit] {
}

div.formulaire-container-full .formulaire-form .formulaire-pagebreak-center {
	text-align: center;
}

div.formulaire-container-full .formulaire-form .formulaire-pagebreak-left {
	text-align: left;
}

div.formulaire-container-full .formulaire-form .formulaire-pagebreak-left .formulaire-page-button {
	margin: 0 10px 0 0;
}

div.formulaire-container-full .formulaire-form .formulaire-pagebreak-right {
	text-align: right;
}

div.formulaire-container-full .formulaire-form .formulaire-pagebreak-right .formulaire-page-button {
	margin: 0 0 0 10px 0;
}

div.formulaire-container-full .formulaire-form .formulaire-pagebreak-split .formulaire-page-prev {
	float: left;
	margin: 0;
}

div.formulaire-container-full .formulaire-form .formulaire-pagebreak-split .formulaire-page-next {
	float: right;
	margin: 0;
}


/* Credit Card field
----------------------------------------------------------------------------- */

div.formulaire-container-full .formulaire-form .formulaire-field-credit-card-number {
	margin-right: 100px;
}

div.formulaire-container-full .formulaire-form .formulaire-field-credit-card-code {
	position: absolute;
	right: 0;
	top: 0;
	width: 90px;
}

div.formulaire-container-full .formulaire-form .formulaire-field-credit-card-name {
	margin-right: 170px;
}

div.formulaire-container-full .formulaire-form .formulaire-field-credit-card-expiration {
	position: absolute;
	right: 0;
	top: 0;
	width: 160px;
}

div.formulaire-container-full .formulaire-form .formulaire-field-credit-card-expiration select {
	width: 45%;
	float: left;
	display: block;
}

div.formulaire-container-full .formulaire-form .formulaire-field-credit-card-expiration span {
	float: left;
	width: 10%;
	text-align: center;
	line-height: 38px;
}


/* Date/time field
----------------------------------------------------------------------------- */

div.formulaire-container-full .formulaire-field-date-time-date-sep {
	display:inline-block;
	padding:0 5px;
}

div.formulaire-container-full .formulaire-form .formulaire-field-date-time-date-year,
div.formulaire-container-full .formulaire-form .formulaire-field-date-time-date-day,
div.formulaire-container-full .formulaire-form .formulaire-field-date-time-date-month {
	display:inline-block;
	width:auto;
}


/* Custom Captcha field
----------------------------------------------------------------------------- */

div.formulaire-container-full .formulaire-form .formulaire-captcha-math input {
	display: inline-block;
	width: 70px;
	vertical-align: inherit;
	margin: 0 0 0 5px;
}

div.formulaire-container-full .formulaire-form .formulaire-captcha-equation {
	font-size: 16px;
}

div.formulaire-container-full .formulaire-form .formulaire-captcha-question {
	margin: 0 0 4px 0;
}

/* Page Indicator themes
----------------------------------------------------------------------------- */

div.formulaire-container-full .formulaire-form .formulaire-page-indicator {
	margin: 0 0 20px 0;
	overflow: hidden;
}

/** Circles theme **/
div.formulaire-container-full .formulaire-form .formulaire-page-indicator.circles {
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	padding: 15px 10px;
}

div.formulaire-container-full .formulaire-form .formulaire-page-indicator.circles .formulaire-page-indicator-page {
	float: left;
	margin: 0 20px 0 0;
}

div.formulaire-container-full .formulaire-form .formulaire-page-indicator.circles .formulaire-page-indicator-page:last-of-type {
	margin: 0;
}

div.formulaire-container-full .formulaire-form .formulaire-page-indicator.circles .formulaire-page-indicator-page-number {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: inline-block;
	margin: 0 10px 0 0;
	line-height: 40px;
	text-align: center;
	background-color: #ddd;
	color: #666;
}

div.formulaire-container-full .formulaire-form .formulaire-page-indicator.circles .active .formulaire-page-indicator-page-number {
	color: #fff;
}

/* Connector theme */
div.formulaire-container-full .formulaire-form .formulaire-page-indicator.connector .formulaire-page-indicator-page {
	float: left;
	text-align: center;
	font-style: 16px;
	line-height: 1.2;
}

div.formulaire-container-full .formulaire-form .formulaire-page-indicator.connector .formulaire-page-indicator-page-number {
	display: block;
	text-indent: -9999px;
	height: 6px;
	background-color: #ddd;
	margin: 0 0 16px 0;
	position: relative;
}

div.formulaire-container-full .formulaire-form .formulaire-page-indicator.connector .formulaire-page-indicator-page-triangle {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #00FF00 transparent transparent transparent;
}

div.formulaire-container-full .formulaire-form .formulaire-page-indicator.connector .formulaire-page-indicator-page-title {
	display: inline-block;
	padding: 0 15px;
	font-size: 16px;
}

/* Progress theme */
div.formulaire-container-full .formulaire-form .formulaire-page-indicator.progress {
	font-size: 18px;
}

div.formulaire-container-full .formulaire-form .formulaire-page-indicator.progress .formulaire-page-indicator-page-progress-wrap {
	display: block;
	width: 100%;
	background-color: #ddd;
	height: 18px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	margin: 5px 0 0;
}

div.formulaire-container-full .formulaire-form .formulaire-page-indicator.progress .formulaire-page-indicator-page-progress {
	height: 18px;
	position: absolute;
	left: 0;
	top: 0;
}


/* Misc
----------------------------------------------------------------------------- */

div.formulaire-container-full {
	margin-bottom: 24px;
}

div.formulaire-container-full .formulaire-form h3 {
	font-size: 24px;
}

/* Honeypot Area */
div.formulaire-container-full .formulaire-form .formulaire-field-hp {
	display: none !important;
	position: absolute !important;
	left: -9000px !important;
}

div.formulaire-container-full .formulaire-form .formulaire-field-hidden {
	display: none;
}


/* Media Queries
----------------------------------------------------------------------------- */

/* Small devices */
@media only screen and (max-width: 600px) {

	/* Mobile width override */
	div.formulaire-container-full .formulaire-form .formulaire-mobile-full {
		width: 100%;
		margin-left: 0;
		float: none;
	}

	/* Full width for all sizes */
	div.formulaire-container-full .formulaire-form input.formulaire-field-medium,
	div.formulaire-container-full .formulaire-form select.formulaire-field-medium,
	div.formulaire-container-full .formulaire-form .formulaire-field-row.formulaire-field-medium,
	div.formulaire-container-full .formulaire-form input.formulaire-field-small,
	div.formulaire-container-full .formulaire-form select.formulaire-field-small,
	div.formulaire-container-full .formulaire-form.formulaire-field-row.formulaire-field-small,
	div.formulaire-container-full .formulaire-form input.formulaire-field-large,
	div.formulaire-container-full .formulaire-form select.formulaire-field-large,
	div.formulaire-container-full .formulaire-form .formulaire-field-row.formulaire-field-large {
		max-width: 100%;
	}

	/* User list column classes  */
	div.formulaire-container-full .formulaire-form .formulaire-checkbox-2-columns ul li,
	div.formulaire-container-full .formulaire-form .formulaire-multiplechoice-2-columns ul li,
	div.formulaire-container-full .formulaire-form .formulaire-list-2-columns ul li,
	div.formulaire-container-full .formulaire-form .formulaire-checkbox-3-columns ul li,
	div.formulaire-container-full .formulaire-form .formulaire-multiplechoice-3-columns ul li,
	div.formulaire-container-full .formulaire-form .formulaire-list-3-columns ul li {
		float: none;
		width: 100%
	}

	/* Page indicator */
	div.formulaire-container-full .formulaire-form .formulaire-page-indicator.circles .formulaire-page-indicator-page {
		float: none;
		display: block;
		margin: 0 0 10px 0;
	}
	div.formulaire-container-full .formulaire-form .formulaire-page-indicator.circles .formulaire-page-indicator-page-number {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	div.formulaire-container-full .formulaire-form .formulaire-page-indicator.connector .formulaire-page-indicator-page {
		width: 100% !important;
		padding: 5px 10px;
	}
	div.formulaire-container-full .formulaire-form .formulaire-page-indicator.connector .formulaire-page-indicator-page.active {
		font-weight: 700;
	}
	div.formulaire-container-full .formulaire-form .formulaire-page-indicator.connector .formulaire-page-indicator-page-number {
		display: none;
	}

	/* Preset layout - single line */
	div.formulaire-container-full.inline-fields .formulaire-form .formulaire-field-container,
	div.formulaire-container-full.inline-fields .formulaire-form .formulaire-field {
		display: block;
		width: 100%;
	}
	div.formulaire-container-full.inline-fields .formulaire-form .formulaire-submit-container {
		width: 100%;
	}
}	
	/* FORMULAIRES */
	div.formulaire-entier{
		width:860px;
		max-width:880px;
		background-color:#EDF3F5;
		padding:10px;
		margin-top:10px;
		display:inline-block;
		font-family:Verdana, Geneva, sans-serif;
		padding-left:30px;
		box-shadow:1px 1px #888888;
	}
	div.form-bloc{
		width:400px;
		max-width:600px;
		background-color:#EDF3F5;
		padding:10px;
		margin-top:10px;
		display:inline-block;
		font-family:Verdana, Geneva, sans-serif;
		padding-left:30px;
		box-shadow:1px 1px #888888;
	}

	.form-simple input[type="checkbox"], .form-g2 input[type="checkbox"], .form-d2 input[type="checkbox"]{
		text-align:right;
		width:20px;
		height:20px;
		border-style:none;
		cursor:pointer;
		vertical-align:middle;
	}
	.dateg{
		font-size:large;
		height:40px;
	}
	.formulaire-tableau{
		width:880px;
		max-width:920px;
		background-color:#EDF3F5;
		padding:10px;
		margin-top:20px;
		display:inline-block;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		box-shadow:1px 1px #888888;
	}
	
	.form-titre{
		font-family:Verdana, Geneva, sans-serif;
		padding-bottom:20px;
		font-size:24px;
		display:block;
		position:relative;
	}
	.form-double, .form-simple, .formsimple{
		display:block;
		position:relative;
		width:650px;
		margin-bottom:10px;
	}
	.form-g2, .form-d2 {
		position:relative;
		display:inline-block;
		width:50%;
	}
	.form-g2{
		float:left;
	}
	.form-label, .form-label-droite{
		float:left;
		text-align:right;
		font-family:Verdana, Geneva, sans-serif;
		padding-right:10px;
	}
	.long{
		width:200px;
	}
	.long2{
		width:475px;
	}
	.long400{
		width:400px;
	}
	.court2{
		width:180px;
	}
	.court{
		width:90px;
	}
	.form-label-droite{
		width:60px;
	}
	.form-champ-tab{
		height:20px;
	}
	.ligne1{
		white-space:nowrap;
	}
	.form-champ, .form-champd{
		height:20px;
		margin-left:15px;
		font-size:9pt;
	}
	.form-liste{
		height:120px;
		margin-left:15px;
	}
	select.form-champ, select.form-champ-demi{
		height:27px;
	}
	formulaire-entier input[type="button"]{
		margin-left:15px;
		
	}
	button.form, input[type="button"]{
		background:#0088a8;
		color:#FFFFFF;
		border-style:none;
		height:40px;
	}
	.form-button{
		margin-left:15px;
		padding-bottom:20px;
		display:block;
		position:relative;
		padding-top:10px;
	}
	.supp{
		background-color:#CCC;
		background-image:url(img/supprime.png);
		color:#900;
		height:40px;
		font-weight:600;
		border-style:none;
		height:40px;
	}
	.form-button>button:hover{
		background:#09A5CC;
	}
	/* Petit affichage */
@media only screen and (max-width: 600px) {
	div.formulaire-entier{
		max-width:400px;
		padding:0px;
	}
	.form-label, .form-label-droite{
		height:20px;
		display:block;
		text-align:left;
		width:80%;
		max-width:390px;
		float:none;
		position:relative;
	}
	.form-g2, .form-d2 {
		position:relative;
		display:block;
		float:none;
		max-width:390px;
		width:80%;
	}
	.form-champ{
		height:20px;
		display:block;
		max-width:390px;
		float:none;
		position:relative;
		margin-left:0;
	}
	.form-liste{
		height:40px;
		margin-left:0;
		max-width:390px;
		width:80%;
		display:block;
		position:relative;
		float:none;
	}
	court, court2, long, long2{
		max-width:390px;
		width:100%;
	}
	button.form{
		max-width:390px;
		width:80%;
		display:block;
		position:relative;
		float:none;
	}
	.form-button{
		padding-left:0px;
	}
	.long{
		max-width:390px;
		width:80%;
		padding-right:0px;
	}
	.long2{
		max-width:390px;
		width:80%;
	}
	.long400{
		max-width:390px;
		width:80%;
	}
	
}


//////////////////////////////////////////////////////////:
*{margin:0;padding:0;text-decoration:none}
.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#FFF;float:left;width:15%}
.logo a{color:#FFF;}
nav{position:relative;width:900px;margin:0 auto;z-index:1;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:Verdana, Geneva, sans-serif;background:#0882a1}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#FFF;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#006699!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#0882a1;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#0882a1;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#0882a1;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#0882a1;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#0882a1;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#0882a1;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#0882a1!important;}
#cssmenu ul ul li:hover{background:#0882a1!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#0882a1;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#0882a1}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#0882a1;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#0882a1;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}