/* 
Theme Name: Flatens
Template: flatens
Author: Bruno DARRAS
Description: Update flatens theme for Nameshield
Version: 1.0.0
*/
 
/* Notez ici que "toolbox" est le répertoire du thème parent */
@import url(../flatens/style.css);

/* Disclaimer COOKIES POPUP */

.iAgreePopup {
	
    bottom: 0;
    height: 100px;
	position:fixed;
	top:inherit;
}
.iAgreePopup .popupBG {
    opacity: 0.9;
}
.iAgreePopup .popupContainer {
    background: none !important;
    border-radius: 0;
    height: auto;
    left:0 !important;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    z-index: auto;
	top:inherit;
	margin:0 !important;
}

.iAgreePopup .popupContainer .popupContent {
	background-color: transparent !important;
    color: #fff;
    font-weight: bold;
    overflow: auto;
    padding: 0 15px;
    position: relative;
	float: left;
	width: 75%;

}
.iAgreePopup .popupContainer .popupContent p {
	line-height: 1.2em;
	}
.iAgreePopup .popupContainer .popupContent .more-link {
	display:none;
	}
.iAgreePopup .popupContainer .popupChoices {
    float: right;
	position: relative;
	width: 20%;
	padding: 1% 0 0;
	text-align:right;
}
.iAgreePopup .popupContainer .popupChoices a {
    margin: 3% 0;
}
.iAgreePopup .popupContainer .popupChoices .popupChoiceButton {
    margin-right: 30px !important;
    margin-top: 0;
    text-align: center;
    width: 120px;
}
.iAgreePopup .popupContainer .popupChoices .yesNo {    
	margin-top: 25px;
}
.iAgreePopup .popupContainer .popupChoices .popupChoiceButton.agree {
    background-color: #9c3 !important;

}


/* language flags */
#language {
	display: inline-block;
    float: right;
    font-size: 14px; 
    margin-bottom: 0;
    margin-right: 7px;
    margin-top: 5px;
	}
#language a img {
	/* width:0px;
	height: 0px;
	padding: 7px;
	display:flex;
	margin: 0 auto 2px;
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	/* border: solid 2px #EEE; */
	}
#language a.current_language img, #language a:hover img {
	
	width:0px;
	height: 0px;
	padding: 7px;
	border: solid 2px #666;
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */

	}
#language a:hover img {
	border-color: #000;
}
#language a img[alt=en_GB] {

	background: url(/wp-content/themes/nmstheme/images/EN.png) center center no-repeat;
}

#language a img[alt=fr_FR] {
	background: url(/wp-content/themes/nmstheme/images/FR.png) center center no-repeat;
	vertical-align: baseline;

}
/* 27001 */

#cert27001 {
	display: block;
	float: right;
	width: 80px;
	height: 80px;
	background: transparent url(/wp-content/themes/nmstheme/images/logos_27001_home.png) center center no-repeat;
	font-size: 0;
	background-size: auto 80px;
	opacity: 0.25;
    filter: alpha(opacity=25); /* For IE8 and earlier */
}

/* boutons login et contact */
.headercontact a {
	display: inline-block;
	margin-right: 10px;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.headercontact a:hover {
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.headercontact a img {
	height: 18px;
	margin-top: 27px;
}

/* moteur de recherche dans le header */

#header-widget-area {
	float: right;
	margin-top: 5px !important;
}
.search-form { padding: 0 20px 0 0}
.search-submit {
	display: none;
	
}

/* largeur de la page */
#primary.col-9-12 {
	padding: 0;
    width: 100%;
}

