/***************************************** Slider ************************************************/
/*.slide {
    height: 288px;
    width: 963px;
}
#box {
    width: 963px;
}*/
#slider {
    width: 963px;
    height: 310px;
}
/* CSS for jQuery CCSlider Plugin 3.0.2
 * Copyright 2012, Nilok Bose  
 * http://codecanyon.net/user/cosmocoder
*/


/* Styles for slider div and images */

.ccslider {
	position: relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;	
}

.slider-innerWrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slider-innerWrapper img {
	position: absolute;
	top: 0;
	left: 0;
	visibility: visible !important;
	max-width: 100%;
}


/* Styles for next/prev and play/pause buttons */
a.slider-nav {
	position: absolute;	
	top: 50%;
	z-index: 200;	
	cursor: pointer;
	display: none;	
}

.slider-nav.prev {	
	left: 0;
}

.slider-nav.next {	
	right: 0;
}

.ccslider:hover .slider-nav {
	display: block;
}

a.slider-nav {	
	width: 35px;
	height: 34px;
	top: 50%;
	margin-top: -17px;		
}

.slider-nav.prev {
	background: url(../../../../slider/images/left-arrow.png) no-repeat;
	left: -17px;
}

.slider-nav.next {
	background: url(../../../../slider/images/right-arrow.png) no-repeat;
	right: -17px;
}

.slider-timer {	
	position: absolute;	
	right: 20px;	
	top: 20px;
	z-index: 200;	
	cursor: pointer;
	display: none;
}

.ccslider:hover .slider-timer {
	display: block;
}



/* Styles for the control links */
.control-links {
    position: absolute;
    z-index: 200;
    list-style: none;
    top: 100%;
	margin-top: 30px;    
    padding: 0;
	min-width: 100%;
	text-align: center;
	line-height: 0;
}

.control-links li {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;    
    background: #969696;
    width: 10px;
    height: 11px;
    line-height: 0;
	zoom: 1;
	*float: left;	/* for IE6, IE7 */
}

.control-links li:first-child {
	margin-left: 0;
}

.control-links li.active {
    background: #00b8e9;
}

.control-links li.linkThumb {
	width: auto;
	height: auto;
	position: relative;
	text-indent: 0;
	background: transparent none;
	-moz-transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
}

.control-links li.linkThumb.active {
	background: transparent none;
	z-index: 1;
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.control-links li.linkThumb img {
	display: inline !important;
	visibility: visible !important;
}

.ccslider.controlThumbs {
	margin-bottom: 100px;
}


/* Caption styles */
.cc-caption {
	display: none;
}

.slider-caption {
	background: #000;
    background: rgba(0, 0, 0, 0.7);
    z-index: 101;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    position: absolute;
	overflow: hidden;
	display: none;
}

.slider-caption.bottom {
	left: 0;
	right: 0;
    bottom: 0;
}

.slider-caption.top {
	left: 0;
	right: 0;
    top: 0;
}

.slider-caption.left {
	left: 0;
	top: 0;
    bottom: 0;
	width: 100px;
}

.slider-caption.right {
	right: 0;
	top: 0;
    bottom: 0;
	width: 100px;
}


/* Containers for custom HTML content */
.cc-htmlwrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
} 

.cc-html {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.cc-html img {    /* This ensures that images inside custom html content are visible */
	visibility: visible !important;
}


/* Styles for links placed on slide images */
.slider-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: url(about:blank);  /* hack to fix a bug in IE, to make the anchor tag clickable. Can use any fake image url */
}

/* position the canvas elements for 3d effect */
.ccslider canvas {
	position: absolute;
	top: 0;
	left: 0;
}


/* Styles for elements used in 2d animations */
.wipe-div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 0;
	height: 0;
	-webkit-background-size: cover !important;
	background-size: cover !important;
}


.split1-div, .split2-div {
	position: absolute;
	z-index: 4;
	-webkit-background-size: cover !important;
	background-size: cover !important;
}

