@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700;800;900&family=Poppins:wght@200;400;600;700;800;900&display=swap');

	
	

/* GENERAL */
	
body {margin: 0;font-family: 'Raleway',sans-serif;font-size: 1.4em;font-weight: 500;color: #303030;background-color: #f2f2f2;}		
b {font-weight: 900}strong {font-weight: 800}
a {text-decoration: none;outline: none;color: inherit;cursor: pointer;} a:hover {text-decoration: none;color: inherit;cursor: pointer;} a:visited{text-decoration: none;color: inherit;} 
li.barrelien a{display:block;}
a.lienvisible:hover {text-decoration:underline;color: inherit;cursor: pointer;}
ul {margin:10px 0 0 0;padding:0;list-style: none;}li {margin: 2px 0 0 0;}
.spe-m {display: none;}.spe-w {display: inline;}
	
	
#actus:target::before {content: " ";display: block;height: 200px; margin-top: 500px;
}
	
/* SPE SPIP */
	
.global{padding: 20px;font-family: 'Poppins', sans-serif;font-weight:900;font-size: 2.7em;color: #fff;line-height: 90%;letter-spacing: -3px; text-transform: uppercase}
h1.global-long{padding: 20px;font-family: 'Poppins', sans-serif;font-weight:900;font-size: 2.3em;color: #fff;line-height: 90%;letter-spacing: -3px; text-transform: uppercase}
h2.spip{font-family: 'Poppins', sans-serif;font-weight:800;font-size: 2.5em;line-height: 85%;letter-spacing: -2px;color:#595959; text-align: center; text-transform: uppercase}
.spip_doc_inner{position:relative;width:80%;overflow:hidden;margin:0 auto;margin-top: 25px; margin-bottom: 25px; padding:0px;align-content: center} .spip_doc_inner img{width:100%;overflow:hidden;margin:0; height:auto}.spip_doc_credits{font-size:.7em}

	
	
	
/* RESPONSIVE */
	
.row{width:960px;margin:0 auto}.row > div{float:left;margin:0 10px;display:inline-block;vertical-align:middle}.w-1{width:60px;display:inline-block;vertical-align:middle}.w-2{width:140px;display:inline-block;vertical-align:middle}.w-3{width:220px;display:inline-block;vertical-align:middle}.w-4{width:300px;display:inline-block;vertical-align:middle}.w-5{width:380px;display:inline-block;vertical-align:middle}.w-6{width:460px;display:inline-block;vertical-align:middle}.w-7{width:540px;display:inline-block;vertical-align:middle}.w-8{width:620px;display:inline-block;vertical-align:middle}.w-9{width:700px;display:inline-block;vertical-align:middle}.w-10{width:780px;display:inline-block;vertical-align:middle}.w-11{width:860px;display:inline-block;vertical-align:middle}.w-12{width:940px;display:inline-block;vertical-align:middle}.clear{clear:both; padding:0; margin:0}
.w-3-2{width:220px;display:inline-block;vertical-align:middle}.w-3-2to2{width:220px;display:inline-block;vertical-align:middle}.w-3-2to3{width:220px;display:inline-block;vertical-align:middle}
.w-4-2{width:300px;display:inline-block;vertical-align:middle}.w-4-2-last{width:300px;display:inline-block;vertical-align:middle}

	
	
		
/* HEADER */	
	
.ta-header1{background-color: #fff; z-index: 990; position: relative}
.ta-header2{background-image: url(/_graph/commun/fondhaut-mini.png);background-repeat: repeat-x; z-index: 990; position: relative}.ta-header3{background-image: url(/_graph/commun/fondhaut-mini.png);background-repeat: repeat-x; z-index:2; position: relative}
.ta-headerfix {position: fixed; top: 0; width:100%;z-index: 99;background-color:#FFF;padding-bottom:-15px;box-shadow: 0px 0px 10px 4px rgba(189, 189, 189, 0.75);-moz-box-shadow: 0px 0px 10px 4px rgba(189, 189, 189, 0.75);-webkit-box-shadow: 0px 0px 10px 4px rgba(189, 189, 189, 0.75);}
.ta-header1 img{width:100%;margin-bottom: -4px;margin-top: 20px;}
.ta-headertitre {position: relative;border-radius:10px; color: #fff; font-weight: 900; padding:5px !important; text-align: center; margin-bottom: 40px;font-family: 'Poppins', sans-serif;text-transform: uppercase; letter-spacing:-3px;font-size: 2.7em;line-height: 90%}
.ta-header-msgu {position: relative;border-radius:10px; color: #fff; font-weight: 900; padding:10px !important; text-align: center; margin-bottom: 10px;letter-spacing:-1px;font-size: 1.7em;line-height: 90%}
	
	
	
/* COULEURS */
	
.ancres- a:hover, .fond-,.fondune-{background-color: #f16e66;}
.ancres-mto a:hover,.fond-mto,.fondune-mto{background-color: #005ec2;}
.ancres-vac a:hover,.fond-vac,.fondune-vac{background-color: #03cab7;}
.ancres-vigi a:hover,.fond-vigi,.fondune-vigi{background-color: #fd9d06;}	
.ancres-urg a:hover,.fond-urg,.fondune-urg{background-color: #ff0000;}
.ancres-pro a:hover,.fond-pro,.fondune-pro{background-color: #bd0054;}
.ancres-mag a:hover,.fond-mag,.fondune-mag{background-color:#7504a5}
.ancres-gris a:hover,.fond-gris,.fondune-gris{background-color:#505050}
.ancres-sup a:hover,.fond-sup,.fondune-sup{background-color:#5c859c}
.fond-grisclair,.fondune-grisclair{background-color:#959595}
.fond-gristresclair,.fondune-gristresclair{background-color:#d4d4d4}
.fond-sup,.fondune-sup{background-color:#5c859c}
	
.blink-vigi{animation: blinkingBackgroundjaune 2s infinite;}@keyframes blinkingBackgroundjaune{0%{ background-color: #fd9d06;}25%{ background-color: #fe8300;}50%{ background-color: #fe8300;}75%{ background-color: #fd9d06;}100%{ background-color: #fd9d06;}}
.blink-urg{animation: blinkingBackgroundrouge 2s infinite;}@keyframes blinkingBackgroundrouge{0%{ background-color: #d2000a;}25%{ background-color: #ff000c;}50%{ background-color: #ff000c;}75%{ background-color: #d2000a;}100%{ background-color: #d2000a;}}

.inverse-,.inverse-vigi,.inverse-urg,.inverse-mto,.inverse-vac,.inverse-pro,.inverse-redac, .inverse-mag, .inverse-sup, .inverse-pro, .inverse-unememo{background-color:#fff; color: #f16e66; padding: 0 5px 0 5px; font-size:0.8em}
.ta-finredac- {color: #f16e66;}
.ta-finredac-vigi, .inverse-vigi{color: #fd9d06;}
.ta-finredac-urg, .inverse-urg{color: #ff0000;}
.ta-finredac-mto, .inverse-mto{color: #005ec2;}
.ta-finredac-vac, .inverse-vac{color: #03cab7;}
.ta-finredac-pro, .inverse-pro{color: #bd0054;}
.ta-finredac-mag, .inverse-mag{color: #7504a5;}
.ta-finredac-sup, .inverse-sup{color: #5c859c;}
.inverse-unememo{color: #959595;}
.inverse-redac{background-color:#595959; color: #fff;}

	
	
/* EFFETS */
	
.shadow{box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;padding: 0;}	
.spacer {height:170px}		
.watermark {position: fixed; bottom: 0; left:0; opacity: 0.6;z-index: -999; width:50%}
.bandeauhautimg{width:50%;padding-bottom: -10px}

	
	
/* UNE */
	
.ta-une-g{position:relative;width:100%;overflow:hidden;border-radius:10px;margin-bottom:20px;}.ta-une-g:before{content:"";display:block;padding-top:100%;}
.ta-une-d{position:relative;width: 100%;height: 300px;overflow: hidden;vertical-align: middle;border-radius: 10px;margin-bottom: 20px;box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;padding: 0;}
.ta-une-inside{position:absolute;top: 0;left: 0;bottom: 0;right: 0;color: white;display:flex;align-items:center;overflow:hidden;} .ta-une-inside h3.une{padding: 20px;font-family: 'Poppins', sans-serif;font-weight:900;font-size: 2.2em;color: #fff;line-height: 90%;letter-spacing: -1px; text-transform: uppercase}
	
	
	
	
/* CARRÉ */
	
.square-box, .square-rect-box{position:relative;width:100%;overflow:hidden;border-radius:10px;margin-bottom:20px;}.square-box:before, .square-rect-box:before{content:"";display:block;padding-top:100%;}
.square-box{position:relative;width:100%;overflow:hidden;border-radius:10px;margin-bottom:20px;}.square-box:before{content:"";display:block;padding-top:100%;}
.square-content{position:absolute;width:100%;top: 0;left: 0;bottom: 0;right: 0;color: white;display:flex;align-items:center;border-radius:10px;}
	
.image{display: block;width: 100%;height: auto;border-radius:10px;}	
	
.overlay{position: absolute;bottom: 0;left: 0;right: 0;border-radius: 10px;overflow: hidden;width: 100%;height: 0;transition: .5s ease;}.overlay- {background-color: #f16e66}.overlay-vac {background-color: #03cab7}.overlay-urg {background-color: #ff0000}.overlay-vigi {background-color: #fd9d06}.overlay-mto {background-color: #005ec2}.overlay-pro {background-color: #bd0054}.overlay-mag {background-color: #7504a5}.overlay-sup {background-color: #5c859c}
.container:hover .overlay, .container:hover .overlay-vac, .container:hover .overlay-urg, .container:hover .overlay-traf,  .container:hover .overlay-, .container:hover .overlay-vigi, .container:hover .overlay-mto, .container:hover .overlay-pro, .container:hover .overlay-mag, .container:hover .overlay-sup{height: 100%; opacity: 0.95;border-radius:10px;}

.text {color: white;font-family: 'Raleway';text-align: center; font-weight: 700;line-height: 95%;letter-spacing: -2px; font-size: 1.3em;position: absolute;width: 90%;overflow: hidden;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}.text p{margin: 0px}
.textsolo {color: white;font-family: 'Raleway';text-align: center; font-weight: 800;line-height: 95%;letter-spacing: -2px; font-size: 1.5em;position: absolute;width: 90%;overflow: hidden;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}.textsolo p{margin: 5px}

li.barrelien {border: 3px solid #fff; color:#fff; border-radius: 10px;font-size: 0.8em;font-family: 'Raleway',sans-serif; text-align: center;font-weight: 400;margin-top:0px;display:block}
li.barrelien-redac{border: 3px solid #303030; color:#303030;}li.barrelien-zoom{border: 3px solid #959595; color:#959595; font-size: 120%; font-weight: 800} li.barrelien:hover{background-color: #fff;}li.barrelien-vac:hover{color:#03cab7;}li.barrelien-traf:hover{color:#f16e66;}li.barrelien-:hover{color:#f16e66;}li.barrelien-vigi:hover{color:#fd9d06;}li.barrelien-urg:hover{color:#d2000a;}li.barrelien-mto:hover{color:#005ec2;}li.barrelien-redac:hover{background-color: #303030;color:#fff}li.barrelien-zoom:hover{background-color: #959595;color:#fff}li.barrelien-pro:hover{background-color: #bd0054;color:#fff}li.barrelien-mag:hover{color:#7504a5}li.barrelien-gris505050{font-size: 0.6em;}li.barrelien-gris505050:hover{background-color: #fff;color:#505050}li.barrelien-sup:hover{background-color: #fff;color:#5c859c}li.barrelien-unememo{border: 2px solid #ffffff; color:#ffffff; font-size: 100%; font-weight: 700}li.barrelien-unememo:hover{background-color: #ffffff; color:#959595;}

.rectangle-box {position: relative;border-radius:10px; color: #fff; font-weight: 900; padding:5px !important; text-align: center; margin-bottom: 40px;font-family: 'Poppins', sans-serif;letter-spacing:-3px;font-size: 2.7em;line-height: 90%}

.titre-box, .titre-box-gris{position: relative;width: 100%;height: 220px;overflow: hidden;vertical-align: middle;border-radius:10px;margin-bottom: 20px;background-color: #959595}.titre-box:before, .titre-box-gris:before{content:"";display:block;padding-top:50%;}
.carre-mini{border-radius:10px;padding:0px;padding: 0; margin-bottom:20px; overflow: hidden;}	
.carre-mini img{-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;}
.carre-mini:hover img{-webkit-transform:scale(1.35); /* Safari et Chrome */-moz-transform:scale(1.35); /* Firefox */-ms-transform:scale(1.35); /* Internet Explorer 9 */-o-transform:scale(1.25); /* Opera */transform:scale(1.35);}
.foncer_image{background:#000000;z-index: 1;}.foncer_image img{-moz-transition: opacity 0.9s;-webkit-transition: opacity 0.9s;-o-transition: opacity 0.9s;}.foncer_image img:hover{opacity:0.8;-moz-transition: opacity 0.7s;-webkit-transition: opacity 0.7s;-o-transition: opacity 0.7s;}
.foncer_image_loupe{position:absolute;bottom:0px; right:0px; z-index:2;padding:10px}

	
/* CONTENUS */
	
.ta-section h2{font-family: 'Poppins', sans-serif;font-weight:800;font-size: 3.2em;color: #595959;line-height: 85%;letter-spacing:-4px; padding:0; margin:0; text-transform: uppercase}

.ta-une {margin:  100px 120px 60px 120px} .ta-unememo {background-color: #959595; padding: 20px; border-radius:10px; color:#fff; font-size: 1em; margin-bottom: 70px; font-weight: 700; line-height: 1em}
.ta-une p{font-size: 1.65em; font-weight: 800; letter-spacing:-1px; line-height: 90%;}.ta-memoune p{font-size: 1.65em; font-weight: 800; letter-spacing:-1px; line-height: 90%;}
.ta-memo-,.ta-memo-mto, .ta-memo-vigi, .ta-memo-urg, .ta-memo-vac,  .ta-memo-mag,  .ta-memo-sup,  .ta-memo-pro {margin:0 0 20px 0 !important;}
.ta-memo- p, .ta-memo-mto p, .ta-memo-vigi p, .ta-memo-urg p, .ta-memo-vac p, .ta-memo-mag p, .ta-memo-sup p, .ta-memo-pro p{font-size: 0.8em; padding:5px 0 0 5px; margin:0 !important; font-weight: 500;line-height: 1em}
	
.ta-memo- {border-bottom: 2px solid #f16e66;border-top: 2px solid #f16e66;}	
.ta-memo-mto {border-bottom: 2px solid #005ec2;border-top: 2px solid #005ec2;}
.ta-memo-vigi {border-bottom: 2px solid #fd9d06;border-top: 2px solid #fd9d06;}
.ta-memo-urg {border-bottom: 2px solid #ff0000;border-top: 2px solid #ff0000;}
.ta-memo-vac {border-bottom: 2px solid #03cab7;border-top: 2px solid #03cab7;}
.ta-memo-mag {border-bottom: 2px solid #7504a5;border-top: 2px solid #7504a5;}
.ta-memo-sup {border-bottom: 2px solid #5c859c;border-top: 2px solid #5c859c;}
.ta-memo-pro {border-bottom: 2px solid #bd0054;border-top: 2px solid #bd0054;}

.ancres- a,.ancres-mto a, .ancres-vigi a, .ancres-urg a, .ancres-vac a, .ancres-mag a, .ancres-sup a, .ancres-pro a{border-radius: 5px;font-size: 0.95em;font-weight: 600; margin:5px 0px 5px 5px !important;padding: 0 2px; letter-spacing: -1px; line-height: 1.6em; white-space: nowrap;}
.ancres- a{border: 2px solid #f16e66; color:#f16e66;}
.ancres-mto a{border: 2px solid #005ec2; color:#005ec2;}
.ancres-vigi a{border: 2px solid #fd9d06; color:#fd9d06;}
.ancres-urg a{border: 2px solid #ff0000; color:#ff0000;}
.ancres-vac a{border: 2px solid #03cab7; color:#03cab7;}
.ancres-mag a{border: 2px solid #7504a5; color:#7504a5;}
.ancres-sup a{border: 2px solid #5c859c; color:#5c859c;}
.ancres-pro a{border: 2px solid #bd0054; color:#bd0054;}
.ancres- a:hover,.ancres-mto a:hover,.ancres-vigi a:hover, .ancres-urg a:hover, .ancres-vac a:hover, .ancres-mag a:hover, .ancres-sup a:hover, .ancres-pro a:hover{color:#fff}



.ta-global-redac{margin: 0px;background: rgba(255, 255, 255, 0.75);overflow:hidden;border-radius:10px;padding-bottom: 100px}
.ta-redac{margin:  100px 120px 0px 120px;font-size:1em;}	
.ta-redac-video{margin: 0px 120px 0px 120px;}	
.ta-redac p{font-size:1em}
.ta-redac h2.spip{font-size: 1.6em;font-weight: 800;line-height: 85%;letter-spacing: -2px;color: #595959;text-align: left;text-transform: none;}
.ta-redac h2.spip::before {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f0c8";font-size:85%; margin-right: 5px} 
.redac- h2.spip::before{color: #f16e66;}
.redac-mto h2.spip::before{color: #005ec2;}
.redac-vigi h2.spip::before{color: #fd9d06;}
.redac-urg h2.spip::before{color: #ff0000;}
.redac-vac h2.spip::before{color: #03cab7;}
.redac-mag h2.spip::before{color: #7504a5;}
.redac-sup h2.spip::before{color: #5c859c;}
.redac-pro h2.spip::before{color: #bd0054;}
	
.blockquote.spip{margin: 10px; padding: 0.2em 10px;}
.redac- blockquote.spip{border-left: 3px solid #f16e66;}
.redac-mto blockquote.spip{border-left: 3px solid #005ec2;}
.redac-vigi blockquote.spip{border-left: 3px solid #fd9d06;}
.redac-urg blockquote.spip{border-left: 3px solid #ff0000;}
.redac-vac blockquote.spip{border-left: 3px solid #03cab7;}
.redac-mag blockquote.spip{border-left: 3px solid #7504a5;}
.redac-sup blockquote.spip{border-left: 3px solid #5c859c;}
.redac-pro blockquote.spip{border-left: 3px solid #bd0054;}
blockquote p {font-family: 'Poppins', sans-serif; font-style: oblique; font-weight: 700; letter-spacing: -1px; line-height: 1em; font-size: 1em; margin-left: 20px}
	
.twitter-tweet {margin-left: auto !important;margin-right: auto !important;}
	
.ta-redac h2.zoom{font-family: 'Poppins', sans-serif;font-weight:800;font-size: 1.6em;letter-spacing: -2px;color:#fff; text-transform: uppercase; background-color:#959595; padding:5px; line-height: 85%;border-radius:5px;} h2.zoom::before {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f0c8";font-size:85%; margin: 0 4px}
.ta-redac-zoomvignette{margin: 0px; padding: 0; width:100%;background-color:#dfdfdf;border-radius:5px;z-index: 1; }
	
.ta-finredac-, .ta-finredac-vac, .ta-finredac-mto, .ta-finredac-vigi, .ta-finredac-urg, .ta-finredac-mag, .ta-finredac-sup, .ta-finredac-pro{margin: 100px 120px 0px 120px;font-size:2.2em; text-align: right;}
.ta-finredac- p, .ta-finredac-vac p, .ta-finredac-mto p, .ta-finredac-vigi p, .ta-finredac-urg p, .ta-finredac-mag p, .ta-finredac-sup p, .ta-finredac-pro p{font-size: 0.35em; margin: 0 !important; padding: 0 !important} 

	
.image50d{width: 50%;height: auto;border-radius:0 10px 10px 0; overflow: hidden}	
.image50g{width: 50%;height: auto;border-radius:10px 0 0 10px; overflow: hidden}	

/* FANCYBOX */
	
.fancybox-image, .fancybox-spaceball,.fancybox-iframe {
overflow: hidden;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.wiki {max-width: 500px; width:75%; border-radius:10px; overflow: hidden}	
	
p.nota {font-size: 0.7em; margin-top:-15px;font-weight: 500;}


.square-rezo-{position:relative;width:100%;overflow:hidden;color: #f16e66;font-size: 4em;align-content: center;border-radius: 10px;text-align: center;display:block;} .square-rezo-:hover{background-color: #f16e66;color:#fff}.square-rezo- a{display: block}
.rezo-mag{color: #7504a5;} .rezo-mag:hover{background-color: #7504a5;}.rezo-pro{color: #bd0054;} .rezo-pro:hover{background-color: #bd0054;}.rezo-sup{color: #5c859c;} .rezo-sup:hover{background-color: #5c859c;}
	
p.lien-droite-pro {text-align: right}.lien-droite-pro a{background-color: transparent; color:#bd0054; padding: 5px 20px; font-weight: 600;border-radius:10px;border:4px solid #bd0054;margin-top:20px;text-align: right;}.lien-droite-pro a:hover {background-color: #bd0054; color:#fff; }
	

/* VIDEO */
	
.vlog-logo {width:60%}.vlog-haut{background-image: url(/_graph/commun/fondhaut-video.png);background-repeat: repeat-x;}.vlog-content{background-color: #313131; padding-bottom:50px}
.img80 {width:80%; margin: 0 auto;margin-bottom:0 !important; padding-bottom:0 !important; position: relative}.img80 img{width:100%;text-align:center; margin-bottom:0; padding-bottom:0}	
.video-container-carre iframe,.video-container-carre object,.video-container-carre embed, .video-container-carrebas iframe,.video-container-carrebas object,.video-container-carrebas embed, .video-container-carrehaut iframe,.video-container-carrehaut object,.video-container-carrehaut embed  {position: relative;top: 0;left: 0;width: 100%;height: 100%;border-radius:5px !important;-webkit-border-radius:10px !important;overflow:hidden !important; background-color: #4f4f4f;overflow: hidden !important}.youtube-video,.youtube-videobas,.youtube-haut{border-radius:10px !important;-webkit-border-radius:10px !important;}	
.video-16-9{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}.video-1-1{overflow:hidden; padding-bottom:100%; position:relative; height:0;}
.video-16-9 iframe, .video-1-1 iframe{left:0; top:0; height:100%;width:100%;position:absolute;}
.video-vlog, .video-vlog-in {position: relative;height: 0;padding-bottom: 100%;overflow: hidden;overflow:hidden !important;background-color: #595959; margin-bottom: 20px;border-radius:10px;}.video-vlog iframe,.video-vlog object,.video-vlog embed,.video-vlog-in iframe,.video-vlog-in object,.video-vlog-in embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden !important; background-color: #595959;}

	
/* FOOTER */	
	
	
	
	
	
.footer-content{}
.footer-lien p{text-align: center} .footer-lien a:hover,.footer-lien-left a:hover {text-decoration: underline}.footer-lien-left p{text-align: left; line-height: 150%} 
.footer-zone {background-color: #bd0054; padding: 150px 0 150px 0; color: #fff; border-top: inset 1px #595959}
.footer-zone-traf {background-color: #595959; padding: 150px 0 150px 0; color: #fff; border-top: inset 1px #595959}
.actu-zone {clear:both; position: fixed; bottom: 0; background-color: #bd0054; left:0; right:0; text-align: center; padding:20px; color: #fff; font-family: 'Poppins', sans-serif; font-size: 1.3em; line-height: 85%} .actu-zone a:hover{text-decoration: underline}
span.twitter::before {font-family: "Font Awesome 5 Free";content: "\f0c8";}span.facebook::before {font-family: "Font Awesome 5 Free";content: "\f0c8";} span.instagram::before {font-family: "Font Awesome 5 Free";content: "\f16d";}		

	

	
.fa-pull-left{line-height: 90%;margin-right:0;letter-spacing: -7px;}
.ico-milieu{margin:0 auto; position: relative; font-size:inherit}.ico-milieu h2{color: #bd0054; font-size: 4em; position: relative; margin: 50px 0 50px 0}






.image {display: block;width: 100%;height: auto;}
.content-box dl{width: 70%;margin:0 auto}.content-box img{width: 100%; height: auto;}.spip_doc_titre,.spip_doc_descriptif{display: none;}

	
	
	

.rectangle-box{position:relative;width:100%;overflow:hidden;border-radius:10px;margin-bottom:20px;box-shadow: 1px 1px 12px #505050;}
.content-box{position:relative;background-color:#fff; padding: 60px 140px 80px 140px; border-radius:10px;margin-bottom: 20px;font-family: 'Raleway',sans-serif;font-size: 1.3em;font-weight: 400;color: #303030;}
.refredac{position:relative;margin: 50px 0 20px 300px;padding-top: 10px; border-top: solid 1px #303030; font-family: 'Raleway',sans-serif;font-size: 0.9em;font-weight: 400;color: #303030;line-height: 95%;}
.inverseredac {background-color: #595959; color:#f2f2f2; padding: 0 5px 0 5px; font-weight: 600;font-size:0.8em}
.encadreredac{width: 70%;margin:0 auto}
.biggerredac-master{width:100%;}
.biggerredac-bando{margin:0 0 5px 0; background-color:#E2E1E1;display:flex;align-items:center;width: 100%}
.biggerredac-bando-gauche{width:20%;float:left;position: relative;display:inline-block;vertical-align:middle}
.biggerredac-bando-droite{width:80%;position: relative;padding-left:20px;font-size: 0.8em;line-height: 90%;}
.videocontainerredac {position: relative;height: 0;padding-bottom: 100%;overflow: hidden;overflow:hidden !important;background-color: #595959; margin-bottom: 20px;}.videocontainerredac iframe,.videocontainerredac object,.videocontainerredac embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden !important; background-color: #595959;}
.content-box blockquote{margin-left: 30px;border-left: 4px solid #595959; padding-left: 20px;}
.barre-rezos{width:40%; margin:0 auto} .imageshadow:hover{-webkit-filter: drop-shadow(3px 3px 3px #555 );filter: drop-shadow(3px 3px 3px #555);}   
.container {position: relative;width: 100%;border-radius:10px;}



	
.inverse-vdo {background-color: #ffffff; color:#595959; padding: 0 5px 0 5px; font-weight: 600;font-size:0.8em}
.inverse-redac{background-color:#595959; color: #fff; padding: 0 5px 0 5px; font-size:0.8em}	
div.content-colore{color: white;font-family: 'Raleway';text-align: left; font-weight: 900;line-height: 95%;letter-spacing: -2px; font-size: 1.6em;padding: 15px;}

label{font-size: 1em;color: #fff;padding-bottom:0px; margin-bottom:0px; margin-top:10px; border: none; display: inline-block; position: relative}	
.editer .saisie_input {font-size: 1.4em;color: #fff;line-height:100%;padding:0; margin:0 0 30px 0; border: none}
textaera{font-size: 1em;color: #fff;line-height:100%;padding:0; margin:0; border: none}
input[type="submit"],input.submit,input[type="button"],input.button,input[type="image"],input.image,.button {cursor: pointer; background-color: #ff0000; border-radius:10px; color:#fff;border: 4px solid #ff0000;font-size: 1em;padding:10px; margin-top:20px !important} .button {transition-duration: 0.4s;}
input[type="submit"]:hover,input.submit:hover,input[type="button"]:hover,input.button:hover,input[type="image"],input.image:hover,.button:hover {border: 4px solid #fff;}
button.submit {cursor: pointer; background-color: #ff0000; border-radius:10px; color:#fff;border: 4px solid #fff;font-size: 1em;padding:10px; margin-top:20px !important} button.submit {transition-duration: 0.4s;} button.submit:hover{border: 4px solid #ff0000;}
.formulaire_spip .editer {margin: 10 0 10px 0;padding: 0px;clear:both;border-top: none; float:left;display:inline-block;position: relative;}.formulaire_spip input.text{margin: 15px 0 -30px -20px;padding: 0px;clear:both;display:inline-block;position: relative;font-size: 1em; color: #000000;}.formulaire_formidable div.editer-groupe {text-align: left;margin-left: -10px;margin-right: -10px;font-size: 1em;overflow: hidden;}.formulaire_formidable div.editer.saisie_selection {margin-bottom: 1em;border: 0px solid transparent;overflow: hidden;padding-left: 140px;background: #fff;}.formulaire_formidable div.editer.saisie_selection label {margin-left: -130px;width: 80px;float: left;}.formulaire_formidable div.editer.saisie_selection select {padding: 3px;width: 95%}.formulaire_formidable div.editer.saisie_textarea {margin-bottom: 1em;margin-top: 1.5em;border: 0px solid transparent;overflow: hidden;padding-left:-50px;}.formulaire_formidable div.editer.saisie_textarea label {display:none}
	
	
	
	
	
	
.hamburger {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
  padding: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.hamburger__icon {
  position: relative;
  margin-top: 7px;
  margin-bottom: 7px;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
  display: block;
  width: 25px;
  height: 2px;
  background-color: #222;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.hamburger__icon:before, .hamburger__icon:after {
  position: absolute;
  content: "";
}
.hamburger__icon:before {
  top: -7px;
}
.hamburger__icon:after {
  top: 7px;
}
.hamburger.active .hamburger__icon {
  background-color: transparent;
}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
  background-color: #fff;
}
.hamburger.active .hamburger__icon:before {
  -moz-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -webkit-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}
.hamburger.active .hamburger__icon:after {
  -moz-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -webkit-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

.fat-nav {
  top: 0;
  left: 0;
  z-index: 9999;
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.fat-nav__wrapper {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
}
.fat-nav.active {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.fat-nav ul {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.fat-nav li {
  list-style-type: none;
  text-align: center;
  padding: 10px;
  font-size: 1.5em;
}
.fat-nav li, .fat-nav li a {
  color: #fff;
}
.fat-nav li a {
  text-decoration: none;
}

	
	
	




	
	
	
	
@media only screen and (min-width:500px) and (max-width:980px) {
.body {font-size: 1.2em;}
	
.row {width:98%;}.row > div {margin: 0 .5%;}.w-1 {width: 7.3%;}.w-2 {width: 15.6%;}.w-3 {width: 24%;}.w-4 {width: 32.3%;}.w-5 {width: 40.6%;}.w-6 {width: 49%;}.w-7 {width: 57.3%;}.w-8 {width: 65.6%;}.w-9 {width: 74%;}.w-10 {width: 82.3%;}.w-11 {width: 90.6%;}.w-12 {width: 99%;}
.w-3-2{width:23.9%;}.w-3-2to2{width:23.9%;}.w-3-2to3{width:23.9%;}.w-4-2{width:32.3%;}
	
.spe-w {display: none;}.spe-m {display: inline;}
	
.ta-une-g{position:relative;width:100%;overflow:hidden;border-radius:10px}	
.ta-une-d{position: relative;width: 100%;width: 64.3vw;height: inherit; min-height: 31.6vw;overflow: hidden;vertical-align: middle;border-radius:10px;margin-bottom: 20px;}	
		
.square-box{position:relative;width:100%;overflow:hidden;border-radius:10px;box-shadow: 1px 1px 5px #505050;}
.content-carre p{font-size: 1em;}
	
h1.global{font-size: 1.8em;}
h1.global-long{font-size: 1.3em;}
.text {font-size: 1.1em;}

div.content-colore{font-size: 1.3em;}
div.content-colore-min{font-size: 0.8em;}

.content-box{position:relative;background-color:#fff; padding:40px 80px 40px 80px; border-radius:10px;font-family: 'Raleway',sans-serif;font-size: 1.3em;font-weight: 400;color: #303030;}
.titre-box,.titre-box-gris{position: relative;width: 100%;width: 64.3vw;height: inherit; min-height: 31.6vw;overflow: hidden;background-color:#595959; vertical-align: middle;border-radius:10px;margin-bottom: 20px;}
	
	
	
	
	

	
	
	
	
	
	
	
	
	
}
@media only screen and (max-width:500px){
.body{font-size:1.1em;} .spe-w {display: none;}.spe-m {display: inline;}
	
.row{width:90%;margin:0 auto}.row > div{margin:0 1%; overflow: visible}.w-1,.w-2,.w-3,.w-4,.w-5,.w-6,.w-7,.w-8,.w-9,.w-10,.w-11,.w-12{width:98%;}
.w-3-2{width:23%;display:inline-block;vertical-align:middle}.w-4-2{width:31.3%;display:inline-block;vertical-align:middle;margin:0}.w-3-2to2{width:48%;}.w-3-2to3{width:31.3%;display:inline-block;vertical-align:middle;margin:0}
	
	
.ta-headertitre {font-size: 2.2em;line-height: 90%}
.ta-header-msgu {font-size: 1.3em;}
	
.ta-une-g{margin-bottom:0px;}
.ta-une-d{position: relative;width: 100%;height: auto !important;overflow: hidden;min-height: 30px;vertical-align:top;box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 0px 0px;padding: 0;margin-bottom:0px;margin-top:0px;background-color:transparent}
.ta-une-inside{position:relative;top: 0;left: 0;bottom: 0;right: 0;padding:0px;display:block;align-items:center;overflow:hidden;}
.ta-une-inside h3{padding: 0; font-size: 1.7em;color: #595959;line-height: 90%;letter-spacing: -1px; text-transform: uppercase}
.fondune-,.fondune-mto,.fondune-pro,.fondune-vac,.fondune-vigi,.fondune-urg,.fondune-pro,.fondune-gris,.fondune-grisclair,.fondune-gristresclair,.fondune-sup{background-color: transparent !important}	
	
.spacer {height:130px}
.respir {margin-top: 70px}	
	
.square-box-une:before{content: "";display: block;padding-top: 100%;}
.square-box{margin-bottom:25px;}	
.content-carre p{font-size: 1.5em;}	
.rectangle-box {font-size: 2.2em;line-height: 90%}
.square-rect-box{position:relative;width:100%;overflow:hidden;border-radius:10px;margin-bottom:25px;}.square-rect-box:before{content:"";display:block;padding-top:50%;}
	
.carre-mini{margin-bottom:10px;border-radius:10px;padding:0px}	
	
.fat-nav li {font-size: 1.5em;}
	
.text { width: 75%;}
.textsolo {font-size: 1.6em; width: 75%;}
p.nota {font-size: 0.7em; margin-top:5px;font-weight: 500;}	
	
	
h3.inside{color: #595959; padding:0; font-size: 1.7em;}	
.ta-une-inside h3.une{padding:0px;font-size: 1.7em;color: #595959;}	
	
h1.global{padding: 0 20px 0 20px; font-family: 'Rubik', sans-serif;font-weight:900;font-size: 1.9em;color: #fff;line-height: 85%;letter-spacing: -2px; text-align: center}
h2.spip, h2.zoom {font-size: 1.3em}
.ta-section h2{font-size: 2.4em}
h1.global-long{font-size: 2.2em;}


.spip_doc_inner{position:relative;width:100%;overflow:hidden;margin:0 auto;padding:0px;align-content: center}
.ico-milieu{margin:0 auto; position: relative; font-size:2em}
.titre-box{position: relative;width: 100%; height: auto ;overflow: hidden;background-color:transparent; vertical-align: middle;border-radius: 0 0 10px 10px;margin-bottom: 20px;box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 0px 0px;padding: 0;}
.titre-box-gris{height: auto !important;background-color:#959595;}
.titre-box-inside{position:  relative;top: 0;left: 0;bottom: 0;right: 0;color: #bd0054;display:flex;align-items:center;}
.titre-box-inside h1.global{padding:0;font-family: 'Poppins', sans-serif;font-weight:900;font-size: 2.2em;color: #bd0054;line-height: 90%;letter-spacing: -3px; text-transform: uppercase}

	
	
div.content-colore{font-size: 1.8em;}div.content-colore-min{font-size: 1.2em;}
.content-box{position:relative;background-color:#fff; padding: 20px; border-radius:10px;margin-bottom: 20px;font-family: 'Raleway',sans-serif;font-size: 1em;font-weight: 400;color: #303030;}
.content-box blockquote{margin-left: 15px;border-left: 4px solid #595959; padding-left: 15px;}

.watermark {position: fixed; bottom: 0; left:0; opacity: 0.8;z-index: -999; width:80%}
.bandeauhautimg{width:90%}	

.ta-une {margin: 25px 25px 15px 25px}
.ta-une p{font-size: 1.3em; font-weight: 800; line-height: 90%;}
	
.ta-memo{margin:0 0 50px 0 !important;}

.ta-global-redac{padding-bottom: 50px}
.ta-redac{margin: 75px 25px 0px 25px; font-size: 1em;}
.ta-redac p{font-size: 1em;}
.ta-redac-video{margin: 0px;padding:0px}
.video-vlog-in {border-radius:0px;}
.ta-finredac-, .ta-finredac-vigi, .ta-finredac-mto, .ta-finredac-mag, .ta-finredac-pro, .ta-finredac-urg, .ta-finredac-mag, .ta-finredac-vac,.ta-finredac-sup{margin: 75px 25px 0px 25px;font-size:2.6em;}
	
	

.logovlog {width:100%}.vlog-haut{background-image: url(/_graph/commun/fondhaut-video-mini.png);background-repeat: repeat-x;}
.actu-zone {font-size: 1em; line-height: 85%}
	
.footer-content{padding: 0 10px 0 10px}
	
.image-chapitre{width:100%;}
p.citation {font-size: 1.3em;font-weight: 800;color: #595959;margin-bottom: 10px; letter-spacing: -2px;line-height: 90%;}	
.bas-10{margin-bottom:10px;}
.barre-rezos{width:70%; margin:0 auto}
.footer-info p{font-size: 0.8em; padding: 0}
.refredac{position:relative;margin: 50px 0 60px 100px;padding-top: 10px; border-top: solid 1px #303030; font-family: 'Raleway',sans-serif;font-size: 0.7em;font-weight: 400;color: #303030;line-height: 90%;}
.content-box dl{width: 100%;margin:0}.encadreredac{width: 100%;margin:0}
.biggerredac-bando-gauche{width:30%;}
.biggerredac-bando-droite{width:70%;padding-left:10px;}
}