/* liens menu header */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {color: #666 !important; font-size: 16px !important; font-weight: bold !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {color: #000 !important; font-size: 16px !important; font-weight: bold !important;}
/* menu alerte phishing */
#mega-menu-wrap-primary #mega-menu-primary > #mega-menu-item-1039 > a.mega-menu-link {color:#c06 !important;}
#mega-menu-wrap-primary #mega-menu-primary > #mega-menu-item-3020 > a.mega-menu-link {color:#c06 !important;}

/* mega sub menus header sous-menus */

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout ul.mega-sub-menu a  {
	background: transparent none !important;
	color: #333 !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout ul.mega-sub-menu a:hover  {
	background-color: rgba(0, 0, 0, 0.2) !important;
	color: #FFF !important;
}

/* #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout:nth-child(1) ul.mega-sub-menu  {
	background-color: #3cc !important;
	font-weight: bold;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout:nth-child(2) ul.mega-sub-menu  {
	background-color: #c06;
	
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout:nth-child(2) ul.mega-sub-menu a {
	background-color: #c06;
	color: #FFF !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout:nth-child(3) ul.mega-sub-menu  {
	background-color: #9c3;	
} */

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout:nth-child(4) ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu  {
	background-color: #CCC;	
}

ul.mega-sub-menu li {
}
.mega-menu-item ul a {
	line-height: 1em !important;
	padding: 7px 5px !important;
}

/* moteur de recherche dans le méga menu */

li.widget_search {
	width: 40% !important;
	display: inline-block !important;
	float: right !important;
	
}
li.widget_search .search-field {
	border-color: #666;
	
}


/* moteur de recherche de disponibilité sur la home et en intérieur */

.services
{
	overflow: auto;
}

.services #searchForm input[type=submit] { 
	padding: 0 10px !important;
	height: 31px !important;
	font-size: 1em !important;
	border-radius: 3px;
}

/* boutons submit formulaires en couleur */

button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #9c3 none repeat scroll 0 0 !important;
	border: medium none !important;
	margin-left: 3px;
}

.parent-pageid-35 button, .parent-pageid-35 input[type="button"], .parent-pageid-35 input[type="reset"], .parent-pageid-35 input[type="submit"],
.parent-pageid-79 button, .parent-pageid-79 input[type="button"], .parent-pageid-79 input[type="reset"], .parent-pageid-79 input[type="submit"]

{
	background: #666 none repeat scroll 0 0 !important;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	
}

/* suppression des paragraphes auto dans les aside */
aside.widget_text p {
	padding: 0;
	margin:  0;
}
	
/* RSS page d'accueil */
aside.widget_rss ul { margin: 0; padding: 0;}

aside.widget_rss li {
	display: inline-block;
    margin: 0 2%;
    text-align: justify;
    vertical-align: top;
    width: 20%;
}
aside h2 {

    display: block !important;
    font-weight: bold;
    width: 100%;
	color: #666;
    font-size: 42px !important;
    letter-spacing: 20px;
    margin: 50px 0 !important;
}
aside.widget_rss h2 img {
	display:none;
}
aside.widget_rss li a {
	    font-weight: bold;
}
aside.widget_rss .rss-date {
	clear: both;
	overflow: hidden;
	display: block;
	font-size: 0.85em;
}
aside.widget_rss cite {
	display: block;
	text-align: right;
	font-size: 0.85em;
}

#text-5 h2, #text-10 h2 {
	padding-top: 100px;
	background: url(/wp-content/themes/nmstheme/images/message-square.png) no-repeat top center ;
	background-size: 64px auto;
	
}
#text-6 h2, #custom_html-2 h2, #custom_html-3 h2 {
	padding-top: 100px;
	background: url(/wp-content/themes/nmstheme/images/icone_cas-d-etude.png) no-repeat top center ;
	background-size: 64px auto;
	
}
aside.widget_rss h2 {
	padding-top: 100px;
	background: url(/wp-content/themes/nmstheme/images/icon_up.png) no-repeat top center ;
	background-size: 64px auto;
	
}
aside.widget_rss li a.rsswidget {
	font-size: 15px;
	line-height: normal;
}
aside.widget_rss .rssSummary {
	font-size: 13px;
	/* line-height: 13px; */
}

/* blocs produits */
#blocsproduits a {
    border: 20px solid #ccc;
    display: table-cell;
    padding: 10px;
    transition: all 0.6s ease 0s;
    width: 20%;
	background-color: #FFF;
}
	
#blocsproduits a img {
	display: block;
    height: 48px;
    margin: 10px auto;
	
}