.circle-div {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	width: 0;
	height: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.clock-mask {
	position: absolute;
	top: 0;
	z-index: 3;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.clock-mask.left {
	left: 0;
}

.clock-mask.right {
	right: 0;
}

.clock-outer {
	position: absolute;
	top: 50%;
	overflow: hidden;
}

.left .clock-outer {
	-moz-transform-origin: left center;
	-webkit-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.right .clock-outer {
	-moz-transform-origin: right center;
	-webkit-transform-origin: right center;
	-o-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.clock-inner {
	position: absolute;
	top: 50%;
	-webkit-background-size: cover !important;
	background-size: cover !important;
}

.left .clock-inner {
	left: -50%;
}

.right .clock-inner {
	left: 50%;
}

/**************************************************************************************************/

/***************************************** Nouvelle page d'accueil ************************************************/
.bloc_accueil {
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 20px;
    padding: 14px 2px 0 4px;
    text-align: center;
    background-color: #ececec;
    vertical-align: top;
}
.outil {
    width: 145px;
}
.outil_it_en {
    width: 175px;
}
.bloc_video{
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 20px;
    padding: 0;
    text-align: center;
    vertical-align: top;
}
.titre_accueil {
    background-color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    color: #2d2d2d;
    margin: 0 0 10px !important;
    padding-top: 2px;
}
.img_cercle{
    /*border-radius: 50%;*/
    width: 76px;
    /*height: 107px;*/
}
.texte_gauche{
    text-align: left;
}
.texte_gauche > li{
    /*background: rgba(0, 0, 0, 0) url("../../../../test/images/lien.png") no-repeat scroll 0 -2px;
    padding-left: 10px;
    box-shadow: 2px 2px 5px black;*/
    margin-bottom: 18px!important;
}
.gr{
    font-weight: bold;
    color: #e31818;
}
.linkicone{
    box-shadow: 2px 2px 5px black;
    margin-right: 8px;
    vertical-align: middle;
    width: 18px;
}
.linkicone2{
    margin-right: 5px;
    vertical-align: middle;
    width: 14px;
}
.video{
    height: 160px;
    /*padding-top: 10px;*/
    box-sizing: border-box;
    background-color: #ececec;
}
.legende{
    color: #2d2d2d;
    font-size: 0.8em;
    font-style: italic;
    position: relative;
    top: -4px;
    text-align: center;
}
.link_video{
    height: 145px;
    margin-top: 4px;
    padding-top: 10px;
    padding-left: 4px;
    width: 242px;
    background-color: #ececec;
}
.link_video ul{
    /*margin-top: 70px!important;
    padding-left: 40px;*/
    padding-top: 12px;
    position: relative; /* pour le ribbons */
}
/*************************************** pour le ribbons ****************************************************/
.link_video ul li::before, .link_video ul li::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #808080 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    bottom: -10px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    /*z-index: -10;*/
}
.link_video ul li::before {
    left: 0;
}
.link_video ul li::after {
    right: 0;
}
/**********************************************************************************************************************/
.link_video ul li{
    background-color: #e31818;
    /*background: #939393 url("../../../../test/images/fleche_haut5.png") no-repeat;   
    background-position: left -10px center;
    border-radius: 5px;
    padding: 2px 0 2px 25px;
    width: 116px;*/
    /*background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #e70e0e 0%, #f41212 100%) repeat scroll 0 0;*/
    border-bottom: 1px solid #8c8c8c;
    border-radius: 2px 2px 0 0;
    /*border-top: 1px solid #b10000;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    left: -10px;
    margin: 0;
    position: relative;
    width: 257px;
}
.link_video ul li:hover{
    background: #858181 none no-repeat;
    background-position: left -10px center;
    cursor: pointer;
}
#schematheque{
    background: url("../../../../test/images/schematheque2.png") no-repeat scroll 15px 0;
}
#salmsonpass{
    background: url("../../../../test/images/logo_salmsonPass2.png") no-repeat scroll 15px 0;
}
#globalE{
    background: url("../../../../test/images/logo_ge3.png") no-repeat no-repeat scroll 15px 0;
}
.link_video ul li a{
    color: #ffffff;
    padding-left: 45px;
    background-color: #e31818;
    display: block;
    height: 21px;
    width: 195px;
}
.link_video ul li a:hover{
    color: #ffffff;
    background-color: #858181;
}
.bloc_video h2{
    margin: 0 !important;
    width: 238px;
}
/**************************************************************************************************/
input#toggle {
    display: none;
}
img {
    border: 0 none;
}
body {
    background: #ececec none repeat scroll 0 0;
}
.banniere_accueil {
}
#contact {
    float: right;
}
#milieu2_droite4 {
    display: none;
}
h1 {
    background: rgba(0, 0, 0, 0) url("../../../../fileadmin/templates/site/images/bordure_rouge.jpg") no-repeat scroll right 80% !important;
    display: inline-block;
    margin-bottom: 0;
}
h1#Titrechoix {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    margin-top: 21px;
}
#milieu2_droite31 h2 {
    float: none;
    text-align: center;
}
h2 {
    margin: 15px 0;
    padding: 0;
}
h3 {
    background: #f3f3f3 url("../../../../test/images/fd_contenu_menu.jpg") repeat-y scroll 0 0;
    box-shadow: 0 0 7px -1px #aaa;
    clear: left;
    color: #696969;
    font-size: 1.2em;
    line-height: 20px;
    margin-bottom: 1.5em;
    margin-left: 0;
    margin-top: 1.5em;
    padding: 7px 0;
    text-align: center;
    text-transform: uppercase;
}
h4 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #e32118;
    margin-bottom: 1.25em;
    padding-left: 30px;
}
.pfiche h4 {
    padding-left: 10px;
}
a.lienparaRetordCirculateur {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/btrouge.png") no-repeat scroll 5px 0 !important;
    transition-duration: 0.3s;
    transition-property: margin-left;
    transition-timing-function: ease-in;
}
a.lienparaRetordCirculateur:hover {
    color: #e32118;
    margin-left: 5px;
}
#Titrechoix, #milieucentrelisteproduit .lienGamme2 {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/btrouge.png") no-repeat scroll 5px 0 !important;
}
#droiteWysiwyg h4 {
    border-bottom: 1px dotted #d9d7d8;
    height: 56px;
    margin-top: -8px;
    padding: 0;
    text-align: center;
    width: 161px;
}
h5 {
    color: #505050 !important;
    margin-top: 1.5em;
    padding-left: 15px;
    text-transform: uppercase;
}
#selec h5 {
    padding-left: 10px;
}
#GenieClim {
    display: none;
    font-style: italic;
    padding: 0 0 14px 21px;
    position: relative;
    top: -5px;
}
.galleryview a {
    text-align: center !important;
}
.intro {
    width: 200px;
}
#corpsSelecson h5 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0 0 0 20px;
}
a:hover {
    text-decoration: none;
}
p {
    color: #555;
    font-size: 14px;
    line-height: 1.6em;
    margin: 0 10px;
}
.gammeproduits p {
    text-align: justify;
}
p.description_media {
    text-align: justify;
}
#milieuCentreAxess p, .milieucentre p {
    padding-left: 0;
}
ol, ul, li {
    line-height: 1.5;
}
.contenuLibreNiv2 ul {
    margin: 0 18px 15px 30px;
}
.contenuLibreNiv2 li {
    color: #666;
    font-size: 14px;
    list-style-type: disc;
}
.contenuLibreNiv2 p {
    margin: 10px 30px;
    text-align: justify;
}
.contenuLibreNiv2 a {
    font-weight: normal;
    color: #2d2d2d;
}
#bordurepageinterne1 {
    border: 0 none;
}
ul ul li {
    list-style-type: disc;
}
input, select, textarea {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fafafa 0%, #d7d7d7 100%) repeat scroll 0 0 !important;
    border-radius: 8px;
    padding: 3px 0 3px 3px;
}
textarea {
    padding: 4px 9px 2px;
    width: 251px;
}
input.boutonOk {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    margin-top: 2px;
    padding: 0;
}
input.boutenv {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ff9393 0%, #e04a45 50%, #e2443f 51%, #e32118 100%) repeat scroll 0 0 !important;
    box-shadow: none;
    color: #fff;
    font-size: 11px;
    height: 14px;
    margin: 0 15px 0 0;
    text-align: center;
    width: 48px;
}
input.boutenv {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ff9393 0%, #e04a45 50%, #e2443f 51%, #e32118 100%) repeat scroll 0 0 !important;
    box-shadow: 0 0 2px 0 #aaa;
    color: #fff;
    cursor: pointer;
    margin: 0 15px 0 0;
    padding: 7px 0 21px !important;
    transition-duration: 0.4s;
    transition-property: background;
    width: 181px;
}
.boutenv {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ff9393 0%, #e04a45 50%, #e2443f 51%, #e32118 100%) repeat scroll 0 0 !important;
    border-radius: 10px;
    box-shadow: 0 0 2px 0 #aaa;
    color: #fff !important;
    cursor: pointer;
    margin: 0 15px 0 0;
    padding: 7px 10px !important;
    transition-duration: 0.4s;
    transition-property: background;
    width: 181px;
}
input.boutenv:hover {
    background: #e32118 none repeat scroll 0 0 !important;
}
.contenuLibreNiv2 ul li p {
    margin: 0 !important;
}
.liPDFN, a.liPDFN, a.liPDFN:link {
    width: 100%;
}
#Rubrique ul ul {
    margin: 10px 5px 0 0;
}
#ombreficheD {
    margin-left: 6px;
}
#filAriane {
    clear: both;
    float: left;
    margin: 20px 0;
    padding-left: 0;
}
#blocDistributeur {
    background: #ececec none repeat scroll 0 0;
}
#blocDistributeur {
    background: #ececec none repeat scroll 0 0;
}
#milieu2_droite {
    background: #ececec none repeat scroll 0 0;
    border-radius: 0 10px;
    box-shadow: 0 0 8px 0 #ccc;
    float: right;
    height: 290px;
    width: 234px;
}
#milieudroitfiche {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    border: 1px solid #cecece;
    border-radius: 0 20px 0 0;
    color: #6d6c6c;
    float: right;
    height: auto;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 16px;
    width: 192px;
}
#milieugauchefiche {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #cecece;
    border-radius: 20px;
    color: #6d6c6c;
    float: left;
    height: auto;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 16px;
    padding-top: 10px;
    width: 192px;
}
#milieudroitfiche h3 {
    color: #505050;
}
#courbbottom {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#prblanc {
    background-color: transparent;
}
#milieu3_droite {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 10px;
    float: right;
    margin-left: 10px;
    margin-top: 10px;
    width: 234px;
    z-index: 2000;
}
#milieu2_gauche {
    width: 720px;
}
div > #milieu2_gauche_haut {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    width: 717px;
}
#flashAccueil {
    height: 290px;
    margin-left: 2px;
}
#milieu {
    border: medium none;
    min-height: 0;
}
#global {
    z-index: 1;
}
#menu_txt .sanspipe a, .mthequeCadrePx, .mthequeCadreBot, .mthequeCadreTop, .quest_spe {
    background: transparent none repeat scroll 0 0 !important;
}
#bordure, #bordurepageinterne, .contenuLibreNiv2 td {
    border: medium none !important;
}
.titreMedia {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: #505050;
}
#milieugrauche, #milieuCent {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
#ombregauche {
    width: auto !important;
}
#ombredroite {
    width: auto !important;
}
.gammeproduits {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-left: 0;
}
.Prdroite {
    margin-left: -77px !important;
}
.imgtext p {
    float: right !important;
    width: 369px;
}
#parafax p {
    color: #fff;
    font-weight: bold;
    left: -14px;
    position: relative;
    text-align: center;
}
#corpsSelecson, #foNdRED {
    background-color: #e32118;
    background-image: none;
    border-radius: 0 0 20px;
    height: auto;
    margin: 10px 0 10px 11px;
    padding-bottom: 20px;
    padding-top: 1px;
    width: 201px;
}
#corpsSelecson p {
    color: #fff;
    font-size: 11px;
}
#corpsSelecson h5 {
    color: #fff !important;
}
#piedSelecson {
    background-image: none;
}
.contenuLibreBlocD1 h3 {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/vraussi2.jpg") repeat-x scroll 0 0;
    border-radius: 20px 20px 0 0;
    display: none;
    width: 183px;
}
#DroitM {
    float: right;
    margin-left: 8px;
    width: 198px;
}
#lignefind #find {
    background: #ededed none repeat scroll 0 0 !important;
    border-radius: 10px;
    box-shadow: 6px 4px 4px #b7b7b7 inset;
    padding: 4px 4px 4px 15px !important;
}
#find, #newsletterAccueil {
    border: 0 solid !important;
}
#ombreformD {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    width: 500px !important;
}
.contenuLibreNiv2 h4 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #e32118;
    text-transform: capitalize;
}
#ombregaucherec, #ombredroiterec, #Idombrerougerec {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.contenuLibreNiv2 h3 {
    background: #f3f3f3 url("../../../../test/images/fd_contenu_menu.jpg") repeat-y scroll 0 0;
    box-shadow: 0 0 7px -1px #aaa;
    color: #696969;
    line-height: 20px;
    margin-bottom: 1.5em;
    margin-left: 0;
    margin-top: 1.5em;
    padding: 7px 0;
    text-align: center;
    text-transform: uppercase;
}
.mthequeTitreProd {
    color: #e32118;
}
.contenuLibreNiv2 a:hover {
    color: #e32118;
    text-decoration: none;
}
#domestiquewhite {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#nav {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/menu_haut.png") repeat-x scroll 0 0;
    height: 40px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}
