/* cmsms stylesheet: CSS theme modified: 05/10/2022 09:20:14 */
body {margin: 0;padding: 0;background-color: #000;font-size: 1.3em;color: #fff;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;line-height: 1em;}@font-face {font-family: 'icons';src:url('http://www.ws12.net/laguiole/uploads/fonts/icons.eot');src:url('http://www.ws12.net/laguiole/uploads/fonts/icons.eot?#iefix') format('embedded-opentype'),url('http://www.ws12.net/laguiole/uploads/fonts/icons.ttf') format('truetype'),url('http://www.ws12.net/laguiole/uploads/fonts/icons.woff') format('woff'),url('http://www.ws12.net/laguiole/uploads/fonts/icons.svg#icons') format('svg');font-weight: normal;font-style: normal;}.clear {clear: both;}img {width: 100%;}.bordure img {border : 1px dashed #ccc;}.liens img {max-width: 260px;}a {color: #f4b57b;text-decoration: none;background-color: inherit;}a:hover, a:focus {color: #f4d7bd;text-decoration:none;background-color: inherit;}hr {clear: both;border-top: 1px solid #e3be9d;border-bottom: 1px solid #fff;margin: 0em 0 2em 0;}hr:after {content: '';display: block;margin-top: 2px;border-top: 1px solid #e3be9d;border-bottom: 1px solid #fff;}.hrliens,.hrasso {margin: 1em 0 1em 0;height:1px;clear: both;border-top:2px #ccc solid;color:none;background:none;}p {text-align:justify;font-size: 1.2em;margin: 0 0 1em 0;line-height: 1.4em;padding: 0;}h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}h1 {color: #fff;font-size:3.5em;/* some air around the text */padding: 10px 0 20px 8px;/* and some air under the border */margin: 0em 0 0.5em 20%;text-shadow: 4px 4px 2px #000;font-weight:normal;line-height : 1em;background: url(http://catherine-perche.com/uploads/images/design/h1.png) no-repeat bottom left;display:inline-block;}@media screen and (max-width: 992px) {h1{font-size:2.5em;}}h2{color: #e3be9d;/* font size for h2 the higher the h number the smaller the font size, most times */font-size:2.8em;/* some air around the text */padding: 1em 0 0.5em 1em;/* and some air under the border */margin: 0em 0 0.5em 0;text-shadow: 1px 1px 2px #000;font-weight:normal;}h3{padding: 1em 0 0 0;color: #e3be9d;font-size: 1.9em;margin: 0em 0 0.5em 0;text-shadow: 1px 1px 1px #000;font-weight: normal;}h4{color: #f4b57b;font-size: 1.5em;margin: 0 0 0.5em 0;font-weight: normal;line-height: 1;}h5, .h5{font-size: 1em;font-weight: normal;line-height: 1;}#main-col{background-color: #1d2538;padding-bottom :2em;}.imgcadregris h3{padding: 0 0 1em 0;}.titrepage{background-color: #e3be9d;padding: 0 0 0.3em 0;text-transform : uppercase;color: #fff;margin-top: 0;}.titrepage a{color: #fff;}header{padding: 0;background-color: #1d2538;}.row .header {margin: 0;}.headergauche{background-color: #1d2538;}.bouton {display:block;background-color : #ccc;padding: 10px;margin: 0 0 20px 0;}.bouton:hover {border-left: 5px solid #e3be9d;border-right: 5px solid #e3be9d;}.petitlogo{margin: 10px 30px 10px 10px;width: 160px;}.breadcrumb {margin: 0;color: #fff;padding: 1em 0em 1em 1em;font-size: 1em;background: none;}.breadcrumb a{color: #fff;}.breadcrumb a:hover{color: #000;}@media (max-width:786px){.breadcrumb {padding: 0 10px;}}.fluidecoverintro{background-size: cover;padding: 0 0 1em 0;}.fluidecovercontenu{background: #fff;padding: 0 0 1em 0;}.fluidecoverfooter{background: #000;padding: 0 0 1em 0;}#footer, #footer p, #footer .navbar-nav > li > a{color: #fff;margin: 0.5em 0 .5em 0;font-size:1em !important;}#footer {display: block;}#footer a {color: #fff;}#footer a:hover {color: #f4d7bd;}#footer ul > li, #footer div > li {display: block;float: left;position: relative;z-index: 10;}#footer ul > li > a, #footer div > li > a {display: block;overflow: hidden;position: relative;padding: 0.5em 1em 0.5em 0;}#footer-menu.cf {padding: 0; margin: 0;text-align: center;display:inline-block;list-style: none;}.sansmarge {padding: 0;}.sansmarge p{margin: 0;}.sansmargedte {padding: 0;}.sansmargedte p{padding: 0;margin: 0;}.dte{float: right;display: block;}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * GALLERY SLIDER* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */#gallery-slider .flex-control-nav{bottom: 10px;}#gallery-slider .flex-direction-nav .flex-prev{left: 50px;}#gallery-slider .flex-direction-nav .flex-next{right: 50px;}#gallery-slider:hover .flex-prev,#gallery-slider:hover .flex-next {opacity: 0.9;}#gallery-slider:hover .flex-next:hover,#gallery-slider:hover .flex-prev:hover {opacity: 1;}.gallery-item{display: block;overflow: hidden;position: relative;}.gallery-item img{position: relative;width: 100%;}.gallery-item a{max-width: 100%;max-height: 100%;overflow: hidden;display: block;}.gallery-item img{margin: 0;width: 100%;height: auto;position: relative;}.gallery-item img:hover{opacity: .5;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}.gallery-item a span{position: absolute;width: 100%;font-style: italic;text-align: center;top: 50%;margin-top: -7px;opacity: 0;}.gallery-item a:hover span{color: #000;opacity: 1;}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * GALLERY SLIDER* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */#gallery-slider .flex-control-nav{bottom: 10px;}#gallery-slider .flex-direction-nav .flex-prev{left: 50px;}#gallery-slider .flex-direction-nav .flex-next{right: 50px;}#gallery-slider:hover .flex-prev,#gallery-slider:hover .flex-next {opacity: 0.9;}#gallery-slider:hover .flex-next:hover,#gallery-slider:hover .flex-prev:hover {opacity: 1;}.gallery-item{display: block;overflow: hidden;position: relative;}.gallery-item img{position: relative;width: 100%;}.gallery-item a{max-width: 100%;max-height: 100%;overflow: hidden;display: block;}.gallery-item img{margin: 0;width: 100%;height: auto;position: relative;}.gallery-item img:hover{opacity: .5;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}.gallery-item a span{position: absolute;width: 100%;font-style: italic;text-align: center;top: 50%;margin-top: -7px;opacity: 0;}.gallery-item a:hover span{color: #000;opacity: 1;}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * FLEXSLIDER* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* 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 Default Theme*********************************//* Direction Nav */.flex-direction-nav {*height: 0;}.flex-direction-nav a  { display: block; width: 40px; height: 50px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255,255,255,0.8); text-shadow: 0px 0px 1px #000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }.flex-direction-nav .flex-prev { left: -50px; }.flex-direction-nav .flex-next { right: -50px; text-align: right; }.flexslider:hover .flex-prev { opacity: 0.7; left: -60px; }.flexslider:hover .flex-next { opacity: 0.7; right: -60px; }.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }.flex-direction-nav a:before  { font-family: "icons"; font-size: 40px; display: inline-block; content: "\e72e"; }.flex-direction-nav a.flex-next:before  { content: "\e72a"; }/* Control Nav */.flex-control-nav {display: none}/* .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: #e3be9d; background: rgba(255,255,255,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(255,255,255,0.3);}.flex-control-paging li a:hover { background: #333; background: rgba(255,255,255,0.7); }.flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,0.9); cursor: default; }@media screen and (max-width: 860px) {.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}.flex-direction-nav .flex-next { opacity: 1; right: 10px;}}*//* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * FANCYBOX* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#ccc ;color:#333;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner,.fancybox-outer{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#333;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{width:100%;height:100%;max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(images/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(images/fancybox/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(images/fancybox/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;opacity:.2;visibility:visible}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible;opacity:1}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:visible!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(images/fancybox/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #1d2538 ;color:#fff;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}/*Retina graphics!*/@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){#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url("images/fancybox/fancybox_sprite@2x.png");background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/}#fancybox-loading div {background-image: url("images/fancybox/fancybox_loading@2x.gif");background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/}}#news {font-size: 1em;padding: 0 0 1em 0;}h2.news {margin-top: 0px;}.btn-outline-default {border-color: #e3be9d;font-size: 1.2em;margin: 0.5em 0 0.5em 0;}.-outline-default:hover,.btn-outline-default:hover a,.btn-outline-default:focus,.btn-outline-default:active,.btn-outline-default.active,.open > .dropdown-toggle.btn-outline-default {background-color: #333;color: #fff;}.btn-outline-default a:hover {text-decoration:none;}.equipe{padding : 2em 0 1em 0 ;text-align: center;}#contenu{padding : 1.5em 0 1em 0 ;}.contenu1{padding : 1.5em 0 1em 0 ;background-color: #323c53;z-index:90;}.skewed {display : inline-block;height : 0;width : 0;border-top : 4em solid #323c53;border-right : 70vw solid transparent;}#contenu2{padding : 1.5em 0 1em 0 ;background-color: #1d2538;}@media (max-width:768px){#contenu{padding : 0em 15px 1em 15px ;}}#contenu ul li {list-style: outside disc;padding: 0px 0px 0.3em;text-decoration: none;}#contenu.listeformations ul li {list-style: outside url("http://catherine-perche.com/uploads/images/commun/pucefonce.png") disc;font-style: italic;font-size: 1.2em;padding: 0px 0px 1em;text-decoration: none;}blockquote {border-left: 5px solid #e3be9d;font-weight: 600;}.navbar-toggle .icon-bar{background-color: #fff;}.haut {margin-bottom :1.5em;}.haut p {display : inline;margin : 0;padding : 0;}/* The wrapper determines the width of the menu elements */#menuwrapper {/* just smaller than it's containing div */margin: 0;background-image:url(http://catherine-perche.com/uploads/images/design/bg-menu.jpg), url(http://catherine-perche.com/uploads/images/design/pinceau.png) ;background-repeat: no-repeat;background-size: contain;padding: 36px 20px 20px 50px;font-family:  "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:bold;position: fixed;left: 0;top: 18vw;width: 25%;z-index:99;}@media screen and (max-width: 1200px) {#menuwrapper{font-size: 0.8em;}}/* Unless you know what you do, do not touch this */#primary-nav, #primary-nav ul {/* remove any default bullets */list-style: none;margin: 0px;padding: 0px;/* make sure it fills out */width: 100%;/* just a little bump */margin-left: 1px;}#primary-nav ul {/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */position: absolute;/* just a little bump down for second level ul */top: 5px;/* keeps the left side of this ul on the right side of the one it came out of */left: 100%;/* keeps it hidden till hover event */display: none;}#primary-nav ul ul {/* no bump down for third level ul */top: 0px;}#primary-nav li {/* negative bottom margin pulls them together, images look like one border between */margin-bottom: -1px;/* keeps within it's container */position: relative;/* bottom padding pushes "a" up enough to show our image */padding: 0px 0px 4px 0px;/* you can set your own image here */background: none;}#primary-nav li li {/* you can set your width here, if no width or set auto it will only be as wide as the text in it  */width: 300px;padding: 0px;/* removes first level li image */background: none;}/* Styling the basic apperance of the menu "a" elements */ul#primary-nav li a {/* specific font size, this could be larger or smaller than default font size */font-size: 1.5em;/* make sure we keep the font normal *//* set default link colors */color: #f4d7bd;/* pushes li out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */padding: 0 0.5em 0.7em 0.3em;/* makes it hold a shape */display: block;/* removes underline from default link setting */text-decoration: none;/* you can set your own image here this is tall enough to cover text heavy links */background: none;text-shadow: 2px 2px 2px #000;-webkit-transition-property: color;-webkit-transition-duration: 1s;-moz-transition-property: color;-moz-transition-duration: 1s;-o-transition-property: color;-o-transition-duration: 1s;-ms-transition-property: color;-ms-transition-duration: 1s;transition-property: color;transition-duration: 1s;-webkit-transition-property: text-shadow;-webkit-transition-duration: 1s;-moz-transition-property: text-shadow;-moz-transition-duration: 1s;-o-transition-property: text-shadow;-o-transition-duration: 1s;-ms-transition-property: text-shadow;-ms-transition-duration: 1s;transition-property: text-shadow;transition-duration:1s;}ul#primary-nav a span {/* makes it hold a shape */display: block;/* pushes text to right */padding-left: .5em;line-height: 1em;}ul#primary-nav li a:hover {/* stops image flicker in some browsers */background: none;/* changes text color on hover */color: #f4b57b;text-shadow: 4px -2px 2px #000;}ul#primary-nav li li a:hover {/* you can set your own image here, second level "a" */background:  none;/* contrast color to image behind it */color: color: #fff;}ul#primary-nav li a.menuactive {/* black and bold to set it off from non active */color: #f4b57b;}ul#primary-nav li li a.menuactive {/* contrast color to image behind it, set below */color: #fff;/* not bold as text color and image behind it set it off from non active */font-weight: normal;margin:4px 0 0 0;}ul#primary-nav li ul a {/* insures alignment */text-align: left;margin: 0px;/* relative to it's container */position: relative;/* more padding to left than default */padding: 6px 3px 6px 15px;font-weight: normal;/* darker than first level "a" *//* removes any borders that may have been set in first level */border-top: 0 none;border-right: 0 none;border-left: 0 none;/* removes image set in first level "a" */background: none;}ul#primary-nav li ul {/* very lite grey color, by now you should know what the rest mean */background: none;margin: 0px;padding: 0px;position: absolute;width: auto;height: auto;display: none;position: absolute;z-index: 999;border-top: none;border-bottom: none;/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/opacity: 0.95;/* CSS 3 */padding:6px;background: #000;background-color: rgba(0,0,0,0.8);text-transform:none;border-radius : 1em;}/* Fixes IE7 bug */#primary-nav li, #primary-nav li.menuparent {min-height: 1em;}/* Styling the basic apperance of the second level active page elements (shows what page in the menu is being displayed) */#primary-nav li li.menuactive, #primary-nav li.menuactive.menuparenth li.menuactive {/* set your image here, dark grey image with white text set above*/background: none;}#primary-nav li.menuparent span {/* padding on left for image */padding-left: .5em;/* down arrow to note it has children, left side of text */background: none;}#primary-nav li.menuparent:hover li.menuparent span {/* remove left padding as image is on right side of text */padding-left: 0;/* right arrow to note it has children, right side of text */background:none;}#primary-nav li.menuparenth li.menuparent span,#primary-nav li.menuparenth li.menuparenth span {/* same as above but this is for IE6, gif image as it can't handle transparent png */padding-left: 0;background: none;}#primary-nav li.menuparenth span,#primary-nav li.menuparent:hover span,#primary-nav li.menuparent.menuactive span,#primary-nav li.menuparent.menuactiveh span, {/* right arrow to note hover */background: none;}#primary-nav li li span,#primary-nav li.menuparent li span,#primary-nav li.menuparent:hover li span,#primary-nav li.menuparenth li span,#primary-nav li.menuparenth li.menuparenth li span,#primary-nav li.menuparent li.menuparent li span,#primary-nav li.menuparent li.menuparent:hover li span  {/* removes any images set above unless it's a parent or active parent */background:  none;/* removes padding that is used for arrows */padding-left: 0px;}/* IE6 flicker fix */#primary-nav li.menuh,#primary-nav li.mnuparenth,#primary-nav li.mnuactiveh {background: none;color: #f4b57b;}#primary-nav li:hover li a {/* removes any images set above unless it's a parent or active parent */background:  none;color: #fff;}/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add#primary-nav li:hover ul ul ul,#primary-nav li.menuparenth ul ul ul,*/#primary-nav ul,#primary-nav li:hover ul,#primary-nav li:hover ul ul,#primary-nav li.menuparenth ul,#primary-nav li.menuparenth ul ul {display: none;}/* for fourth level add#primary-nav ul ul ul li:hover ul,#primary-nav ul ul ul li.menuparenth ul,*/#primary-nav li:hover ul,#primary-nav ul li:hover ul,#primary-nav ul ul li:hover ul,#primary-nav li.menuparenth ul,#primary-nav ul li.menuparenth ul,#primary-nav ul ul li.menuparenth ul {display: block;}/* IE Hack, will cause the css to not validate */#primary-nav li,#primary-nav li.menuparenth {_float: left;_height: 1%;}#primary-nav li a {_height: 1%;}/* BIG NOTE: I didn't do anything to these 2, never tested */#primary-nav li.sectionheader {border-left: 1px solid #fff;border-top: 1px solid #fff;font-size: 130%;font-weight: bold;padding: 1.5em 0 0.8em 0.5em;background-color: none;margin: 0;width: 100%;}/* separator */#primary-nav li hr.separator {display: block;height: 0.5em;color: #fff;background-color: none;width: 100%;border: 0;margin: 0;padding: 0;border-top: 1px solid #fff;border-right: 1px solid #fff;}.navbar-collapse {border-top: none;}.navbar-collapse.in{background-color: #323c53;}#mobile-menu ul > li {display: block;border-bottom: 1px dotted #fff;position: relative;}#mobile-menu ul > li:last-child {border-bottom: none;}#mobile-menu ul > li > a,#mobile-menu ul > li.sectionheader > span {font-family: Overpass, Arial, Helvetica, sans-serif;text-transform: uppercase;color: #f4b57b;text-decoration: none;font-size: 1em;font-weight: 600;cursor: pointer;padding: 8px 0;display: block;position: relative;}#mobile-menu ul > li.current > a,#mobile-menu ul > li.current.sectionheader > span,#mobile-menu ul > li:hover > a,#mobile-menu ul > li.sectionheader:hover > span {background-color: none;}#mobile-menu ul > li > ul > li {list-style: none;border-bottom: none;}#mobile-menu ul > li > ul > li > a{color:#f4d7bd;font-weight: 500;}#mobile-menu > li > ul,#mobile-menu > li > ul > li > ul  {position: absolute;left: -999em;}#mobile-menu > li:hover > ul,#mobile-menu > li.active > ul,#mobile-menu > li > ul > li:hover > ul,#mobile-menu > li > ul > li.active > ul {position: relative;left: 0;}#mobile-menu > li > ul > li > a,#mobile-menu > li > ul > li.sectionheader > span,#mobile-menu > li > ul > li > ul > li > a,#mobile-menu > li > ul > li > ul > li.sectionheader > span {text-decoration: none;color: #fff;display: block;padding: 4px 0;}#mobile-menu > li > ul > li:hover > a,#mobile-menu > li > ul > li.sectionheader:hover > span,#mobile-menu > li > ul > li > ul > li:hover > a,#mobile-menu > li > ul > li > ul > li.sectionheader:hover > span {color: #fff;border-bottom: 1px dotted #fff;}#mobile-menu > li > ul > li > ul > li{list-style: none;}#mobile-menu > li > ul > li > ul > li > a,#mobile-menu > li > ul > li > ul > li.sectionheader > span {padding-left: 15px;font-size: .875em;text-transform: none;}#mobile-menu > li > a i,#mobile-menu > li > ul > li > a i,#mobile-menu > li.sectionheader > span i,#mobile-menu > li > ul > li.sectionheader > span i {float: right;position: relative;padding-top: 6px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}#mobile-menu > li:hover > a i,#mobile-menu > li.active > a i,#mobile-menu > li > ul > li:hover > a i,#mobile-menu > li > ul > li.active > a i,#mobile-menu > li.sectionheader:hover > span i,#mobile-menu > li.active.sectionheader > span i,#mobile-menu > li > ul > li.sectionheader:hover > span i,#mobile-menu > li > ul > li.active.sectionheader > span i {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}@media screen and (min-width: 768px) {nav.main-navigation {z-index: 990;margin: 0;}#mobile-menu {margin: 0;}#mobile-menu > li {display: inline-block;padding: 0;margin: 0 4px;border: none;position: relative;}#mobile-menu > li i {display: none;}.touch-device #mobile-menu ul > li i {display: inline-block;float: none;}.touch-device #mobile-menu ul > li li i {float: left;display: inline-block;margin-right: 8px;padding-top: 2px;text-align: left;}.touch-device #mobile-menu ul > li:first-child li i {float: right;}#mobile-menu > li:first-child, #mobile-menu > li.first {margin-left: 0;}#mobile-menu > li:last-child, #mobile-menu > li.last {margin-right: 0;}#mobile-menu > li > a,#mobile-menu > li.sectionheader span {padding: 0 6px 0 10px;line-height: 37px;}#mobile-menu > li.parent:hover > a,#mobile-menu > li.sectionheader.parent:hover > span,#mobile-menu > li.parent.active > a,#mobile-menu > li.parent.active > span {color: #fff;background-color: #333;background-color: rgba(90, 90, 90, .85);}#mobile-menu > li > ul,#mobile-menu > li > ul > li > ul  {display: block;width: 260px;}#mobile-menu > li:hover > ul,#mobile-menu > li.active > ul,#mobile-menu > li > ul > li:hover > ul,#mobile-menu > li > ul > li.active > ul {height: auto;position: absolute;z-index: 9999;top: 37px;display: block;border-radius: 3px;}#mobile-menu > li:first-child:hover > ul,#mobile-menu > li:first-child.active > ul {right: auto;left: 0;}#mobile-menu > li > ul > li {position: relative;line-height: 1;margin: 0 0 0 -40px;padding-left: 0;list-style : none;}#mobile-menu > li:first-child > ul > li {padding-right: 10px;padding-left: 0;}#mobile-menu > li > ul > li > a,#mobile-menu > li > ul > li.sectionheader > span,#mobile-menu > li > ul > li > ul > li > a,#mobile-menu > li > ul > li > ul > li.sectionheader > span {color: #fff;display: block;text-transform: none;line-height: 1.2;border-bottom: 1px dotted #333;background-color: #333;background-color: rgba(90, 90, 90, .85);padding: 8px 12px;font-size: .875em;text-decoration: none;text-align : left;}#mobile-menu > li > ul > li.current > a,#mobile-menu > li > ul > li.current.sectionheader > span,#mobile-menu > li > ul > li > ul > li.current > a,#mobile-menu > li > ul > ul > li > li.current.sectionheader > span {color: #000;}#mobile-menu > li > ul > li:hover > ul,#mobile-menu > li > ul > li.active > ul {width: 250px;height: auto;top: 0;right: auto;left: 230px;}#mobile-menu > li:first-child > ul > li:hover > ul,#mobile-menu > li:first-child > ul > li.active > ul {left: auto;right: -250px;}.lt-ie9 #mobile-menu > li > ul > li:hover > ul,.lt-ie9 #mobile-menu > li > ul > li.active > ul {left: -247px;}#mobile-menu > li > ul > li:hover > ul:after,#mobile-menu > li > ul > li.active > ul:after {content: ' ';width: 0px;height: 0px;border-style: solid;border-width: 7px 0 7px 6px;border-color: transparent transparent transparent #fff;border-colorx: transparent transparent transparent rgba(85, 85, 85, .95);position: absolute;left: 30px;top: 12px;}.lt-ie9 #mobile-menu > li:first-child > ul > li:hover > ul,.lt-ie9 #mobile-menu > li:first-child > ul > li.active > ul {left: auto;right: -247px;}#mobile-menu > li:first-child > ul > li:hover > ul:after,#mobile-menu > li:first-child > ul > li.active > ul:after {left: -10px;right: auto;}#mobile-menu li ul li a:hover,#mobile-menu li ul li span.sectionheader:hover {box-shadow: 0 0 5px rgba(85, 85, 85, .9);z-index: 2px;}#mobile-menu > ul > li:last-child > a,#mobile-menu > ul > li.sectionheader:last-child > span,#mobile-menu > ul > li > ul > li:last-child > a,#mobile-menu > ul > li > ul > li.sectionheader:last-child > span {border-bottom: none;}}.imgcadregris img {border: 1px solid #333;}.vignette {margin: 0 0 .5em 0;}.video-responsive {width: 100%;height: 0;padding-bottom : 56.25%;overflow : hidden;position : relative;margin: 0 auto 1em auto;}.video-responsive iframe {width: 100%!important;height: 100%!important;position : absolute;top : 0;left : 0;}.navbar-header{border-bottom : 1px solid #f4d7bd;}#footer .nav > li > a:hover, #footer .nav > li > a:focus{background-color: #000!important;border-bottom : none!important;}@media (max-width:786px){.mobile {text-transform:uppercase;}.navbar-nav {margin: 0;}.navbar-nav > li > a:hover, .navbar-nav > li > a:focus{background-color: #1d2538!important;border-bottom: 1px dotted #f4d7bd;}}.colgche {}.navbar-nav > li > a {font-size: 1.2em!important;line-height: 1em!important;}.contenupage{background-color: ;background-image:  url(http://catherine-perche.com/uploads/images/design/bg-col-gche.jpg);background-repeat:repeat;background-size : 33.33333333%;}.social{padding : 1em 0 2em 0;text-align:center;}#footer .nav > li > a{padding : 0.5em 1.5em 0.5em 0;}.btn{border-radius :80% 40%;background-color: #f4b57b;border-color:#f4b57b;}.btn:hover{border-radius :80% 30%;background-color: #f4d7bd;}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * COOKIES* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */#cookie_notice {background: #fff;border-top : 1px solid #000;border-bottom : 1px solid #000;padding: 1.5em 0 2em 0;position : fixed;bottom : 0em;z-index:100;color:#000;width:100%;}#cookie_notice p{text-align : center;}#cookie_notice .closer {position:absolute;right:2em;} /* position Droite */
/* cmsms stylesheet: CSS formulaire modified: 14/05/2018 11:18:38 */
.right{float:right !important}
.alert-box.alert{background-color:#c60f13;border-color:#ae0d11;color:#fff}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {

     border:1px solid #ccc;
     -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
     box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
     display:block;
     padding:0.5rem;
     margin:0 0 1rem 0;
     width:100%;
     -webkit-transition:-webkit-box-shadow 0.45s,border-color 0.45s ease-in-out;
     -moz-transition:-moz-box-shadow 0.45s,border-color 0.45s ease-in-out;
     transition:box-shadow 0.45s,border-color 0.45s ease-in-out;

}
input, textarea{
color:#000;
}
label,textarea{
font-size: 1.2em;
}
input {
font-size: 1.5em;
padding: 0.5em 1em;
}
.labelformulaire
{ 
padding : 1em 0em 0.3em 0;
  }