#blocsproduits a img {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
#blocsproduits a:hover img {
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* lien vers traduction */
#msls {
	display: none;
	}
/* permettre d'aligner des images à droite des titres */

h3 {
	clear: none !important;
	font-size: 22px !important;
	line-height: 22px !important;
	font-weight: bold;
	}
.home .services h3 {
	padding-top: 5px !important;
}
.services h3 {
	padding-top: 15px !important;
}
h2 {
    font-size: 28px;
	font-weight: bold;
	margin-top: 1.75em;
}
.entry-content h2 
{
	clear: none;
}
.services h6 {
	font-size: 16px !important;
	line-height: 18px;
	text-align: center !important;
	clear :inherit;
	
}
h4 {
	font-size: 18px;
    line-height: 18px;
    display: inline-block;
    background-color: #eee;
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
	margin-top: 25px;

}
/* permettre de convertir les h6 en encart */
h6 {
	line-height: 18px !important;
	background-color: #EEE;
	padding: 15px;
	text-align: justify !important;
	display: table;
	clear: none !important;
}
/* légendes des images plus compactes et discrètes  */

.wp-caption-text {
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 12px;
    font-weight: normal;
    margin: -20px 0 0 !important;
    padding: 3px;
    text-align: center;
}

/* baseline Nameshield, your truster partner */

.baseline2017 {
    border: 1px solid #ccc;
    display: block;
    margin: 25px 0 0;
    overflow: hidden;
    padding: 15px;
}
.baseline2017 h3 {padding: 0; margin: 5px; color: #999; }

/* marge et image de fond de la page */
body.page {
	/* background:url(/wp-content/themes/nmstheme/images/illustration-background.png) fixed bottom right no-repeat;
	 background-size: 19% auto; */
}
body.home {
	background-image: none;
}
/* souligner les liens */
.entry-content a {
	text-decoration: underline;
}
/* afficher les boutons dans une page depuis une liste numérotée */

.entry-content ol {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.entry-content ol li {
    background-color: #BBB;
    list-style: outside none none;
    text-align: center;
	margin: 7px 5px !important;
	padding: 5px !important;
	vertical-align: middle;
    display: inline-block;
    height: 130px;
    width: 180px;
	border-radius: 15px;
}
.entry-content ol li a {
    color: #fff;
    display: table-cell;
    height: 120px;
	width: 170px;
    text-decoration: none;
    vertical-align: middle;
}
.entry-content ol li:hover {
	background-color: #666;
	color: #FFF;
}
/* icones adans les demi postits de liens en bas des pages de ocntenu */
.entry-content ol li a i {
	display: block;
	clear: both;
	padding-bottom: 10px;
	text-align: center;
	font-size: 2em;
}
.entry-content p {
	text-align: justify;
}
		
/* contact form */
.entry-content div.wpcf7 {
	text-align: left;
	/* max-width: 480px; */
}

.entry-content div.wpcf7 input[type="text"], 
.entry-content div.wpcf7 input[type="email"], 
.entry-content div.wpcf7 input[type="url"], 
.entry-content div.wpcf7 input[type="password"], 
.entry-content div.wpcf7 input[type="search"], 
.entry-content div.wpcf7 textarea {
/* width: 465px !important; */
}
.entry-content div.wpcf7  input[type="submit"] {
    float: right;
    margin: 15px;
}
span.wpcf7-list-item {
	display: block !important;
}

/* tests */

.flipper:hover .front {z-index:-10;}

/* themes BU commons */

.flipper .front {
	/* background-color: #F00 !important; */
	}
/* marge permanente sous le header fixe */
.entry-pad h1 {
	margin-top: 115px;
}

/* listes à puces */ 
ul,ol {
    /* margin: 0 0 0 10px !important; */
}
ul.sequence-canvas {
    list-style: outside none none !important;
    margin: 0 !important;
}
#secondary ul.menu li {
	font-weight: bold;
	}
#secondary ul.menu ul.sub-menu li, #secondary ul.menu li.menu-item-object-custom {
	list-style: square inside;
  	color:#CCC;
	font-weight:normal;
}
/* affichage masquage des sous menus */
ul.sub-menu {
	/* display: none; */
}
/* logo */
.home-site-branding {
    width: auto;
	margin-top: 10px;
}
/* bandeau sous logo home page */
.home-site-header {
	/* background-color: white !important; */
	}