#header {
    background: #e31818 none repeat scroll 0 0;
    display: block;
    height: 36px;
    left: 0;
    padding-top: 8px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 20000;
}
#social {
    float: left;
    margin-right: 35px;
    margin-top: 2px;
}
a.fb {
    background-image: url("../images/fb_icone.gif");
    display: inline-block;
    height: 24px;
    width: 24px;
}
a.yt {
    background-image: url("../images/yt_logo.png");
    bottom: 2px;
    display: inline-block;
    height: 22px;
    margin-left: 25px;
    position: relative;
    width: 52px;
}
#langues {
    bottom: 14px;
    display: inline-block;
    /*margin-right: 50px;*/
    position: relative;
}
#blocright {
    display: inline-block;
    width: 660px;
}
#Rubrique {
    margin-top: 70px;
    width: 600px;
}
#Rubrique ul {
    /*margin: 2em 3em;*/
}
#Rubrique #sanspipe a {
    background: transparent none repeat scroll 0 0 !important;
}
#Rubrique ul#liste_rubriques a {
    background: rgba(0, 0, 0, 0) url("../../fileadmin/templates/site/images/separateurred.gif") no-repeat scroll 100% 60%;
    color: #e32118;
    display: block !important;
    float: left;
    font-size: 0.6em;
    margin-top: -5px !important;
    padding: 1px 5px 0;
}
#logo img {
    /*margin-bottom: 30px !important;
    margin-top: 30px;
    position: relative;
    top: 30px;
	width: 345px;
	height:auto;
	border:0;*/
    margin-left: 5px;
    margin-top: 62px;
    height:auto;
}
#accOmbreGauche, #accOmbreDroite {
    background-image: none;
    display: none;
}
#milieu2_gauche_bas {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    width: 710px;
}
#milieu2_gauche_bas2, #milieu2_gauche_bas3, #milieu2_gauche_bas4, #milieu2_gauche_bas6 {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 8px 0 #ccc;
    height: 300px;
    margin: 10px 0 !important;
    padding-bottom: 35px;
    width: 169px;
}
#milieu2_gauche_bas6:hover {
    background: #ecd5d5 url("../../../../test/images/menu_haut_bloc.jpg") repeat-x scroll 0 0;
    transition: all 2s ease 0s;
}
#milieu2_gauche_bas4:hover {
    background: #ecd5d5 url("../../../../test/images/menu_haut_bloc.jpg") repeat-x scroll 0 0;
    transition: all 2s ease 0s;
}
#milieu2_gauche_bas3:hover {
    background: #ecd5d5 url("../../../../test/images/menu_haut_bloc.jpg") repeat-x scroll 0 0;
    transition: all 2s ease 0s;
}
#milieu2_gauche_bas2:hover {
    background: #ecd5d5 url("../../../../test/images/menu_haut_bloc.jpg") repeat-x scroll 0 0;
    transition: all 2s ease 0s;
}
#guideFlash {
    background: #ececec none repeat scroll 0 0;
    border-radius: 10px 10px 0 0;
}
#milieu2_gauche_bas11 img {
    float: left;
    margin: 3px 10px 8px -6px;
    width: 173px;
}
#milieu2_gauche_bas21 img, #milieu2_gauche_bas31 img, #milieu2_gauche_bas41 img, #milieu2_gauche_bas61 img {
    margin-left: 0;
    position: relative;
    top: 43px;
    width: 177px;
}
ul.menu li ul li {
    float: left;
}
#milieu2_droite3 {
    border-top: 0 none;
    width: 228px;
}
#milieu2_droite31 {
    margin: 0;
    padding: 0;
}
#milieu2_droite32 {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/fond_transparent.png") repeat scroll 0 0;
    bottom: 48px;
    left: -10px;
    padding: 5px;
    position: absolute;
    width: 203px !important;
}
.titre1gris {
    font-size: 14px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -77px;
}
.menubas {
    margin-top: 26px;
}
.menubas li a {
    display: inline-flex;
    font-size: 12px;
    text-decoration: none;
}
.menubas li a:hover {
    color: #e52e26;
}
.Espacement2 {
    float: left;
    width: 4px;
}
.nosservices {
    float: left;
    padding-left: 20px;
    width: 46%;
}
.nosservices ul li {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/btcasque.png") no-repeat scroll 0 2px !important;
    list-style: outside none none;
    padding: 0 25px;
}
#milieu2_gauche_bas32 ul li {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/btjaune.png") no-repeat scroll 0 3px !important;
    line-height: 19px;
    margin-bottom: 3px;
}
#milieu2_gauche_bas22 ul li {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/btcasque.png") no-repeat scroll 0 3px !important;
    line-height: 19px;
    margin-bottom: 3px;
}
#milieu2_gauche_bas42 ul li {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/btvert.png") no-repeat scroll 0 3px !important;
    line-height: 19px;
    margin-bottom: 3px;
}
#milieu2_gauche_bas62 ul li {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/btbleu.png") no-repeat scroll 0 3px !important;
    line-height: 19px;
    margin-bottom: 3px;
    padding-left: 15px;
}
#milieu2_droite32 ul li {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/flecherouge.png") no-repeat scroll 0 8px;
}
.liengeneral {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/flecherouge.png") no-repeat scroll 14px 12px;
}
.Prdroite ul li.lien_commandepdf {
    background: rgba(0, 0, 0, 0) url("../images/pdf.gif") no-repeat scroll 0 0 !important;
    list-style: outside none none;
    margin-left: -4px;
    padding-left: 21px;
    transition-duration: 0.3s;
    transition-property: margin-left;
    transition-timing-function: ease-in;
}
.Prdroite ul li {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/btrouge.png") no-repeat scroll 0 2px !important;
    list-style: outside none none;
    padding-left: 18px;
    transition-duration: 0.3s;
    transition-property: margin-left;
    transition-timing-function: ease-in;
}
.consulte ul li {
    list-style: outside none none;
}
.consulte ul li.actulien {
    left: -45px;
    list-style-image: url("../../../../test/images/btrouge.jpg");
    margin-right: 20px;
    position: relative;
    width: 200px;
}
.Prdroite ul li input {
    border: medium none !important;
    margin: 15px 5px 15px 0 !important;
}
.liengeneral a {
    font-size: 70% !important;
}
#lientouteact {
    height: 18px;
    left: 38px;
    margin-top: -15px !important;
    padding: 1px;
    position: relative;
    text-align: center;
    top: 0;
    width: 135px;
}
#footer {
	/*padding-left:15px;*/
    /*text-align: center;*/
}
ul#liste_rubriques li, ul.menubas li, ul#lieng li {
    font-size: 17px;
    list-style: outside none none;
}
ul.menu_menuslide li {
    background-image: -moz-linear-gradient(center top , #e52e26, #b71a13);
    font-size: 16px;
}
.menu_menuslide > li > a {
    height: 5.15em;
    line-height: 4.75em;
    text-indent: 0.75em;
}
#Rubrique ul ul a {
    font-size: 60%;
}
.contenuLibreBlocD1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 20px;
}
#blancb {
    width: 99.5%;
}
#blancb p {
    font-size: 12px;
}
#blancb, #blancb2 {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    border: 1px solid #cecece;
    margin-left: 10px;
    min-height: 115px;
    padding: 5px;
    position: relative;
    top: 0;
    transition-duration: 1s;
    transition-property: top;
    transition-timing-function: ease;
    width: 190px !important;
}
#blancb {
    border-radius: 0 20px 0 0;
}
#blancb ul li {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/btrouge.png") no-repeat scroll 7px 11px !important;
    font-size: 13px;
    padding-right: 8px;
}
#blancb ul li a {
    color: #6d6c6c !important;
}
#blancb ul li a:hover {
    color: #e32118 !important;
}
#blancb ul {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.sidebar {
    float: left;
}
.bloc_sidebar {
    float: left;
    padding-bottom: 16px;
    width: 203px !important;
}
.sidebar2 {
    float: left;
}
.bloc_sidebar2 {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/vraussi2.jpg") repeat-x scroll 0 0;
    border: 1px solid #cecece;
    border-radius: 20px;
    float: right;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 16px;
    width: 100%;
}
#listechoix {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    border: 1px solid #cecece;
    border-radius: 20px;
    color: #6d6c6c;
    height: auto;
    line-height: 18px;
    max-width: 192px;
    text-decoration: none;
}
#choixgauche {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.milieucentre h1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #505050;
    font-size: 1.7em;
    margin: 12px 0;
    padding-left: 30px;
}
.milieucentre {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #cecece;
    border-radius: 20px 0 0;
    padding-bottom: 20px;
}
#textdef ul li {
    color: #666 !important;
    font-size: 14px !important;
    list-style-type: disc !important;
    margin: 0 15px !important;
}
#droiteWysiwyg ul li {
    color: #666 !important;
    font-size: 14px !important;
    list-style-type: disc !important;
    margin: 0 15px !important;
}
.milieucentre li {
    color: #666;
    font-size: 14px;
    list-style-type: disc;
}
.milieucentre ul {
    margin: -3px 18px 15px 45px;
}
.milieucentre ul ul {
    margin: 5px;
}
.milieucentre ul li p {
    margin: 0 !important;
}
.contenuLibreNiv2 {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #cecece;
    border-radius: 20px 0 0;
}
.contenuLibreCentre h1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 20px 0 0;
    color: #505050;
    padding-left: 30px;
    position: relative;
}
.nosformations {
    position: relative;
}
.identifiant {
    background: #e1e1e1 none repeat scroll 0 0;
    border: 1px solid #cecece;
    border-radius: 0 20px 0 0;
    margin: 0 10px 20px;
    padding: 1px 10px 17px;
    position: relative;
    top: 0;
    transition-duration: 1s;
    transition-property: top;
    transition-timing-function: ease;
    width: 179px !important;
}
.nosformations-right {
    padding-bottom: 20px;
    padding-top: 0;
    width: 49%;
}
.nosformations-left {
    /*padding: 0 10px 20px 0;
    width: 49%;*/
}
.nosformations-left img.gallery {
    width: 285px;
}
.nosformations-reseign {
    text-align: center;
}
.nosformations-reseign-infos {
    border: medium none;
    float: left;
    padding: 0;
    text-align: center;
}
.bloc_sidebar h3 {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/vraussi.jpg") no-repeat scroll 0 0;
    border-radius: 0 20px 0 0;
    height: 43px;
    margin-bottom: 0;
    width: 203px;
}
.titre {
    left: 15px;
    position: relative;
}
#milieucentrelisteproduit .lienGamme2 {
    letter-spacing: 0;
    padding-left: 25px;
}
.divTelecharger {
    letter-spacing: 0;
    margin-right: 10px;
    width: 160px;
}
#milieucentrelisteproduit {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #cecece;
    border-radius: 20px 0 0;
    float: left;
    width: 755px;
}
#milieucentrelisteproduit h1 {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 20px 0 0;
    color: #505050;
    margin-top: 12px;
    position: relative;
}
#milieucentrelisteproduit h3 {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/fd_contenu_menu.jpg") repeat-y scroll 0 0;
    box-shadow: 0 0 10px 0 #e3e3e3;
    color: #838383;
    line-height: 20px;
    margin-bottom: 1.5em;
    margin-left: 0;
    margin-top: 1.5em;
    padding: 7px 0 7px 50px;
    text-transform: uppercase;
}
#milieucentrelisteproduit h4 {
}
#choixgauche {
    min-height: auto;
    padding: 10px 10px 10px 26px !important;
}
.liPDFN {
    height: 30px;
    width: 138px;
}
.gammecirculateur {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/separateurombre.png") no-repeat scroll 74% 26%;
    height: auto;
}
.clImgVign3, a.clImgVign3, a.clImgVign3:link {
    height: 150px;
    width: 150px;
}
.clImgVign2, a.clImgVign2, a.clImgVign2:link {
    height: 150px;
    width: 150px;
}
.clImgVign, a.clImgVign, a.clImgVign:link {
    height: 150px;
    width: 150px;
}
.TitreLienAncre {
    color: #505050;
}
.pfiche p {
    color: #555 !important;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
}
#milieuCentreAxess {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #cecece;
    border-radius: 20px 0 0;
    float: left;
    margin-left: 2px;
    margin-right: 15px;
    width: 540px;
}
#milieuCentreAxess h1 {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 20px 0 0;
    color: #505050;
    height: 40px;
    margin-bottom: 8px;
    padding: 13px 0 8px 19px;
    position: relative;
}
#milieuCentreAxess h4, .TitreMEA2 h4, .titreSousCat2 h4 {
    background: #f1f1f1 url("../../../../test/images/fd_contenu_menu.jpg") repeat-y scroll center center;
    box-shadow: 0 0 10px 0 #e3e3e3;
    color: #838383;
    margin-bottom: 15px;
    padding: 7px 0;
    text-align: center;
    text-transform: uppercase;
}
#textdef {
    padding: 0;
}
#ombregnosf {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: right;
    margin: 0;
}
#ombreficheG {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#Description {
    padding: 0 20px;
}
#milieuCentreAxess p, .milieucentre p {
    color: #555555;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 20px 0 0;
    padding: 0 10px 15px 30px;
}
.milieucentre ul li p, #milieuCentreAxess ul li p {
    padding: 0 0 15px;
}
#droiteWysiwyg {
    line-height: 18px;
    width: 162px;
}
#selec {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#NosForm ul li {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/btrouge.png") no-repeat scroll 15px 14px !important;
}
#NosForm ul li a {
    color: #e32118;
}
.lkVideo, a.lkVideo, a.lkVideo:link {
    background: #696969 none repeat scroll 0 0;
    border-radius: 10px;
    color: #f5f5f5;
    display: block;
    float: left;
    font: 14px Arial;
    height: 70px;
    margin-right: 30px;
    padding-top: 30px;
    text-align: center;
    width: 100px;
}
a.lkVideo:hover {
    background: #e32118 none repeat scroll 0 0;
    color: #fff;
}
.zoom {
    display: inline-block;
    position: relative;
}
.zoom::after {
    background: rgba(0, 0, 0, 0) url("icon.png") repeat scroll 0 0;
    display: block;
    height: 33px;
    position: absolute;
    right: 0;
    top: 0;
    width: 33px;
}
.zoom img {
    display: block;
}
#ex2 img:hover {
    cursor: url("grab.cur"), default;
}
#ex2 img:active {
    cursor: url("grabbed.cur"), default;
}
#Mbloc img {
    border: 1px solid #cecece;
}
.milieucentre h2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#milieuCentreAxess h2 {
    background: rgba(0, 0, 0, 0) url("../../../../test/images/btrouge.png") no-repeat scroll 0 3px !important;
}
#slidehistoire .post-preview:hover .titre {
    display: block;
}
#slidehistoire .post-preview:hover .miniature {
    filter: url("blur.svg#blur");
}
#slidehistoire {
    position: relative;
}
#slidehistoire .post-preview:hover .titre {
    background-color: #f5f5f5;
    box-shadow: 2px 2px 10px gray;
    display: block;
    left: 30px;
    position: relative;
    top: -240px;
}
#slidehistoire .post-preview:hover .miniature {
    filter: url("blur.svg#blur");
}
#slidehistoire .miniature {
    cursor: default;
    left: 30px;
    position: relative;
    top: -5px;
}
#slidehistoire .titre {
    display: none;
    font-size: 14px;
    height: 180px;
    position: relative;
    text-align: center;
    width: 180px;
}
#slidehistoire a span {
    background: #e32118 none repeat scroll 0 0;
    color: #f5f5f5;
    display: block;
    height: 185px;
    padding: 40px 10px 0;
    width: 206px;
}
#slidehistoire .titre a {
    color: #323232;
    text-decoration: none;
}
#slidehistoire .miniature:hover + .titre {
    display: block;
}
#slidehistoire .post-preview {
    float: left;
    height: 230px;
    margin-left: 0;
    width: 230px;
}
#slidehistoire #content img {
    box-shadow: 2px 2px 10px grey;
}
/*
@media screen and (max-width: 1024px) {
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
}
.rmm .rmm-main-list li {
    display: inline;
    margin: 0 !important;
}
.rmm-toggled {
    display: none;
    margin: 0 auto !important;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.rmm-button:hover {
    cursor: pointer;
}
.rmm .rmm-toggled ul {
    display: none;
    margin: 0 !important;
    padding: 0 !important;
}
.rmm .rmm-toggled ul li {
    display: block;
    margin: 0 auto !important;
}
.rmm.graphite .rmm-main-list li a {
    background-color: #444444;
    background-image: url("../rmm-img/graphite-menu-bg.png");
    background-repeat: repeat-x;
    border-left: 1px solid #555555;
    display: inline-block;
    font-size: 15px;
    margin: 0 -3px;
    padding: 8px 30px;
    text-shadow: 1px 1px 1px #333333;
}
.rmm.graphite .rmm-main-list li a:hover {
    background-image: url("../rmm-img/graphite-menu-bg-hover.png");
}
.rmm.graphite .rmm-main-list li:first-child a {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.rmm.graphite .rmm-main-list li:last-child a {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.rmm.graphite .rmm-toggled {
    border-radius: 6px;
    min-height: 36px;
    width: 95%;
}
.rmm.graphite .rmm-toggled-controls {
    background-image: url("../rmm-img/graphite-menu-bg.png");
    background-repeat: repeat-x;
    border-radius: 6px;
    color: white;
    display: block;
    height: 36px;
    position: relative;
}
.rmm.graphite .rmm-toggled-title {
    color: white;
    font-size: 16px;
    left: 15px;
    position: relative;
    text-shadow: 1px 1px 1px black;
    top: 9px;
}
.rmm.graphite .rmm-button {
    display: block;
    position: absolute;
    right: 15px;
    top: 8px;
}
.rmm.graphite .rmm-button span {
    background: white none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin-top: 4px;
    width: 24px;
}
.rmm.graphite .rmm-toggled ul li a {
    background-color: #555555;
    display: block;
    padding: 10px 0;
    width: 100%;
}
.rmm.graphite .rmm-toggled ul li a:active {
    background-color: #444444;
    border-bottom: 1px solid #444444;
    border-top: 1px solid #444444;
}
.rmm.sapphire .rmm-main-list li a {
    background-color: #537b9f;
    background-image: url("../rmm-img/sapphire-menu-bg.png");
    background-repeat: repeat-x;
    border-left: 1px solid #3e587b;
    display: inline-block;
    font-size: 15px;
    margin: 0 -3px;
    padding: 8px 30px;
    text-shadow: 1px 1px 1px #3e587b;
}
.rmm.sapphire .rmm-main-list li a:hover {
    background: #3e597b none repeat scroll 0 0;
}
.rmm.sapphire .rmm-main-list li:first-child a {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.rmm.sapphire .rmm-main-list li:last-child a {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.rmm.sapphire .rmm-toggled {
    background-color: #537b9f;
    border-radius: 6px;
    min-height: 36px;
    width: 95%;
}
.rmm.sapphire .rmm-toggled-controls {
    background-image: url("../rmm-img/sapphire-menu-bg.png");
    background-repeat: repeat-x;
    border-radius: 5px;
    color: white;
    display: block;
    height: 36px;
    position: relative;
}
.rmm.sapphire .rmm-toggled-title {
    color: white;
    font-size: 16px;
    left: 15px;
    position: relative;
    text-shadow: 1px 1px 1px #3e587b;
    top: 9px;
}
.rmm.sapphire .rmm-button {
    background-image: url("../rmm-img/sapphire-menu-bg.png");
    background-position: center top;
    border: 1px solid #3e587b;
    border-radius: 3px;
    display: block;
    padding: 0 7px;
    position: absolute;
    right: 9px;
    top: 7px;
    width: 20px;
}
.rmm.sapphire .rmm-button span {
    background: white none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 4px 0;
    width: 20px;
}
.rmm.sapphire .rmm-toggled ul li a {
    background-color: #537698;
    border-bottom: 1px solid #3c5779;
    border-top: 1px solid #6883a6;
    display: block;
    padding: 10px 0;
    text-shadow: 1px 1px 1px #333333;
    width: 100%;
}
.rmm.sapphire .rmm-toggled ul li a:active {
    background-color: #3c5779;
    border-bottom: 1px solid #3c5779;
    border-top: 1px solid #3c5779;
}
.rmm.sapphire .rmm-toggled ul li:first-child a {
    border-top: 1px solid #3c5779 !important;
}
.rmm.minimal a {
    color: #333333;
}
.rmm.minimal a:hover {
    opacity: 0.7;
}
.rmm.minimal .rmm-main-list li a {
    display: inline-block;
    font-size: 15px;
    margin: 0 -3px;
    padding: 8px 30px;
}
.rmm.minimal .rmm-toggled {
    min-height: 36px;
    width: 95%;
}
.rmm.minimal .rmm-toggled-controls {
    color: #333333;
    display: block;
    height: 36px;
    position: relative;
}
.rmm.minimal .rmm-toggled-title {
    font-size: 16px;
    left: 9px;
    position: relative;
    top: 9px;
}
.rmm.minimal .rmm-button {
    display: block;
    position: absolute;
    right: 9px;
    top: 7px;
}
.rmm.minimal .rmm-button span {
    background: #333333 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 4px 0;
    width: 25px;
}
.rmm.minimal .rmm-toggled ul li a {
    border-bottom: 1px solid #dedede;
    color: #333333;
    display: block;
    padding: 10px 0;
    width: 100%;
}
.rmm.minimal .rmm-toggled ul li:first-child a {
    border-top: 1px solid #dedede;
}
h1 {
    margin-bottom: 15px;
}
#header {
    width: 100% !important;
}
#global {
    width: 100% !important;
}
#listechoix {
    display: none;
}
.contenuLibreBlocD1 {
    display: none;
}
#Rubrique ul {
    width: 100% !important;
}
#milieu2_droite {
    margin-top: 21px;
}
#Rubrique ul div {
    width: 100%;
}
#milieudroitfiche {
    display: block;
}
#filAriane {
    display: none;
}
#milieugrauche {
    display: none;
}
#ombreficheG {
    width: 100%;
}
#bordurepageinterne {
    padding-left: 0;
    width: 100%;
}
ol, ul, li {
    letter-spacing: 1px;
    line-height: 107%;
}
#Rubrique {
    height: 100%;
    margin-top: 0;
    width: 100%;
}
#footer {
    width: 100%;
}
#flashAccueil {
    display: none;
}
#milieu3_droite {
    display: none;
}
#blancb, #milieudroit1 {
    display: none;
}
html, body {
    overflow-x: auto;
    width: 100%;
}
#header {
    background: #e31818 none repeat scroll 0 0;
    bottom: auto;
    color: white;
    display: table;
    height: 40px;
    left: 0;
    padding-bottom: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 500;
}
}
@media screen and (max-width: 865px) {
#blocright {
    width: 620px;
}
}
*/
@media screen and (max-width: 820px) {
/************************* Responsivité des pages intérieures du site ***************************/
#blancb{
    display: none;
    }
