@charset "UTF-8";

/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl { /* En raison des variations entre les navigateurs, il est conseillé d'attribuer une valeur de zéro aux marges intérieures et aux marges des listes. A des fins de cohérence, vous pouvez définir les valeurs désirées dans cette zone ou dans les éléments de liste (LI, DT, DD) qu'elle contient. N'oubliez pas que les paramètres que vous définissez ici se répercuteront sur la liste .nav, sauf si vous rédigez un sélecteur plus spécifique. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* la suppression de la marge supérieure résout un problème où les marges sortent de leur div conteneur. La marge inférieure restante l'éloignera de tout élément qui suit. */
	padding-right: 15px;
	padding-left: 15px; /* l'ajout de la marge intérieure aux côtés des éléments à l'intérieur des divs, et non aux divs proprement dit, évite le recours à des calculs de modèle de boîte. Une autre méthode consiste à employer une div imbriquée avec marge intérieure latérale. */
}
a img { /* ce sélecteur élimine la bordure bleue par défaut affichée dans certains navigateurs autour d'une image lorsque celle-ci est entourée d'un lien. */
	border: none;
}

/* ~~ La définition du style des liens de votre site doit respecter cet ordre, y compris le groupe de sélecteurs qui créent l'effet de survol. ~~ */
a:link {
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 2px;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #717070;
}
a:active, a:focus {
	text-decoration: none;
	color: #EF9323;
}
.container {
	background-color: #FFFFFF;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 10px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: white;
	background: url(logo_fond.png) no-repeat center center;
	background-attachment: fixed;
	background-size: 500px;
}
.social {
	background-color: #414141;
	width: 100%;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.social_icon {
	display: inline-block;
	width: 15%;
	text-align: center;
	transition: all 0.3s linear;
	line-height: 0px;
	padding-top: 7px;
	margin-left: 0;
	margin-right: 0;
}
.container .social .social_icon:hover {
	cursor: pointer;
	opacity: 0.3;
	transition: .5s ease;
}
.row {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline-block
}
.row.blockDisplay {
	display: block;
}
.columns {
	width: 20%;
	float: left;
	font-family: "Arial Narrow";
	color: #666666;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.row .columns p {
	padding-left: 10%;
	padding-right: 10%;
}
.container .columns h4 {
	text-align: center;
	font-size: 17px;
	color: #00aeba;
}
.title {
	font-weight: bold;
	font-style: normal;
	font-size: 40px;
	text-align: center;
	padding-bottom: 0px;
	display: inline;
	color: #FFFFFF;
	letter-spacing: 10px;
	font-family: "Arial Narrow";
	font-variant: normal;
	width: auto;
	line-height: 24px;
}
.primary_header {
	width: 100%;
	text-align: center;
	background-color: #78d2dc;
	line-height: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #78d2dc;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.logo_align {
	float: right;
	display: inline;
	width: 100%;
	margin-top: 5px;
	margin-right: 100px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 0px;
	max-height: 0px;
	height: auto;
	position: relative;
	transition: all 0.5s linear;
}
.logofedesap_align {
	float: right;
	display: inline;
	width: 100%;
	margin-top: 15px;
	margin-right: 230px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 0px;
	max-height: 0px;
	height: auto;
	position: relative;
	transition: all 0.9s linear;
}
.logocesu_align {
	float: right;
	display: inline;
	width: 100%;
	margin-top: 7px;
	margin-right: 100px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 0px;
	max-height: 0px;
	height: auto;
	position: relative;
	transition: all 0.7s linear;
}
.logonew_align {
	float: left;
	display: inline;
	width: 100%
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 40px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 0px;
	max-height: 0px;
	height: auto;
	position: relative;
}
.logosaad_align {
	float: left;
	display: inline;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 175px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 0px;
	max-height: 0px;
	height: auto;
	position: relative;
}
.logopdf_align {
	float: left;
	display: inline;
	width: 100%;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 0px;
	max-height: 0px;
	height: auto;
	position: absolute;
}
.secondary_header {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 20px;
	background-color: #B3B3B3;
}
.container .secondary_header ul {
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	width: 100%;
}
.secondary_header ul li {
	list-style: none;
	float: left;
	margin-right: auto;
	margin-top: 0px;
	font-family: "Arial Narrow";
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 2px;
	margin-left: auto;
	text-align: center;
	width: 16%;
	transition: all 0.3s linear;
}
.secondary_header ul li:hover {
	color: #717070;
	text-decoration:none;
	cursor: pointer;
}
.secondary_header ul li:active {
	color: #EF9323;
	text-decoration:none;
}
.left_article {
	width: 60%;
	float: left;
	font-family: "Arial Narrow";
	color: #343434;
	padding-bottom: 15px;
}
.right_article {
	font-family: "Arial Narrow";
	color: #343434;
	padding-bottom: 15px;
}
.left_articleindex {
	width: 34%;
	float: left;
	font-family: "Arial Narrow";
	color: #343434;
	padding-bottom: 15px;
}
.right_articleindex {
	float: left;
	font-family: "Arial Narrow";
	color: #343434;
	padding-bottom: 15px;
}
.container .right_articleindex iframe {
	display: block;
	border: none;
	width: 1000px;       /* à définir et à ajuster */
	height: 575px;
	margin: auto;
	opacity: 0.7;
	float: right;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;        /* à définir et à ajuster */
	height: 405px;
}
.container .left_articleindex h3 {
	padding-left: 5%;
	padding-right: 0%;
	margin-top: 5%;
	font-weight: bold;
	font-size: 18px;
	color: #629ffc;
	text-transform: uppercase;
}
.container .right_articleindex h3 {
	padding-left: 0%;
	padding-right: 0%;
	margin-top: 1%;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #629ffc;
	text-transform: uppercase;
}
.container .left_articleindex p {
	padding-left: 5%;
	padding-right: 0%;
	text-align: justify;
	line-height: 20px;
	margin-top: 30px;
	margin-bottom: 15px;
	color: #666666;
}
.container .right_articleindex p {
	padding-left: 0%;
	padding-right: 0%;
	text-align: justify;
	line-height: 20px;
	margin-top: 30px;
	margin-bottom: 15px;
	color: #666666;
	font-size: 18px;
	font-weight: bold;
}
.noDisplay {
	display: none;
}
.container .left_article h3 {
	padding-left: 5%;
	padding-right: 5%;
	margin-top: 5%;
	font-weight: bold;
	font-size: 18px;
	color: #629ffc;
	text-transform: uppercase;
}
.container .right_article h3 {
	padding-left: 5%;
	padding-right: 5%;
	margin-top: 1%;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #629ffc;
	text-transform: uppercase;
}
.container .left_article p {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify;
	line-height: 20px;
	margin-top: 30px;
	margin-bottom: 15px;
	color: #666666;
}
.container .left_article fieldset {
	border:0px solid;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;
	vertical-align: middle;
	background-color:#ffdfc6;
	margin-left: 5%;
	margin-right: 5%;
	padding-right: 1%;
	padding-left: 1%;
	text-align: justify;
	line-height: 15px;
	margin-top: 30px;
	margin-bottom: 0px;
	color: #666666;
}
.container .right_article p {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify;
	line-height: 20px;
	margin-top: 30px;
	margin-bottom: 15px;
	color: #666666;
	font-size: 18px;
	font-weight: bold;
}
.container .right_article ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.right_article ul li {
	font-family: "Arial Narrow";
	list-style: none;
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 10px;
	transition: all 0.3s linear;
	border-left: 5px solid #717070;
}
.right_article ul li:hover {
	background-color: #717070;
	cursor: pointer;
}
.container .column_half.left_half h2 {
	color: #FFFFFF;
	font-family: "Arial Narrow";
	text-align: center;
}
.column_title {
	padding-top: 25px;
	padding-bottom: 25px;
}
.thumbnail {
	width: 100px;
	border-radius: 200px;
	height: 100px;
	margin-left: auto;
}
.thumbnail_align {
	text-align: center;
}
.footer {	
	background-color: #717070;
	padding-top: 1px;
	padding-bottom: 1px;
}
.copyright {
	text-align: center;
	background-color: #717070;
	color: #FFFFFF;
	display: block;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 1px;
	border-top-width: 0px;
	font-family: "Arial Narrow";
	font-size: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.grilletarif {
	text-align: center;
	width: 40%;
	background-color: #717070;
	color: #FFFFFF;
	display: block;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 1px;
	border-top-width: 0px;
	font-family: "Arial Narrow";
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 8px;
}
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.placeholder {
	width: 100%;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 400px;
	max-height: 200px;
	height: auto;
}
.placeholder50 {
	width: 100%;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 250px;
	max-height: 250px;
	height: auto;
}
.placeholderindex {
	width: 100%;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 300px;
	max-height: 150px;
	height: auto;
}
.placeholdercarte {
	width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 350px;
	max-height: 350px;
	height: auto;
}
.logo50_align {
	float: right;
	display: inline;
	width: 100%;
	margin-top: 80px;
	margin-right: 110px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 0px;
	max-height: 0px;
	height: auto;
	position: absolute;
}

.logocq_align {
	float: right;
	display: inline;
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 0px;
	max-height: 0px;
	height: auto;
	position: absolute;
}

.zoom {
	width: 200px;
	height: 200px;
	float: right;
	margin-right: 200px;
}
.image {
	width: 100%;
	height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.image img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
	-webkit-transition: all 1s ease; /* Safari et Chrome */
	-moz-transition: all 1s ease; /* Firefox */
	-ms-transition: all 1s ease; /* Internet Explorer 9 */
	-o-transition: all 1s ease; /* Opera */
	transition: all 1s ease;
}
.image:hover img {
/* L'image est grossie de 300% */
	-webkit-transform:scale(3); /* Safari et Chrome */
	-moz-transform:scale(3); /* Firefox */
	-ms-transform:scale(3); /* Internet Explorer 9 */
	-o-transform:scale(3); /* Opera */
	transform:scale(3);
}


.contact {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 0px;
}
.container .contact ul {
	list-style-type: none;
	margin-top: 0%;
	margin-left: 10%;
	margin-bottom: 0px;
}
.contact ul li {
	list-style: none;
	font-family: "Arial Narrow";
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	letter-spacing: 1px;
	width: 100%;
}


.container .divshow {
	text-align: center;
	cursor: pointer;	
	width: 100%;
	height: 30px;
	background-color: #daedef;
	color: #606060;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-family: "Arial Narrow";
	font-weight: bold;
	font-size: 18px;
	padding-top: 7px;
	margin-top: 10px;
	margin-bottom: 5px;
	list-style-type: none;
	margin-left: 5%
}	
.divshow:hover {
	text-decoration: none;
	color: #ef9323;
}
.tableaides {
	font-family: "Arial Narrow";
	font-size: 16px;
	margin-left: 5%;
	border-collapse: separate;
	border-spacing: 4px;
	border: 2px solid transparent;
	color: #606060;
	width: 100%;
	table-layout: auto;
}
.tableaides th {
	text-align: center;
	border-collapse: separate;
	border:  solid transparent;
	background-color: #f1f8f9;
	vertical-align: middle;
}
.tableaides td {
	text-align: justify;
	background-color: #f8fcfc;
	vertical-align: middle;
}

.tabletarifs {
	font-family: "Arial Narrow";
	font-size: 16px;
	margin-left: 5%;
	border-collapse: separate;
	border-spacing: 4px;
	border: 2px solid transparent;
	color: #606060;
	width: 100%;
	table-layout: auto;
}
.tabletarifs th {
	text-align: center;
	border-collapse: separate;
	border: solid transparent;
	background-color: #f1f8f9;
	vertical-align: middle;
}
.col {
	text-align: justify;
	vertical-align: middle;
}
.cell {
	text-align: center;
	vertical-align: middle;
}
.tabletarifs tr:nth-child(odd)
{
   background-color: #f8fcfc; /*Donne la couleur au ligne pair*/
}
.tabletarifs tr:nth-child(even)
{
   background-color: #ffedde; /*Donne la couleur au ligne impaire*/
}

.tableag {
	font-family: "Arial Narrow";
	margin-left: 5%;
	padding-right: 80px;
	border-collapse: separate;
	border-spacing: 4px;
	border: 2px solid transparent;
	color: #606060;
	width: 100%;
	table-layout: auto;
}
.tableag th {
	text-align: center;
	font-size: 18px;
	border-collapse: separate;
	border: solid transparent;
	background-color: #f1f8f9;
	vertical-align: middle;
}

.tableag td {
	text-align: center;
	font-size: 16px;
	border-collapse: separate;
	border:  solid transparent;
	vertical-align: middle;
}


.form-style {
  margin: 0 0 0px 0;
  width: 700px;
  padding: 0px 0px 0px 5%;
  frameborder: none;
}
.form-style td {
  padding: 0;
  display: block;
  list-style: none;
  margin: 10px 0 0 0;
}
.form-style label{
  margin:0 0 0px 0;
  font-family: "Arial Narrow";
  font-size: 16px;
  font-weight: bold;
  color: #B3B3B3;
  letter-spacing: 1px;
  padding:0px;
  display:block;
}
.form-style .required{
  color:red;
}

.form-style input[type=checkbox]{
  background: #4eb5f1;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff;
}  
.form-style input[type=submit], .form-style input[type=reset]{
  background: #4eb5f1;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff;
}
.form-style input[type=submit]:hover, .form-style input[type=reset]:hover{
  background: #4eb5f1;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
.form-style .field-textarea{
  height: 200px;
}
.form-style input[type=text], .form-style input[type=email], textarea, .form-style input[type=tel]{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border:1px solid #BEBEBE;
  padding: 7px;
  margin:0px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;  
}
.form-style .long{
  width: 100%;
}
.form-style input[type=text]:focus, 
.form-style input[type=email]:focus,
.form-style textarea:focus,
.form-style input[type=tel]:focus{
  -moz-box-shadow: 0 0 8px #88D5E9;
  -webkit-box-shadow: 0 0 8px #88D5E9;
  box-shadow: 0 0 8px #88D5E9;
  border: 1px solid #88D5E9;
}
.error{
  color: #D8000C;
  background-color: #FFBABA;
}




@media (min-width: 300px) and (max-width: 767px) {
.secondary_header ul li {
	float: none;
	margin-top: 28px;
	margin-left: 0px;
	width: 100%;
}
.container .secondary_header ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
	width: 100%;
	text-align: center;
}
.secondary_header {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-bottom: 30px;
}
.footer {	
	background-color: #717070;
	padding-top: 2px;
	padding-bottom: 2px;
}
.copyright {
	margin-top: 2px;
	margin-bottom: 2px;
}
.left_article {
	width: 100%;
	height: auto;
}
.right_article {
	width: 100%;
	height: auto;
	padding-bottom: 5px;
}
.left_articleindex {
	width: 100%;
	height: auto;
	padding-bottom: 5px;
}
.right_articleindex {
	width: 100%;
	height: auto;
	padding-bottom: 5px;
}
.columns {
	width: 100%;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.columns p {
	padding-left: 14px;
	padding-right: 14px;
}
.social {
	display: none;
}
.social_icon, .logo_align, .logo50_align, .logocq_align, .logonew_align, .logocesu_align, .logofedesap_align, .logosaad_align, .placeholder, .placeholdercarte {
	display: none;
}
.placeholderindex {
	width: 100%;
	text-align: center;
	margin-top: 15px;
	max-width: 150px;
	max-height: 75px;
}
.logopdf_align {
	width: 100%;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 275px;
	padding-top: 0px;
	position: relative;
}
.container .divshow {
	text-align: center;
	cursor: pointer;	
	width: 90%;
	height: 25px;
	vertical-align: middle;
	background-color: #daedef;
	color: #606060;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Arial Narrow";
	font-weight: bold;
	font-size: 12px;
	padding-top: 7px;
	margin-top: 10px;
	margin-bottom: 5px;
	list-style-type: none;
	margin-left: 5%
}	
.divshow:hover {
	width: 90%;
	text-decoration: none;
	vertical-align: middle;
	color: #f06e0a;
}
.tableaides {
	width: 90%;
	table-layout: auto;
}
.tabletarifs {
	width: 90%;
	table-layout: auto;
}
.container .right_articleindex iframe {
	opacity: 0.7;
	margin: auto;
	width: 100%;
	height: 400px;
}
.contact {
	width: 80%;
	padding-top: 10px;
	padding-bottom: 0px;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 100%;
	height: 200px;
}

.container .contact ul {
	list-style-type: none;
	margin-top: 0%;
	margin-left: 10%;
	margin-bottom: 0px;
}
.contact ul li {
	list-style: none;
	font-size: 15px;
	letter-spacing: 1px;
	width: 80%;
}



}


@media (min-width: 768px) and (max-width: 1000px) {
.secondary_header {
	overflow: auto;
}
.secondary_header ul li {
	margin-top: 10px;
	margin-right: 7%;
	margin-bottom: 10px;
	margin-left: 7%;
	font-size: 12px;
}
.left_article {
	height: auto;
}
.right_article {
	height: auto;
	padding-bottom: 27px;
}
.placeholder {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.columns {
	width: 50%;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.container .columns p {
	padding-left: 25px;
	padding-right: 25px;
}
.logosaad_align, .logofedesap_align, .placeholdercarte, .logo50_align, .logocq_align {
	display: none;
}
.container .divshow {
	width: 100%;
	font-size: 12px;
}	
.divshow:hover {
	width: 100%;
}
.tableaides {
	width: 100%;
	table-layout: auto;
}
.tabletarifs {
	width: 100%;
	table-layout: auto;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;
	height: 405px;
}
}

@media (min-width: 768px) and (max-width: 900px) {
.secondary_header ul li {
	font-size: 10px;
}
.left_articleindex {
	width: 25%;
	height: auto;
}
.right_articleindex {
	width: auto;
	height: 100%;
}
.container .right_articleindex iframe {
	opacity: 0.7;
	max-width: 550px;
	display: block;
	border: none;
	margin: 0;
	opacity: 0.7;
	float: right;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;
	height: 405px;
}
.logosaad_align, .logofedesap_align, .placeholdercarte, .logo50_align, .logocq_align {
	display: none;
}
}

@media (min-width: 850px) and (max-width: 950px) {
.left_articleindex {
	width: 34%;
	height: auto;
}
.right_articleindex {
	width: auto;
	height: 100%;
}
.container .right_articleindex iframe {
	opacity: 0.7;
	max-width: 550px;
	display: block;
	border: none;
	margin: 0;
	opacity: 0.7;
	float: right;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;
	height: 405px;
}
.logosaad_align, .logofedesap_align, .placeholdercarte, .logo50_align, .logocq_align {
	display: none;
}
.secondary_header ul li {
	font-size: 10px;
}
}

@media (min-width: 950px) and (max-width: 1000px) {
.left_articleindex {
	width: 34%;
	height: auto;
}
.right_articleindex {
	width: auto;
	height: 100%;
}
.container .right_articleindex iframe {
	opacity: 0.7;
	max-width: 600px;
	display: block;
	border: none;
	margin: 0;
	opacity: 0.7;
	float: right;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;
	height: 405px;
}
.logosaad_align, .logofedesap_align, .placeholdercarte, .logo50_align, .logocq_align {
	display: none;
}
.secondary_header ul li {
	font-size: 14px;
}
.container .divshow {
	width: 100%;
	font-size: 12px;
}	
.divshow:hover {
	width: 100%;
}
.tableaides {
	width: 100%;
	table-layout: auto;
}
.tabletarifs {
	width: 100%;
	table-layout: auto;
}
}
@media (min-width: 1000px) and (max-width: 1100px) {
.container .right_articleindex iframe {
	opacity: 0.7;
	max-width: 650px;
	display: block;
	border: none;
	margin: 0;
	opacity: 0.7;
	float: right;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;
	height: 405px;
}
.logosaad_align, .logofedesap_align, .placeholdercarte, .logo50_align, .logocq_align {
	display: none;
}
.secondary_header ul li {
	font-size: 16px;
}
.container .divshow {
	width: 100%;
	font-size: 12px;
}	
.divshow:hover {
	width: 100%;
}
.tableaides {
	width: 100%;
	table-layout: auto;
}
.tabletarifs {
	width: 100%;
	table-layout: auto;
}
}
@media (min-width: 1100px) and (max-width: 1200px) {
.container .right_articleindex iframe {
	opacity: 0.7;
	max-width: 700px;
	display: block;
	border: none;
	margin: 0;
	opacity: 0.7;
	float: right;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;
	height: 405px;
}
.logosaad_align, .logofedesap_align, .placeholdercarte, .logo50_align, .logocq_align {
	display: none;
}
.secondary_header ul li {
	font-size: 18px;
}
.container .divshow {
	width: 100%;
	font-size: 12px;
}	
.divshow:hover {
	width: 100%;
}
.tableaides {
	width: 100%;
	table-layout: auto;
}
.tabletarifs {
	width: 100%;
	table-layout: auto;
}
}
@media (min-width: 1200px) and (max-width: 1300px) {
.container .right_articleindex iframe {
	opacity: 0.7;
	max-width: 750px;
	display: block;
	border: none;
	margin: 0;
	opacity: 0.7;
	float: right;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;
	height: 405px;
}
.container .divshow {
	width: 100%;
	font-size: 12px;
}	
.divshow:hover {
	width: 100%;
}
.tableaides {
	width: 100%;
	table-layout: auto;
}
.tabletarifs {
	width: 100%;
	table-layout: auto;
}
}
@media (min-width: 1300px) and (max-width: 1400px) {
.container .right_articleindex iframe {
	opacity: 0.7;
	max-width: 800px;
	display: block;
	border: none;
	margin: 0;
	opacity: 0.7;
	float: right;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;
	height: 405px;
}
.container .divshow {
	width: 100%;
	font-size: 14px;
}	
.divshow:hover {
	width: 100%;
}
.tableaides {
	width: 100%;
	table-layout: auto;
}
.tabletarifs {
	width: 100%;
	table-layout: auto;
}
}
@media (min-width: 1400px) and (max-width: 1475px) {
.container .right_articleindex iframe {
	opacity: 0.7;
	max-width: 850px;
	display: block;
	border: none;
	margin: 0;
	opacity: 0.7;
	float: right;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;
	height: 405px;
}
}
@media (min-width: 1475px) and (max-width: 1500px) {
.container .right_articleindex iframe {
	opacity: 0.7;
	max-width: 900px;
	display: block;
	border: none;
	margin: 0;
	opacity: 0.7;
	float: right;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;
	height: 405px;
}
}
@media (min-width: 1500px) and (max-width: 1525px) {
.container .right_articleindex iframe {
	opacity: 0.7;
	max-width: 950px;
	display: block;
	border: none;
	margin: 0;
	opacity: 0.7;
	float: right;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;
	height: 405px;
}
}
@media (min-width: 1525px) {
.container .right_articleindex iframe {
	opacity: 0.7;
	max-width: 1000px;
	display: block;
	border: none;
	margin: 0;
	opacity: 0.7;
	float: right;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;
	height: 405px;
}
}

@media (min-width: 1000px) {
.social {
	background-color: #414141;
	width: 100%;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.container .right_articlecontact iframe {
	margin: auto;
	width: 540px;
	height: 405px;
}
.social_icon {
	display: inline-block;
	width: 15%;
	text-align: center;
	transition: all 0.3s linear;
	line-height: 0px;
	padding-top: 7px;
	margin-left: 0;
	margin-right: 0;
}
.container .social .social_icon:hover {
	cursor: pointer;
	opacity: 0.3;
	transition: .5s ease;
}
.left_articleindex {
	width: 34%;
	float: left;
	font-family: "Arial Narrow";
	color: #343434;
	padding-bottom: 15px;
}
.right_articleindex {
	width: 66%;
	float: left;
	font-family: "Arial Narrow";
	color: #343434;
	padding-bottom: 15px;
}

}

#menu {
}