/* fixation du bandeau et logo */
.home-site-header {
	padding-top: 0 !important;
	position: fixed;
}

/* menu header */
.home-nav-container {
    width: 100%;
    float: none;
	background-color: #FFF !important;
    /* margin-right: 10px; */
    /* text-align: right; */
}
#mega-menu-wrap-primary {
	width: 100% !important;
}
#mega-menu-primary  {
	
	text-align: center !important;
    border-top: 1px solid #ccc!important;
}
#mega-menu-primary ul {
	text-align: center !important;
}
.menuINFONMS li {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    list-style: outside none none;
    margin: 20px 10px;
}
.menuINFONMS ul {
	margin: 0;
}
.menuINFONMS li a {
	color: #EEEEEE;
}
.menuINFONMS li a:hover {
	color: #FFFFFF;
}
/* blocs référencement */
#text-3.widget, #text-9.widget {
	margin: 0 !important;
}
#text-3 #contactbutton a, #text-9 #contactbutton a {
    color: #666;
    display: table-cell;
    border: solid #EEE 20px;
	border-top-width: 40px;
	border-bottom-width: 40px;
    padding: 20px;
    text-align: justify;
    width: 30%;
	background-color: #FFF;
	font-size: 13px;
}

#text-3 #contactbutton a:nth-child(1), #text-9 #contactbutton a:nth-child(1) {
	border-left-width: 40px;
}

#text-3 #contactbutton a:nth-child(3), #text-9 #contactbutton a:nth-child(3) {
	border-right-width: 40px;
}
#text-3 #contactbutton a:hover, #text-9 #contactbutton a:hover {
    color: #FFF !important;
	background-color: #666 !important;
}
#text-3 #contactbutton a:hover strong, #text-9 #contactbutton a:hover strong {
    color: #FFF !important;
}

#text-3 #contactbutton a img, #text-9 #contactbutton a img {
	display: block;
    height: 48px;
    margin: auto auto 10px;
}

#text-3 #contactbutton a strong, #text-9 #contactbutton a strong {
    color: #666;
	font-size: 15px;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}
/* logos business units home page */
.services, .services:hover {
    background: transparent none repeat scroll 0 0 !important;
    padding: 0; 
}
#text-4, #text-8 {
	margin-bottom: 0 !important;
}
 
.home .grid-pad {
    max-width: 100% !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
	}
.home.page-id-13 .grid-pad #text-8,.home.page-id-13 .grid-pad #text-9, .home.page-id-11 .grid-pad #text-4 {
	width: 100%;
	/* background-color:#eee; */
	padding: 15px !important;
	}
.services h6 {
	background-color: #FFF !important;
}
	
.col-1-4 {
	padding-right:0;
	}
.col-1-4 h1 {
  	font-size:0;
	color: #ffffff;
  	padding:0;
  	margin:0;
  	line-height:0;
	}
.services .fa {
  	margin-bottom:0;
	}
.fa.nms-registrar {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/07/NMS_logo_RVB_registrar_home.png") no-repeat scroll center center / 150px auto;
    height: 100px;
    width: 200px;
}	
.fa.nms-registry {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/07/NMS_logo_RVB_registry_home.png") no-repeat scroll center center / 150px auto;
    height: 100px;
    width: 200px;
}	
.fa.nms-services {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/07/NMS_logo_RVB_services_home.png") no-repeat scroll center center / 150px auto;
    height: 100px;
    width: 200px;
}	
.fa.nms-online {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/07/NMS_logo_RVB_online_home.png") no-repeat scroll center center / 150px auto;
    height: 100px;
    width: 200px;
}	
/* descriptif des services sur la home page */

.grid .col-1-4 ul {margin:0 0 0 60px;padding:0;}
.grid .col-1-4 li {margin:0;padding:0;text-align:left;font-size:0.80em;line-height:1.2em;}

