* { margin:0; padding:0; }

html {-webkit-text-size-adjust: none; }

body { font-family:Arial; font-size:14px; color:#000000; }

a { color:#951a28; text-decoration:none; }
a:hover { text-decoration:underline; }
a img, img a { border:0; outline:0; }


table td {
    border-bottom: 1px solid #ccc;
    padding: 30px 0 0 0;}

.cms_submit { -webkit-appearance: none; }

h1 { font-weight:normal; width:36px; width:100%; background:url('/uploads/images/layout/underline-titles.png') left bottom no-repeat; padding:0 0 10px 0; margin:40px 0 20px 0; }
h2 { font-weight:normal; margin:20px 0 20px 0; color:#951a28; font-size:18px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:#951a28 !important; }

.bx-wrapper img:hover { opacity: 0.5; filter: alpha(opacity=50); }

.fl { float:left; }
.fr { float:right; }
.clearer { clear:both; }

.wrapper { width:1140px; margin:0 auto; position:relative; }
#content { line-height:165%; width: 865px; float: left;}
#content p { margin:0 0 30px 0; }
#content ul, #content ol { margin:0 0 25px 25px; }

#header { height:155px; background:url('/uploads/images/layout/bg-header-border.png') top no-repeat; z-index:10; position:relative; }

#logo { position:absolute; top:42px; left:0; }

#menu { position:absolute; top:88px; right:0; }
#menu ul { list-style-type:none; }
#menu li { float:left; }
#menu li a { display:block; height:60px; line-height:60px; border-bottom:3px solid transparent; padding:0 15px 0 15px; margin:0 0 0 10px; color:#000000; }
#menu li a:hover, #menu li a.menuactive { border-bottom:3px solid #951a28; text-decoration:none; color:#951a28; }
#menu li ul { display:none; position:absolute; background: #FFFFFF url('/uploads/images/layout/submenuul.jpg') repeat-x bottom; padding:0 0 5px 0; }
#menu li ul li { float:none; min-width: 200px; }
#menu li ul li a { height:35px; line-height:38px; margin:5px 10px 0px 10px; }
#menu li:hover ul { display:block; }
#menu li li a:hover, #menu li li a.menuactive { border-bottom:3px solid transparent; background-image: none; background: #951a28;
color: #fff; -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;}

#navmobile{display:none;position: absolute;top: 133px; right: 0; width:100%}
#navmobile select {width:100%; height:40px; border:1px solid #CCCCCC; background-color:#f0f0f0; font-size:15px; }

#aside{width: 250px; float: left; margin: 40px 25px 0 0;}
#aside ul {list-style-type: none;}
#aside .menusearch {display:none;}
#aside li {line-height:165%; padding: 7px 10px 7px 10px;}
#aside li a.menuactive {background-image: none; background: #951a28;
color: #fff;
} 

#aside li a:hover {background: #951a28;
color: #fff;text-decoration: none;

-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;

} 

#aside li a {display:block; padding: 10px;}


#aside ul {
background: #FFFFFF url('/uploads/images/layout/submenuul.jpg') repeat-x bottom;
border: 1px solid #DADADA;
padding: 10px;
}

#lang { position:absolute; top:15px; right:0; }
#lang ul { list-style-type:none; }
#lang li { float:left; }
#lang li a { display:block; margin:0 0 0 7px; padding:7px; background:#3e4143; color:#c3cdd3; font-size:13px; }
#lang li a:hover { text-decoration:none; background:#951a28; color:#FFFFFF; }
#lang li a.menuactive { background:#951a28; color:#FFFFFF; pointer-events: none; cursor: default;}

#banner { position:relative; width:1350px; margin:0 auto; margin-top:-160px; z-index:9; position:relative; border-bottom:1px solid #c5ccd5; }
#bannertext { position:absolute; right:0; top:160px; bottom:0; z-index: 5; width:350px; background:url('/uploads/images/layout/bg-right-banner.png') repeat; color:#000000; padding:70px 0 0 70px; }
#bannertext strong { color:#951a28; font-size:36px; }
#bannertext em { font-size:28px; font-style:none; }
#bannertext ul { list-style-type:none; }
#bannertext li { padding:10px 0 10px 20px; background:url('/uploads/images/layout/li-banner.png') 0 10px no-repeat; font-size:20px; }
#bannermore { position:absolute; bottom:0px; left:0; right:0; height:67px; line-height:67px; background:#951a28; }
#bannermore:hover { background:#a32231; }
#bannermore a { display:block; color:#FFFFFF; padding:0 0 0 70px; font-size:20px; }
#bannermore a:hover { text-decoration:none; }