#filAriane{
    display: none;
}
#bordurepageinterne {
    width: 100%;
    padding-left: 0;
    border: none;
}
.milieucentre {
    width: 100%;
}
#milieudroit1 { /* enlève le sticky menu */
    display: none;
}
/*************** Responsivité des pages intérieures principales **************/
.gammeproduits {
  width: 100%;   
}
.imgtext {
    width: 94%;
    margin-left: 18px;
}
.imgtext p {
    width: 87%;
    float: none !important;
    padding-top: 120px !important;
    padding-left: 0;
}
.gammeproduits .Prdroite {
    margin-left: 0 !important;
}
.milieucentre ul {
    margin: 0;
    padding: 0;
}
/************************************************************************************************/
div.tx-macinasearchbox-pi1 {
    display: none;
}
#blocright {
    /*width: 420px;*/
    width: 332px;
}
#social{
    margin-right: 0;
} 
#vid{
    display: none; /*** affichage de la video de noel ***/
}
#slider{
    display: none;
}
#Rubrique {
    height: auto;
    width: 100%;
}
#Rubrique ul {
    height: auto;
    width: 100% !important;
}
#Rubrique ul ul {
    height: auto;
    width: 100% !important;
}
#Rubrique ul ul li {
    line-height: 2.5;
}
#Rubrique div {
    left: 0;
    position: fixed;
    z-index: 2000;
}
.bloc_accueil {
    display: block;
    padding-left: 10px;
}
.titre_accueil {
    background-color: #ececec;
    font-size: 20px;
}
.bloc_video h2 {
    Width: 100%;
}
.img_cercle{
    width: 107px;
}
.outil{
   width: auto;     
}
.bloc_video{
    /*display: none;*/
    width: 100%;
}
.link_video {
    width: 100%;
}
.link_video ul li {
    width: 102%;
}
html, body {
    height: auto;
    overflow-x: auto;
    width: 100%;
}
#logo img {
    width: auto;
}
#global{
    width: 100%;
}
#milieu2_gauche_bas {
    width: 100%;
}
#milieu2_gauche {
    width: 100%;
}
#milieu_2_gauche_bas_wrapper {
    width: 100%;
}
#milieu {
    width: 96%;
}
#milieu1 {
    width: 100%;
}
#bordure {
    width: 100%;
}
#menu_txt1 li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
}
/*
@media screen and (max-width: 640px) {
html, body {
    height: auto;
    overflow-x: auto;
    width: 100%;
}
#logo img {
    width: auto;
}
#milieu2_gauche_bas {
    width: 100%;
}
#milieu2_gauche {
    width: 100%;
}
#milieu_2_gauche_bas_wrapper {
    width: 100%;
}
#milieu {
    width: 100%;
}
#milieu1 {
    width: 100%;
}
#bordure {
    width: 100%;
}
#header {
    background: #e31818 none repeat scroll 0 0;
    bottom: auto;
    color: white;
    display: table;
    height: 40px;
    left: 0;
    padding-bottom: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 500;
}
#contact, div.tx-macinasearchbox-pi1 {
    display: none;
}
.milieucentre {
    width: 100%;
}
.milieucentre img {
    height: auto;
}
#Rubrique {
    height: auto;
    width: 100%;
}
#Rubrique ul {
    height: auto;
    width: 100% !important;
}
#Rubrique ul ul {
    height: auto;
    width: 100% !important;
}
#Rubrique ul ul li {
    line-height: 2.5;
}
#Rubrique div {
    left: 0;
    position: fixed;
    z-index: 2000;
}
.block {
    padding-left: 5px !important;
}
.vignMtheque, .mthequeCadrePx {
    width: 100%;
}
.input_quiz {
    width: 90%;
}
#menu_txt1 li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: inline;
    width: 100%;
}
ol, ul, li {
    line-height: 1.5;
}
#Iddistributeurhaut {
    padding-left: 0;
}
#Iddistributeurhaut1 {
    clear: left;
    float: left;
}
.nosformations-right, .nosformations-left {
    width: 100%;
}
#blocright {
    width: 31%;
}
#blancb, #milieudroit1 {
    display: none;
}
}
*/
@media screen and (max-width: 500px) {
#blocright {
    width: 110px;
}
#contact {
    display: none;
}
#langues .tx-srlanguagemenu-pi1 {
    padding-left: 0;
}
}
@media screen and (max-width: 260px) {
#social {
    display: none;
}
}
/*
@media screen and (min-width: 1px) and (max-width: 240px) and (orientation: portrait) {
#milieu1 {
}
.paragraphe, .actbloc h2, .consulte ul li.actulien {
    width: 100%;
}
#milieu, .contenuLibreNiv2 {
    width: 183px;
}
.milieucentre {
    width: 100%;
}
#milieuCentreAxess {
    width: 53%;
}
.imgtext p {
    width: 89%;
}
#milieu_2_gauche_bas_wrapper {
}
h1 {
    margin-bottom: 40px;
}
#Mbloc img {
    height: 165px;
    width: 165px;
}
#Rubrique div {
    left: -50px;
    position: absolute;
    top: 55px;
}
#contact {
    display: none;
}
#blancb, #milieudroit1 {
    display: none;
}
#langues {
    bottom: 4px;
    margin-right: 0;
}
}
*/
/*
@media screen and (min-width: 241px) and (max-width: 330px) and (orientation: portrait) {
#milieu1 {
}
#milieu, .contenuLibreNiv2 {
    width: 263px;
}
#milieuCentreAxess {
    width: 74%;
}
.milieucentre {
    width: 100%;
}
.paragraphe, .actbloc h2, .consulte ul li.actulien {
    width: 100%;
}
.imgtext p {
    width: 89%;
}
#milieu_2_gauche_bas_wrapper {
}
#Rubrique div {
}
#contact {
    display: none;
}
#blocright {
    width: 105px;
}
#langues {
    margin-right: 0;
}
#blancb, #milieudroit1 {
    display: none;
}
}
*/
/*
@media screen and (min-width: 241px) and (max-width: 330px) and (orientation: landscape) {
#milieu1, #milieuCentreAxess, .contenuLibreNiv2 {
}
#milieu_2_gauche_bas_wrapper {
}
.milieucentre {
    width: 100%;
}
#Rubrique div {
    left: -50px;
    position: absolute;
    top: 55px;
}
#contact {
    display: none;
}
#blocright {
    width: 105px;
}
#langues {
    margin-right: 0;
}
#blancb, #milieudroit1 {
    display: none;
}
}
*/
/*
@media screen and (min-width: 331px) and (max-width: 375px) and (orientation: portrait) {
#milieu1, #milieuCentreAxess, .contenuLibreNiv2 {
}
.milieucentre {
    width: 100%;
}
#milieu_2_gauche_bas_wrapper {
}
#Rubrique div {
    left: -50px;
    position: absolute;
    top: 55px;
}
#contact {
    display: none;
}
#blancb, #milieudroit1 {
    display: none;
}
}
@media screen and (min-width: 376px) and (max-width: 414px) and (orientation: portrait) {
#milieu1, #milieuCentreAxess, .contenuLibreNiv2, #bordure {
}
.milieucentre {
    width: 100%;
}
#milieu_2_gauche_bas_wrapper {
}
#Rubrique {
    clear: left;
}
#contact {
    display: none !important;
}
#blancb, #milieudroit1 {
    display: none;
}
@media screen and (min-width: 415px) and (max-width: 767px) and (orientation: portrait) {
#milieu1, #bordure {
    width: 72%;
}
#milieu, .contenuLibreNiv2 {
    width: 420px;
}
.milieucentre {
    width: 100%;
}
#milieuCentreAxess {
    width: 100%;
}
.paragraphe, .actbloc h2, .consulte ul li.actulien {
    width: 100%;
}
.imgtext p {
    width: 89%;
}
#milieu_2_gauche_bas_wrapper {
    width: 49%;
}
#Rubrique {
    clear: left;
}
#contact {
    display: none;
}
#blocright {
    width: 27%;
}
#blancb, #milieudroit1 {
    display: none;
}
.nosservices {
    float: right;
    padding-left: 0;
    width: 44%;
}
}
*/
/*
@media screen and (min-width: 415px) and (max-width: 767px) and (orientation: landscape) {
#milieu, #milieu1, #milieuCentreAxess, .contenuLibreNiv2, #bordure {
    width: 99%;
}
.milieucentre {
    width: 100%;
}
#Rubrique {
    clear: left;
}
#contact {
    display: none;
}
#blocright {
    width: 27%;
}
#flashAccueil {
    display: block;
}
#milieu3_droite {
    display: block;
}
#blancb, #milieudroit1 {
    display: none;
}    
}
*/
/*
@media screen and (min-width: 736px) and (max-width: 975px) and (orientation: landscape) {
#milieu, #milieu1, #milieuCentreAxess, .contenuLibreNiv2, #bordure {
    width: 99%;
}
#Rubrique {
    clear: left;
}
#blocright {
    width: 519px;
}
#flashAccueil {
    display: block;
}
#milieu3_droite {
    display: block;
}
}
@media screen and (min-width: 975px) and (max-width: 1024px) and (orientation: landscape) {
#milieu, #milieu1, #milieuCentreAxess, .contenuLibreNiv2, #bordure {
    width: 99%;
}
#Rubrique {
    clear: left;
}
#blocright {
    width: 563px;
}
#flashAccueil {
    display: block;
}
#milieu3_droite {
    display: block;
}
}
*/
/*
@media screen and (min-width: 1025px) and (max-width: 1366px) {
#langues {
    margin-left: 15%;
}
#blocright {
    margin-right: 15%;
}
#flashAccueil {
    display: block;
}
#milieu3_droite {
    display: block;
}
}
*/