/*flippers BU home page */

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
}
/* flip the pane when hovered */
	.flip-container:hover .flipper,
.flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container,
.front,
.back {
	/* width: 200px; */
	height: 100px;
	line-height: 97px;
}
.flip-container {
	width: 25%; 
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}
.flipper .back a {
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 15px;
    display: block;
    height: 100px;
    padding: 0 10px;
    vertical-align: middle;
  	font-weight: bold;
  	color: #000;
}

/* hide back of pane during swap */
.front,
.back {
	backface-visibility: hidden !important;
	position: absolute;
	top: 0;
	left: 0;
  	width:100%;
  	background-color:#eee;
}

/* front pane, placed above back */
.front {
	z-index: 10;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(-180deg);
    z-index: -1;
}
/* front, hidde when hover */
.flip-container:hover .front {
   display: none;
}
/* Call to action buttons */

.cta {
    padding: 0 0 20px 0;
}
.home .cta [class*="col-"] {
	padding: 0;
	}
.cta h2 {
	/* display: none !important; */
	}

#contactbutton a {
	display:table-cell;
	width:30%;
	margin:0 10px;
	padding:30px;
	/* border:solid 2px #CCC; */
  	color: #666;
	/* border-radius: 30px;*/
	text-align:justify;
  	/* font-weight: bold;*/
	}
#contactbutton a:hover {
	/* border:solid 2px #EEE; */
  	background-color: #666;
  	color: #FFF;
	}

#temoignages a  {
	display:table-cell;
	width:20%;
	margin:10px;
	padding:20px;
	border:none;
  	color: #666;
	text-align:justify;
  	font-weight: normal;
  	background-color: #DDD;
	}
#temoignages a:hover {
  	background-color: #CCC;
  	color: #333;
	}
#temoignages a img {
	display: block;
	clear: both;
	width: 50%;
	max-width: 150px;
	margin:  0 auto 10px;

}

/* slider content css */
#sequence {
	max-height: 450px !important;
}
#sequence .slide-title {
    font-size: 44px !important;
  	line-height: 44px !important;
	font-weight: normal !important;
}
#sequence .slide-description {
   	font-size: 50px !important;
  	line-height: 50px !important;
	width: 82% !important;
	text-transform:none;
	font-size: 36px !important;
  	line-height: 36px !important;
}
#sequence .animate-in .slide-arrow {
    top: 75% !important;
	width: 160px;
	padding: 5px 10px;
}

/* header ombre en transparence */
#masthead {
	border-bottom: 1px solid rgba(170, 170, 170, 0.5);
}

/* header menu toptop */
#menu-menu-toptop li { display: inline; padding-right: 6px;}

/* header fond couleur h1 */
.entry-header {
    background: #CCC url(/fr/wp-content/uploads/sites/2/2017/07/27001_Fotolia_Warakorn_66431787_M.jpg) no-repeat scroll center center !important;
}
/* header fond couleur h1 section protection */

.page-id-41 .entry-header,
.page-id-365 .entry-header,
.parent-pageid-41 .entry-header,
.parent-pageid-365 .entry-header 
{
    background: #CCC url(/fr/wp-content/uploads/sites/2/2016/07/imagedefond3.jpg) repeat scroll 0% 20% !important;
}

/*  fond couleur h4 section protection */

.page-id-41 .entry-content h4,
.page-id-365 .entry-content h4,
.parent-pageid-41 .entry-content h4,
.parent-pageid-365 .entry-content  h4
{
    background-color: #e1f0c2 !important;
}

/* boutons dans le texte  section protection */

.page-id-41 .entry-content ol li,
.page-id-365 .entry-content ol li,
.parent-pageid-41 .entry-content ol li,
.parent-pageid-365 .entry-content ol li 
{
    background-color: #9c3;
}
.page-id-41 .entry-content ol li:hover,
.page-id-365 .entry-content ol li:hover,
.parent-pageid-41 .entry-content ol li:hover,
.parent-pageid-365 .entry-content ol li:hover 
{
    background-color: #666 !important;
}

/* header fond couleur h1 section cybersécurité */