#titleshare { padding:35px 0 35px 0; font-size:36px; }
#titleshare .wrapper { border-bottom:1px solid #c5ccd5; }
#titleshare .fr { font-size:16px; }
#titleshare .fr img:hover {  opacity: 0.7; filter: alpha(opacity=70); }
.titleborder { width:60px; height:1px; border-bottom:3px solid #951a28; position:absolute; left:0; bottom:-2px; }

#services { background:#eaedf1; padding:40px 0 0 0; min-height:440px; font-size:18px; }
#services a { text-decoration:none !important; }
.slide { text-align:center; }

#members { padding:15px 0 35px 0; font-size:36px; }
#members .wrapper { border-bottom:1px solid #c5ccd5; }
#members .fr { font-size:16px; }
#membersimg img { margin:0 0 0 5px; }
.pointer { width:1140px !important; }
.demo .pointer a { background: rgba(0, 0, 0, 0) url("/uploads/images/layout/GetInline.jpg") repeat scroll 0 0; display: inline-block; height: 159px; width: 156px; margin-left: 5px; position: relative; }
.demo .pointer a img { display: block; left: 50%; margin: 0 !important; position: absolute;
 top: 50%; transform: translate(-50%, -50%); }

#practical { padding:35px 0 35px 0; font-size:36px; }
#practical .wrapper { border-bottom:1px solid #c5ccd5; }
#practical .fr { font-size:16px; }

#practicalimg { margin:0 0 40px 0; }

.bar a { color:#FFFFFF; text-decoration:none !important; }
.details { text-align:center !important; }

#informations { padding:10px 0 10px 0; font-size:36px; background:#eaedf1; min-height:200px; }
#informationsform {}

#collaboration { margin:55px 0 55px 0; }
#collaboration .wrapper { padding:5px 0 2px 0; border-top:1px solid #c5ccd5; border-bottom:1px solid #c5ccd5; } 
#collaboration .overlayed { opacity: 0.5; filter: alpha(opacity=50); margin:0 25px 0 0; }
#collaboration .overlayed:hover { opacity: 1.0; filter: alpha(opacity=100); } 
#collaboration .overlayed { width:auto !important; float:left !important; }

#footer { background:#951a28; color:#FFFFFF; padding:18px 0 18px 0; font-size:13px; }
#footer a { color:#FFFFFF; }

.membre { }
.logomembre { float: left; width:260px;margin-left:25px; text-align:center; }
.nommembre {float: left; width:260px;margin-left:25px}
.telmembre {float: left; width:260px;margin-left:25px}
.tvamembre {float: left; width:260px;margin-left:25px}
.clearmembre{ clear:both; height:0; }

.ensavoirplus{display: block; width: 450px; height: 400px; float: right; background: #FFFFFF url('/uploads/images/layout/submenuul.jpg') repeat-x bottom; border: 1px solid #DADADA;}

.ensavoirplus p{padding: 0 15px;}
.ensavoirplus h2{padding: 0 0 0 15px;}

#content .cms_form {width: 55%; float: left;}
#content .cms_form input[type="text"], .cms_form input[type="email"] { width:100%; padding:8px; margin:0 0 5px 0;  border:1px solid #CCCCCC; font-size: 14px; font-family: arial;}
#content .cms_form textarea { width:100%; border:1px solid #CCCCCC; padding:8px; height:65px; font-size: 14px; font-family: arial;}
#content .cms_form select { width:100%; padding:8px; border:1px solid #CCCCCC;}
#content .cms_form input[type="file"] { border:0; width:100%; padding:5px 0 0 0; }
#content .cms_form label { display:block; }
#content .cms_form div div { padding:3px; }
#content .cms_form div div label { font-style: normal; }
#content .cms_form div div div { margin:2px 0 0 0; padding:0px;}
#content .cms_form div div div label { font-weight:normal }
#content .cms_form radio { float:left; }
#content .cms_submit { background:#A01F2C; height:35px; line-height:35px; color:#FFFFFF; text-align:center; padding:0 25px 0 25px; width:140px; border:0; cursor:pointer; margin:5px 0 0 0; font-size:14px; }
#content .cms_submit:hover { filter : alpha(opacity=85); opacity : 0.85; }


#formright {float:right; width:200px;margin-top: 40px;}
#formright .cms_form { width:100%; }
#formright .cms_form input[type="text"], .cms_form input[type="email"] { width:100%; padding:8px; margin:0 0 5px 0;  border:1px solid #CCCCCC; }
#formright .cms_form textarea { width:100%; border:1px solid #CCCCCC; padding:8px; height:65px; }
#formright .cms_form select { width:100%; padding:8px; border:1px solid #CCCCCC;}
#formright .cms_form input[type="file"] { border:0; width:100%; padding:5px 0 0 0; }
#formright .cms_form label { display:none;}
#formright .cms_form div div { padding:3px; }
#formright .cms_form div div label { font-style: normal; }
#formright .cms_form div div div { margin:2px 0 0 0; padding:0px;}
#formright .cms_form div div div label { font-weight:normal }
#formright .cms_form radio { float:left; }
#formright .cms_submit { background:#A01F2C; height:35px; line-height:35px; color:#FFFFFF; text-align:center; padding:0 25px 0 25px; width:100%; border:0; cursor:pointer; margin:5px 0 0 0; font-size:14px; }
#formright .cms_submit:hover { filter : alpha(opacity=85); opacity : 0.85; }




#informationsform .cms_form { width:100%; }
#informationsform .cms_form input[type="text"], #informationsform .cms_form input[type="email"] {width: 20%;margin: 0.5% 0.5% 0.5% 0;padding: 8.5px; border: 1px solid #CCCCCC;background: #FFFFFF;float: left;font-size: 14px; font-family: arial; height: 56px;}
#informationsform .cms_form input[type="email"] {clear: both;}
#informationsform .cms_form textarea {width: 30%;padding: 10px;margin: 0.5% 0.5% 0.5% 0;border: 1px solid #CCCCCC;height: 81px;background: #FFFFFF;float: left;margin-top: -61px;font-size: 14px;
font-family: arial; height: 123px;}
#informationsform .cms_form select { width:100%; padding:8px; border:1px solid #CCCCCC;}
#informationsform .cms_form input[type="file"] { border:0; width:100%; padding:5px 0 0 0;}
#informationsform .cms_form label { display:block; }
#informationsform .cms_form div div {  }
#informationsform .cms_form div div label { display:none; }
#informationsform .cms_form div div div { margin:2px 0 0 0; padding:0px;}
#informationsform .cms_form div div div label { font-weight:normal }
#informationsform .cms_form radio { float:left; }
#informationsform .cms_submit {margin-top: -61px; margin-bottom: 10px;width: 13.5%;background: #A01F2C;height: 123px;line-height: 35px;color: #FFFFFF;text-align: center;padding: 0 25px 0 25px;border: 0;cursor: pointer;font-size: 14px;float: left;}
#informationsform .cms_submit:hover { filter : alpha(opacity=85); opacity : 0.85; }
#informationsform .submit { margin-top:-12px !important; }

select, input, textarea { box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }



#informationsform input#cntnt01fbrp_captcha_phrase { width: 100%!important;}
#informationsform .captcha img { width: 100%; height: 57px;}
#informationsform .captcha {width: 14%; float: left; margin-right: 9px; margin-top: -61px;}

.error_message {color: #A01F2C;}

@media only screen and (min-width: 1px) 
and (max-width : 978px) {
.wrapper { width:90%;  }

#menu{display:none;}
#navmobile{display:block;}

#informations{display:none;}

img { max-width:100%; }

#banner { width:100% !important; overflow:hidden;}

#practical, #practicalimg { display:none; }

#services { min-height: 240px; }

#membersimg * { max-width:100%; }

.fr, .fl { float:none; }

#aside, #content { float:none; width:100%; max-width:100%; }

#aside{display:none;}

form { max-width:100%; }

#informationsform .cms_submit { padding:0 2px 0 2px; }

#bannertext { width:95%; }

#informationsform .cms_form input[type="text"], #informationsform .cms_form input[type="email"] {padding: 10.5px;}

#informations { margin:15px 0 0 0; }

.ensavoirplus {width: 99%;float: left;height: 400px; margin-top:10px;}
#content .cms_form {width:100%;}

}

@media only screen and (min-width: 979px) 
and (max-width : 1139px) {


#content .cms_form {width: 50%;}

.wrapper { width:980px; }

.pointer { width:980px !important; }

.mosaic-block { width:47% !important; }

#banner { max-width:980px !important; overflow:hidden; }

#content {width: 695px;}

}

#scrollUp {

bottom: 18px;
right: 18px;
height: 38px;
width: 38px; 
background: url('/uploads/js/scrolltotop.png') no-repeat;
}
/* Stylesheet: Charter CSS Modified On 2015-09-29 16:50:21 */