/*------------------------------------------------------------------------
CH1 polices embarquées  
------------------------------------------------------------------------*/


@import url(http://fonts.googleapis.com/css?family=Crimson Text);



/*------------------------------------------------------------------------
CH2 STYLES GENERIQUES 
------------------------------------------------------------------------*/
body {
	font-family: 'Crimson Text', Helvetica, sans-serif;
	font-weight:400;
	background:#cac4bf;
	color:#58585a;
	position:relative;
}
body.home .homein{
		background: url(/theme/fr/images/bg_accueil.jpg) no-repeat center top ;  
	margin:0; padding:0; width:1000px; min-height:727px; margin:50px auto 0

	}
body.home .homein section h1{ color:#fff; width:400px; padding-top:320px; font-size:22px; font-weight:normal; padding-left:100px

	}
	body.home .homein section h2{ color:#8a0040; width:400px; padding-top:30px; font-size:22px; font-weight:normal; padding-left:100px; font-family: 'Merienda One', 'Crimson Text', Helvetica, sans-serif; text-align:center; font-weight:bold;

	}
body.home .homein section p{ color:#8a0040; width:400px; padding-top:100px;   font-weight:normal; padding-left:100px; text-align:center; font-size:1.1em; letter-spacing:1px

	}
body.home .homein section p a{ color:#8a0040; text-decoration:none; text-transform:uppercase; font-weight:bold

	}
body.home .homein section p a:hover, body.home .homein section p a:focus{ color:#d7a33c;  

	}

h1, h2, h3, h4, h5, h6 {
	color:#d45748;
	font-family: 'Crimson Text', Helvetica, sans-serif;
	font-weight:normal;
	line-height:120%;
	margin:12px 0
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#d45748;
}
h1 {
	font-size:20px;
	font-weight:bold;
}
h2 {
	font-size:16px;
	font-weight:bold;
}
h3 {
	font-size:14px;
	font-weight:bold;
}
h4 {
	font-weight:bold;
	font-size:13px
}
h5 {
	font-size:12px;
	font-weight:bold;
	color:#333
}
h6 {
	font-weight:bold;
	font-size:11px;
	color:#333
}
strong {
	font-weight:bold
}
em {
	font-style:italic
}
a {
	color:#3c230e;
	text-decoration:underline;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}
a:hover, a:focus {
	color:#3c230e;
	text-decoration:none
}
input.textfield {
	border: solid 1px #ebebeb;
	padding:6px 4px;
	background:#dcd8d5;
	margin-bottom:2px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin-bottom:5px
}
textarea {
	border: solid 1px #ebebeb;
	padding:6px 4px;
	background:#dcd8d5;
	margin-bottom:2px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin-bottom:5px
}
input.textfield:focus, input.textfield:hover, textarea:focus, textarea:hover {
	border: solid 1px #e9633b;
}
input.submit, input[type=submit] {
	cursor:pointer;
	border:none;
	text-align:center;
	color:#fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: none;
	background:#3c230e;
	padding-left:  10px;
	padding-right:  10px;
	margin-right:2px;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}
input.submit:hover, input.submit:focus, input[type=submit]:hover, input[type=submit]:focus {
	background:#333 none;
}
fieldset {
	border:solid 1px #3c230e
}
fieldset legend {
	color:#333;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#form {
	font-size:0.9em
}
#form label {
	vertical-align: middle;
	padding-top: 5px;
	margin-top: 2px; font-weight:bold
}
/*------------------------------------------------------------------------
CH3 STRUCTURE - BEGIN
------------------------------------------------------------------------*/
.topper {
	width:750px;
	overflow:hidden;
	margin:0 auto
}
.left {
	width:150px;
	float:left;  margin-top:507px
}
.right .col_right_50_50 {
	width:450px;
	float:right;
	font-weight:bold;
	text-align:center
}
section article em { color:#998675; font-style:normal}
.right .col_left_50_50 {
	width:225px;
	float:left;
	font-weight:bold
}
.right .col_left_50_50 img {
	max-width:190px;
}
.right {
	width:750px;
	background:#f5f0ea;
	overflow:visible
}
footer {
	overflow:hidden;
	margin:30px auto 0;
	clear:both;
	padding:5px ;
	background:#f1ddae;color:#333
	
}
footer a { color:#333
	
}
#slider {
	margin: 0 0 10px!important;
	overflow:hidden;
	width:auto
}
#carousel li {
	margin-right: 5px;
}
#carousel img {
	display: block;
	opacity: .5;
	cursor: pointer;
}
#carousel img:hover {
	opacity: 1;
}
#carousel .flex-active-slide img {
	opacity: 1;
	cursor: default;
}
.slider {
	position:relative; height:438px
}
.right h1.logo {
	
	width:200px;
	height:50px;
	position:absolute;
	top:50px;
	left:0px;
	z-index:50
}
section ul.liactu{ text-align:left; line-height:150%; font-size:.9em}
section ul.liactu li { padding:5px 0; border-bottom:solid 1px #fff }
section ul.liactu li span { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; display:inline-block; padding:0 4px; background:#fff }
.actus h1{ margin-top:28px; text-align:left}
.right .lang{ width: 67px;
position: absolute;
top: 10px;
right: 0;
z-index: 50;
text-align: center;
font-size: 0.8em;
text-decoration: none;
padding: 7px; background:#fff}
.right .lang a{ text-decoration:none}
.right .lang a:hover, .right .lang a:focus{ text-decoration: underline; color:#d5b145}
.right h1.logo a {
	display:block
}
.contenu {
	font-size:0.9em
}

ul.download{ margin-bottom:30px}
ul.download li{ text-align:center; margin-bottom:8px}
ul.download li a{ padding:5px; background:#8a0040; color:#fff; font-weight:bold; text-align:center; text-decoration:none; width:230px; display:block; margin:0 auto}
ul.download li a:hover, ul.download li a:focus{   background:#333; }

/* Loading
***********************/
.loading aside {
	opacity: 0;
}
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0 0 60px;
	zoom: 1;
	position:relative
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	zoom: 1;
}
.carousel li {
	margin-right: 5px
}
/* Direction Nav */
.flex-direction-nav {
*height: 0;
	position:relative;
	margin-top:-50px;
	margin-bottom:50px
}
.flex-direction-nav a {
	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	display: block;
	background: url(/theme/fr/images/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 500;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: -36px;
}
.flex-direction-nav .flex-prev {
	left: -36px;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	right: 5px;
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	left: 5px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: .3!important;
	filter:alpha(opacity=30);
	cursor: default;
}
/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 40px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0,0,0,0.9);
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}
.menu_v_deroul {
	width:auto;
	margin-bottom:15px; margin-left:10px
}
.inner {
	padding:7px 30px;
	
}
.menu_v_deroul li { width:164px; padding:0; margin:0
}
.menu_v_deroul a {
	color:#b12111;
	padding:3px 6px;
	border-right: solid 1px #b12111;
	font-size:15px;
	font-weight:normal; text-transform:uppercase; text-align:center;  min-height:26px;  margin-right:0; vertical-align:middle 
}



.menu_v_deroul li li a { min-height:inherit
}
 

.menu_v_deroul li.link_4 a {
	border-right: solid 0px #3c230e;
}
.menu_v_deroul li a.actif, .menu_v_deroul li li a.actif, .menu_v_deroul li li li a.actif, .menu_v_deroul li:hover > a, 
ul ul :hover > a, .menu_v_deroul li:hover > a, .menu_v_deroul ul ul :hover > a {
	color:#000;
	background:none
}
.menu_v li a {
	margin-bottom:2px;
	background:#3c230e;
	text-align:left;
	text-decoration:none;
	color:#ebebeb;
	font-weight:bold;
	display:block;
	padding:6px; font-size:0.9em
}
.menu_v li a:hover, .menu_v li a:focus, .menu_v li a.actif {
	background:#ebebeb;
	text-align:left;
	text-decoration:none;
	color:#3c230e;
}
.menu_v li ul {
	margin-bottom:0px;
	background:#fff;
	text-align:left;
}
.menu_v li li a {
	margin-bottom:2px;
	background:#3c230e;
	text-align:left;
	text-decoration:none;
	color:#ebebeb;
	font-weight:bold;
	display:block;
	padding:3px 3px 3px 17px;
	font-size:11px;
	line-height:110%;
	font-weight:normal
}
.right .post_simple {
	padding-top:30px; 
}
footer .post_simple {
	font-size:12px;
	font-weight:bold
}
.col_left_35_65 {
	width:150px;
	text-align:center;
	line-height:90%
}
footer .col_right_35_65 {
	text-align:center;
	padding:10px; width:auto; float:none
}
footer ul.menu_h {
	background:none;
	padding:0;
	margin:0;
	border:none;
	color:#fff;
	font-size:11px;
}
footer .col_left_35_65{ display:none}
.addthis_floating_style {
	background:none!important;
	position:relative!important;
	top:0!important;
	margin:20px 0 0px 41px!important;
	left:inherit!important;
}
.left .post_simple{font-size: 11px;
font-weight: bold;
line-height: 121%;}
footer ul.menu_h a {
	color:#58585a;
	text-decoration:none
}
footer ul.menu_h a:hover, footer ul.menu_h a:focus {
	color:#000;
	text-decoration: underline
}
.menu_v_deroul ul ul {
	top:26px;
	font-size:10px;
	background:#b12111;
	padding:0px;
	margin:0;
	left:-1px; width:166px
}
 

.menu_v_deroul ul ul li {
	width:166px;
	padding:0;
	margin:0
}
.menu_v_deroul ul ul a {
	border:none;
	color:#fff;
	padding:8px 0;
	border-bottom: solid 1px #fff;
	width:auto;
	font-weight:normal;
	line-height:110%;
	margin:0; width:135px
}
.menu_v_deroul ul ul a:hover, .menu_v_deroul ul ul a:focus, .menu_v_deroul ul ul a.actif {
	background:white;
	color:#3c230e;
}
section h1 {
	font-family:  'Crimson Text', Helvetica, sans-serif;
	font-size:30px;
	color: #b12111;
	background:none;
	margin:0 0 10px;
	padding:0; text-align:center; 
}
section h1 a{
 	color:#b12111;
 }
section h2, section h3, section h4, section h5, section h6 {
	padding:0;
	color:#b12111;
}
.flexslider .slides li span {
	position:absolute;
	width:710px;
	z-index:50;
	bottom:0px;
	padding:20px;
	display:block;
	background:url(/theme/fr/images/fdspan.png);
	color:#fff;
	text-align:center;
	font-weight:bold
}
.slider.nonav .flex-control-nav {
	display:none!important
}
.slider.nonav .flex-direction-nav {
	margin-top:-25px
}
.list-3 {
}
.list-3 li {
	background:url(/theme/fr/images/border-list3.png) repeat-x 0 12px;
	overflow:hidden;
	line-height:18px;
	margin-bottom:2px;
	font-weight:bold
}
.list-3 li strong, .list-3 li span {
	display:inline-block;
	float:left;
	background:#ebebeb;
	font-weight:bold;
	font-size:12px
}
.list-3 li span {
	float:right;
	text-align:right;
	padding-left:2px;
}
.list-3 li strong {
	padding-right:2px
}
.gallery {
	width:auto;
	overflow:hidden;
	margin-left:60px
}
.gallery figure {
	display:block;
	width:120px;
	text-align:left;
	float:left;
	margin-bottom:30px
}
.gallery figure a img {
	-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);
	background:none;
	display:block;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}
.gallery figure a img:hover, .gallery figure a img:focus {
	-webkit-box-shadow:0px 0px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:   0px 0px 0px rgba(50, 50, 50, 0.75);
	box-shadow:        0px 0px 0px rgba(50, 50, 50, 0.75);
}
section article {
	padding:0; font-size:1.2em
}
h1.logo.cache {
	display:none;
}
.right .post_simple img{ max-width:100%}

/*=================================================================================*/
@media only screen and (max-width: 770px) {
	body.home .homein{
		background: url(/theme/fr/images/bg_accueil_760.jpg) no-repeat center top ;  
	  width:760px; min-height: 553px

	}
body.home .homein section h1{ color:#fff; width:400px; padding-top:220px; font-size:22px; font-weight:normal; padding-left:50px

	}
	body.home .homein section h2{  width:400px; padding-top:220px; font-size:22px; font-weight:bold; padding-left:50px

	}
body.home .homein section p{ color:#8a0040; width:400px; padding-top:100px;   font-weight:normal; padding-left:50px; text-align:center; font-size:1.1em; letter-spacing:1px

	}

	
.left {
	display:none
}
.right .col_right_50_50 {
	width:100%;
	float:none;
	font-weight:bold;
	text-align:center
}
.right .col_left_50_50 {
	width:100%;
	float:none;
	font-weight:bold
}
.right .col_left_50_50 img {
	max-width:300px;
}
.right {
	float:none;
}
.col_left_35_65 {
	width:auto;
	float:none
}
.col_right_35_65 {
	width: 100%;
	text-align: center;
	padding: 18px 0px;
	min-width: inherit;
	float:none
}
.right h1.logo {
	display:none
}
.menu_v_deroul li {
	width:auto;
	float:none
}
.menu_v_deroul li a {
	border:none;
	margin-bottom:3px;
	margin-right:0
}
.menu_v_deroul ul ul {
	width:96%;	padding:1%;
	left:0; top:26px
}
.menu_v_deroul ul ul li {
	width:98%; 
}
.menu_v_deroul ul ul li a{
	width:100%; 
}
.menu_v_deroul li a:hover, .menu_v_deroul li a:focus, .menu_v_deroul li a.actif {
}
.right .col_left_50_50 img {
	max-width:100%
}
.col_left_35_65{ display:none}
.col_right_35_65, .right .post_simple{ padding-top:0}
.block.actus{ display:none}
.menu_v_deroul a{ min-height:inherit}
.inner{ padding: 0 5px}
h1.logo.cache {
	display:block;
	text-align:center;
	width: auto;
	height: inherit;
	position: relative;
	top: inherit;
	left: inherit;
	z-index: 999;
}
footer, .topper, .right {
	width:100%;
}
.flexslider .slides li span {
	width:100%;
	padding:20px 0
}
	.slider{ height:inherit}

}
 @media only screen and (max-width: 700px) {
	 
	 	body.home .homein{
		background: url(/theme/fr/images/bg_accueil_480.jpg) no-repeat center top ;  
	  width:479px; min-height: 349px

	}
body.home .homein section h1, body.home .homein section h2{   width:419px; padding-top:100px; font-size:22px; font-weight:bold; padding-left:0; margin:0 auto

	}
 body.home .homein section h2{ padding-top:0

	}
body.home .homein section p{ color:#8a0040; width:419px; padding-top:50px;   font-weight:normal; padding-left:0px; text-align:center; font-size:1.1em; letter-spacing:1px; margin:0 auto

	}


	 
.menu_v_deroul li {
	width:48%;
	float:left;
	margin-right:1%
}
h1.logo.cache {
	display:block;
	text-align:center;
	width: auto;
	height: inherit;
	position: relative;
	top: inherit;
	left: inherit;
	z-index: 999;
}
.topper, footer, .right, .flexslider .slides li span {
	width:500px;
}
iframe {
	width:450px
}

}
 @media only screen and (max-width: 480px) {
.face{  width:300px!important}
#facebox .popup {
 width: 270px!important;
}
#facebox .content {
   
    width: 300px!important
}	 	

#facebox{ top:50px!important;  width: 300px!important}
body.home .homein{
		background: url(/theme/fr/images/bg_accueil_300.jpg) no-repeat center top ;  
	  width:300px; min-height:  349px

	}
	body.home .homein section h1, body.home .homein section h2{  width:300px; padding-top:100px; font-size:22px; font-weight:normal; padding-left:0

	}
	  body.home .homein section h2{ padding-top:0; font-weight:bold

	}
body.home .homein section p{ color:#8a0040; width:300px; padding-top:50px;   font-weight:normal; padding-left:0px; text-align:center; font-size:1.1em; letter-spacing:1px

	}
header h1 a img{ min-width:100%}

.menu_v_deroul li {
	width:auto;
	float:none;
	margin-right:0
}
h1.logo.cache {
	display:block;
	text-align:center;
	width: auto;
	height: inherit;
	position: relative;
	top: inherit;
	left: inherit;
	z-index: 999;
}
.topper, footer, .right, .flexslider .slides li span {
	width:300px;
}
iframe {
	width:200px
}
.gallery figure {
	display:block;
	width:100px;
	text-align:center;
	float:none;
	margin-bottom:10px;display:block;
	text-align:center
}
.gallery { 
	margin:0 auto
}
}