.page-id-45 .entry-header,
.page-id-1993 .entry-header,
.page-id-2543 .entry-header,
.page-id-2135 .entry-header,
.page-id-309 .entry-header,
.parent-pageid-45 .entry-header,
.parent-pageid-309 .entry-header

{
    background: #CCC url(/fr/wp-content/uploads/sites/2/2016/07/imagedefond2.jpg) repeat scroll 0% 40% !important;
}

/* fond couleur h4  section cybersécurité et recrutement */

.page-id-45 .entry-content h4,
.page-id-1993 .entry-content h4,
.page-id-2543 .entry-content h4,
.page-id-2543 .entry-content h4,
.page-id-309 .entry-content h4,
.parent-pageid-45 .entry-content h4,
.parent-pageid-309 .entry-content h4

{
    background-color: #f0b3d1;
}

/* boutons dans le texte  section cybersécurité et recrutement */

.page-id-45 .entry-content ol li,
.page-id-1993 .entry-content ol li,
.page-id-2543 .entry-content ol li,
.page-id-2543 .entry-content ol li,
.page-id-309 .entry-content ol li,
.parent-pageid-45 .entry-content ol li,
.parent-pageid-309 .entry-content ol li

{
    background-color: #c06;
}
.page-id-45 .entry-content ol li:hover,
.page-id-1993 .entry-content ol li:hover,
.page-id-2543 .entry-content ol li:hover,
.page-id-309 .entry-content ol li:hover,
.parent-pageid-45 .entry-content ol li:hover,
.parent-pageid-309 .entry-content ol li:hover

{
    background-color: #666  !important;
}

/* header fond couleur h1 section domain names management */

.page-id-35 .entry-header,
.page-id-334 .entry-header,
.parent-pageid-35 .entry-header,
.parent-pageid-334 .entry-header,
.parent-pageid-339 .entry-header,
.parent-pageid-351 .entry-header,
.parent-pageid-79 .entry-header,
.parent-pageid-38 .entry-header 
{
    background: #CCC url(/fr/wp-content/uploads/sites/2/2016/07/imagedefond1.jpg) repeat scroll 0% 0% !important;
}

/* fond h4 section domain names management */

.page-id-35 .entry-content h4,
.page-id-334 .entry-content h4,
.parent-pageid-35 .entry-content h4,
.parent-pageid-334 .entry-content h4,
.parent-pageid-339 .entry-content h4,
.parent-pageid-351 .entry-content h4,
.parent-pageid-79 .entry-content h4,
.parent-pageid-38 .entry-content h4 
{
	background-color: #C2F0F0;
}


/* boutons dans le texte  section domain names management */

.page-id-35 .entry-content ol li,
.page-id-334 .entry-content ol li,
.parent-pageid-35 .entry-content ol li,
.parent-pageid-334 .entry-content ol li,
.parent-pageid-339 .entry-content ol li,
.parent-pageid-351 .entry-content ol li,
.parent-pageid-79 .entry-content ol li,
.parent-pageid-38 .entry-content ol li 
{
    background-color: #3cc;
}
.page-id-35 .entry-content ol li:hover,
.page-id-334 .entry-content ol li:hover,
.parent-pageid-35 .entry-content ol li:hover,
.parent-pageid-334 .entry-content ol li:hover,
.parent-pageid-339 .entry-content ol li:hover,
.parent-pageid-351 .entry-content ol li:hover,
.parent-pageid-79 .entry-content ol li:hover,
.parent-pageid-38 .entry-content ol li:hover 
{
    background-color: #666 !important;
}

/* header fond couleur h1 section ressources */

.page-id-2150 .entry-header,
.parent-pageid-2150 .entry-header

{
    background: #CCC url(/fr/wp-content/uploads/sites/2/2016/07/imagedefond4.jpg) repeat scroll 0% 0% !important;
}

/* boutons dans le texte  section domain names management */

.page-id-2150 .entry-content ol li,
.parent-pageid-2150 .entry-content ol li
{
    background-color: #16a;
}


/* footer*/

body.home .home-contact {
	background: #efefef none repeat scroll 0 0 !important
}
.site-footer {
    background: #ffffff none repeat scroll 0 0 !important;
}
.site-info {
    background: none !important;
    font-size: 12px;
	margin-top: 0px;
	padding: 15px;
}
/* liens footer coordonnées */

.site-footer h5 {
	color:#666;
}

/* liens legal etc. footer */
.site-info ul.menu {
	margin: 10px !important;
}
.site-info ul.menu li {
	display:inline-block;
}
.site-info ul.menu li a {
	display:inline-block;
	list-style: none;
	padding: 10px 20px;
	border-right: solid 1px #DEDEDE;
}
.site-info ul.menu li:first-child a {
	background: transparent url('/wp-content/themes/nmstheme/images/logos_27001.png')left center no-repeat;
	padding-left: 33px;
	background-size: 28px;
}
.site-info ul.menu li:last-child {
	border: none;
}
/* font-awesome (icones bootstrap) */
i.fa {color:#999;}
i.fa:hover {color:#666;}

.social-media-icons {
    background: none !important;
    padding: 25px 0 0 !important;
	border-top: 1px solid #ccc;
    margin: 20px auto 0;
}
.social-media-icons .fa {
	transition: background-color 50ms ease-out 50ms
}
.social-media-icons i.fa {
    background-color: #999;
    border-radius: 35px;
    color: #fff;
    height: 70px;
    line-height: 65px;
    width: 70px;
	font-size: 40px;
}
.social-media-icons i.fa:hover {
    background-color: #666;
    color: #fff;
}
/* lien de désactivation de Google Analytics */

	#disableGA {
	font-size: 12px;
	width: 100%;
	border-top: solid 1px #DEDEDE;
	height: 40px;
	font-variant: all-small-caps;
	text-align: center;
	padding: 10px;

	}
/* bloc actu merci */

	#merci-actu .col-3-12  {
	width: 100% !important;
	}

	#merci-actu aside.widget_rss li {
	width: 30% !important;
	margin: 0 0 0 3% !important;
	}

	#merci-actu h2.widget-title {
	padding-top: 10px !important;
	background: none !important;
	font-size: 26px !important;
	letter-spacing: 3px !important;
	margin: 10px 0 20px !important;
	text-align: center;
	}

	#merci-actu .entry-content {
	padding: 25px !important;
	border: solid 1px #40A49D !important;
	border-radius: 25px !important;
	}

	#merci-actu .entry-content ol li {
	background-color: #40A49D !important;
	}
	
	#merci-actu .widget-area {
    margin-top: 0 !important;
    font-size: 14px !important;
	}
	
	#merci-actu h2 {
    margin-top: 0 !important;
	}

	#merci-actu .entry-content ol li {
    padding: 15px !important;
    height: auto !important;
	width: auto !important;
	}

	#merci-actu .entry-content ol li a {
    height: auto !important;
	width: auto !important;
	}

#merci-actu .flatter_video_widget_widget {
	text-align: center;
	}

@media handheld, only screen and (max-width: 1290px) {
	
/* image de fond et marge texte */	
.page .grid {

    width: 80%;
}
.page .grid-pad {
		
	padding-left: 5%;
	margin: 0 ; 
	}
	
}
/* image de fond et marge texte */	
.home .grid {

    width: 100%;
}
.home .grid-pad {
		
	padding-left: 20%;
	margin: 0 ; 
	}
	


@media handheld, only screen and (max-width: 767px) {
	
	/* image de fond et marge texte */	
.page .grid {

    width: 100%;
}
.page .grid-pad {
		
	padding-left: 20px; 
	}
body.page {
	background-image: none;
}
		
	
	/* position bouton menu dépliant */
	button#responsive-menu-button {
	left: 0 !important;
    top: 0 !important;
	}
	/* du coup : décallage menu vers le bas */
	#responsive-menu-container {
    padding: 60px 0 0 !important;
	}
	
	/* et deplacement du logo a cause du menu */
	.site-logo {
		margin-left : 40px !important;
		
	}
	
	/* marge permanente sous le header fixe */
	.entry-pad h1 {
	margin-top: 82px;
	}
	
	#sequence .sequence-next, #sequence .sequence-prev {
    display: none !important;
	}
  
  	#sequence .slide-description,  #sequence .slide-title {
    font-size: 30px !important;
    line-height: 30px !important;
	}
	#sequence .animate-in .slide-arrow {
    	top: 75% !important;
	}
#contactbutton {
	width: 100%;
	margin: 0;
	}
#contactbutton a {
    box-sizing: border-box;
    display: table;
    margin: 2%;
    width: 96%;
	}
	
aside.widget_rss li {
	display: block;
    margin: 2%;
    text-align: justify;
    width: 96%;
}
  
  .flip-container,
.front,
.back {
	width: 100%;
    text-align: center;
}
/* adaptation des formulaires sur mobiles */
div[role=form],
div[role=form] form,
div[role=form] input,
div[role=form] textarea
		{
		max-width:100% !important;
		width:100%;
		}
input[type=search]  {
		max-width:100% !important;
		width:100%;
		box-sizing: border-box;
		padding: 11px 3px;
		border-radius: 5px;
		}
/* simplification des menus */
#nav_menu-2 li, #secondary #text-9 .textwidget, #secondary #text-4 .textwidget {
	width: 100%;
	text-align:center;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	padding:10px 0;
	margin:5px 0;
	}

.mb-container  {
	width:100% !important;
	}
.mb-container a.maxbutton  {
	width:100% !important;
	}
#secondary ul.menu ul.sub-menu li, #secondary ul.menu li.menu-item-object-custom {
	list-style:none !important;
}
#nav_menu-2 li ul {
	display:none;
	}
[class*="col-"] {
	margin-top: 0px !important;
	}
	
/* paves home référencement */
#text-3 #contactbutton a, #text-9 #contactbutton a {
    display: block;
    border: solid #EEE 20px;
	border-left-width: 40px;
	border-right-width: 40px;
    width: 100%;
	margin: 0 !important;
}
	#text-3 #contactbutton a:nth-child(1), #text-9 #contactbutton a:nth-child(1) {
	border-top-width: 40px;
}

#text-3 #contactbutton a:nth-child(3), #text-9 #contactbutton a:nth-child(3) {
	border-bottom-width: 40px;
}
	/* blocs produits */
#blocsproduits a {
    border: none;
    display: block;
    margin: 10px auto;
    padding: 10px;
    transition: all 0.6s ease 0s;
    width: 95%;
}
	#blocsproduits {
	background-color: #CCC;
	padding: 5px 0;
}
	
	/* témoignages */
	#temoignages a {
    display: block;
    width: auto;
}
	
	/* aplat blanc sous le header */
	
	.home-site-header {
		background-color: #FFF !important;
	}
	
	/* mettre les liens connexes sur une colonne */
	
	.entry-content ol li {
	display: block;
	list-style: none;	
	margin: 2px 0 !important;
	padding: 15px !important;
	width: 100%;
}
	/* 27001 */

#cert27001 {
	display: none;
	}
	/* superposer liens footer */
	
.site-info ul.menu li a {
	
	border-right: none;
	
}
	.site-info ul.menu li {
	width:100%;
	border-bottom: solid 1px #DEDEDE;
}
	
/* I AGREE POPUP */
	
.iAgreePopup {
    height: 200px;
	}
.iAgreePopup .popupContainer .popupContent {
	width: 100%;
	}
.iAgreePopup .popupContainer .popupChoices {
    float: none;
	width: 100%;
	}
.iAgreePopup .popupContainer .popupChoices .yesNo {
    float: left;
    width: 100%;
}
.iAgreePopup .popupContainer .popupChoices .popupChoiceButton {
    width: 100%;
}
}
@media handheld, only screen and (max-width: 457px) {
figure {
    display: block !important;
    float: none !important;
    margin: 0 auto 10px !important;
}
aside h2 {

    font-size: 24px !important;
    letter-spacing: 20px;
    margin: 30px 0 20px !important;
}
.social-media-icons i {
    border-radius: 20px !important;
    height: 40px !important;
    line-height: 39px !important;
    width: 40px !important;
    font-size: 20px !important;
}
}