/*test anti spambot*/
.invisible{
	display: none
}
/*fin*/

/*align le bouton like avec les autres items du top menu */
.fb-like.fb_iframe_widget span{
	vertical-align: top !important;
}

.raleway{
	font-family:Raleway-Regular;
}
.raleway-medium{
	font-family:Raleway-Regular;
	font-size:medium;
}
.punchline{
	background-color:#337AB7;
	font-family:Raleway-ExtraBold;
	color:#fff;
	font-size:x-large;
	text-align:center;
}
.menu-separator{
	border-top:dotted thin #CCC;	
}


.titre-h4{
	font-family:Raleway-ExtraBold;
	font-size:x-large;
}

.section-standardise-texte{
	font-size:large;
}

.div-qu-est-ce-que{
	width:75%;
	text-align:center;
	color:#fff;
	font-size:large;
}

.btn-allez-au-formulaire{
	background-color:#fff;
	border-radius:3px;
	padding:10px;
	color: #00417D;
}

.commentaire_texte{
	width:70%;
	text-align:left;
	font-size:medium;
}
.commentaire_signature{
	width:100%;
	font-weight : bold;
	font-size:small;
	text-align:right;
}


.pourquoi{
	font-family:Raleway-ExtraBold;
	font-size:x-large;
	color:#00417D;
}

#pourquoi_nous ul {
	font-size:medium;
}

#pourquoi_nous li:before {    
	font-family: 'FontAwesome';
	content: '\f00c';
	margin:0 5px 0 -22px;
	color: #00417D;
}

#pourquoi_nous li { 
	margin: 7px 0;
}

/*Questions-Répnses*/
.questions{
	font-family:Raleway-ExtraBold;
	font-size:x-large;
	color:#00417D;
}

#questions_reponses ul{
	font-size:medium;	
}
ul.imgli{
	
}
#questions_reponses li:before {
	margin:0 5px 0 -22px;
}
#questions_reponses li {
	margin: 0px 7px 0px 5px;
}

.que{
	list-style-image: url('/imgs/question_reponses_Q13.png');
	color: #00417D;
}
.rep{	
	list-style-image: url('/imgs/question_reponses_R13.png');
	padding-bottom:10px;
}

/************************************************************************/
/*	Section partners > Enleve Raleway et couleur						*/
/************************************************************************/

.pourquoi_partners{
	font-weight:bolder;
	font-size:x-large;
}

#pourquoi_nous_partners ul {
	font-size:medium;
}

#pourquoi_nous_partners li:before {    
	font-family: 'FontAwesome';
	content: '\f00c';
	margin:0 5px 0 -22px;
}

#pourquoi_nous_partners li { 
	margin: 7px 0;
}

/*Questions-Répnses*/
.questions_partners{
	font-weight:bolder;
	font-size:x-large;
}

#questions_reponses_partners ul{
	font-weight:bolder;
	font-size:x-large;
}

#questions_reponses_partners li:before {
	margin:0 5px 0 -22px;
}
#questions_reponses_partners li {
	margin: 0px 7px 0px 5px;
}

.que_partners{
	list-style-image: url('/imgs/question_reponses_Q13.png');
}
.rep_partners{	
	list-style-image: url('/imgs/question_reponses_R13.png');
	padding-bottom:10px;
}

.subtitle_partners{
	font-weight:bolder;
	font-size:x-large;

}
/************************************************************/




.shadow{
	box-shadow: 5px 5px 5px #ccc;
}

.shadow-services-interactis{
	box-shadow: 3px 3px 3px #ccc;
}

.ff-Raleway{
	font-family:Raleway-Regular;	
}

.bg_arrow_retour{
	border:none;
	background-color:#fff;
	

}
/*Commentaire slider*/
/* Carousel base class */
.carousel {
  height: 145px;
  margin-bottom: 10px;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 145px;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 300px;
}	
.carousel_medias{
height:50px;
}

/*----------------*/
.carousel-170high {
  height: 170px;
  margin-bottom: 10px;
}

/* Since positioning the image, we need to help out the caption */
.carousel-170high-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-170high .item {
  height: 145px;
}
.carousel-170high-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 300px;
}	
.carousel_medias{
height:50px;
}




/*Style radiobutton & checkBox*/
.rb {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.rb input {
    position: absolute;
    opacity: 0;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.rb:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.rb input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.rb input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.rb .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


.textbox-read-only{
background-color:#f5f5f5;
border:solid thin #ccc;
height:35px;
width:75%;	
}

.coupsdecoeur{
	display:inherit;
	width:75%;
}
.coupsdecoeur-en{
	display:inherit;
	width:80%;
}

.checkedStar {
    color: orange;
	font-size: small;
}

.popular-docs{
	display:inherit;
	width:88%;
}

.legend.scheduler-border {
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
}

.ui-autocomplete {
    z-index: 100 !important;
}

.error-border{
	border:solid thin red;
}
/*-----------------------------------------------------------------------------------------------------------*/
/* Customize menu */
.container-menu{ 
	padding-right:10%;
  	padding-left:10%;
	padding-top:2px;
  	margin-right: auto;
  	margin-left: auto;
}  
/* Fin customize menu */

.scroll-horizontal-instruction{
	display:none; /*Seulement en mobile*/
}

.show-mobile-only{
display:none;
}

red{
color:#F00;
font-size:medium;
}
.modal-dialog {
    width: 666px;
    /*margin: 30px auto;*/
}

#dialogoverlay{
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #FFF;
	width: 100%;
	z-index: 10;
}
#dialogbox{
	display: none;
	position: fixed;
	background: #000;
	border-radius:7px; 
	width:550px;
	z-index: 10;
}
#dialogbox > div{ background:#FFF; margin:8px; }
#dialogbox > div > #dialogboxhead{ background: #666; font-size:19px; padding:10px; color:#CCC; }
#dialogbox > div > #dialogboxbody{ background:#333; padding:20px; color:#FFF; }
#dialogbox > div > #dialogboxfoot{ background: #666; padding:10px; text-align:right; }



.justify{
	text-align:justify;
}

/* Collasible/accordeon - debut */
.accordeon{
width:100%;
background-color:#337AB7;
color:#fff;
font-size:medium;
font-family:Raleway-ExtraLight;
text-align:left;
vertical-align:middle;
padding:10px;
cursor:pointer;
}
.show{
display:block;
display:inherit;
}

.hide{
display:none;
} 
/* Collasible - fin */

.formulaire-header{
background-color:#337AB7; /*#00417D;*/
color:#fff;
font-size:xx-large;
padding:10px;
text-align:center;
}

.formulaire{
background-color:#EEE;
border:solid thin #ccc;
padding-top:25px;
padding-left:75px;
padding-right:75px;

}

.img-circle{

border-radius:50%;
border:solid thin #ccc;
}

.circle-text{
	margin-top:-4% 
}


/*
input{
 	height:45px;
    width:100%;
	font-size:large;
}

select{
	height:45px;
    width:100%;
	font-size:large;
}
*/

.clear-menu{
	padding-top:0px;
}

.captcha{
width:75px;
height:40px;
font-size:xx-large;
text-align:center;
text-transform:uppercase
}
.entete-section-bleu{
	font-size: xx-large;
	color:#337AB7; /*#00417D;*/
	text-align:center;
}

.border-left{
	border-left:solid thin #ccc;
}

.border-right{
	border-right:solid thin #ccc;	
}


.border-top-bottom{
	/*border:solid thick #0F0;*/
	border-top:solid thin #CCC;
	border-bottom:solid thin #CCC;	
}

.border-left-right-bottom-lightgray{
	border-left:solid thin;
	border-right:solid thin;
	border-bottom:solid thin;
	border-color:#CCC;
}

.border-bottom-ccc{
	border-bottom:solid thin;
	border-color:#ccc;
}

.border-left-top-right-ccc{
	border-left:solid thin;
	border-top:solid thin;
	border-right:solid thin;
	border-color:#CCC;	
	border-radius:7px 7px 0px 0px;
}

.page-title{
	font-family:Raleway-ExtraBold;
	color:#00417D; /*#337AB7*/	
	font-size:50px;
	text-align:center;
	/*text-transform:uppercase;*/
	padding-top:3%;
}

.page-title-partners{
	
	font-weight:bolder;
	font-size:50px;
	text-align:center;
	padding-top:3%;
	
}

.page-title-affaires-public{
	font-family:Raleway-Light;
	color: #337AB7; /*#00417D;*/	
	text-align:left;
	padding-top:3%;
}

.subtitle{
	font-size:28px;
	font-weight:bolder;
	color:#00417D;
}

/*<prix>*/
prix{
	font-size:36px;
	font-weight:900;
	/*color:#337AB7;*/ /*#00417D;*/
	text-align:center;
}


.indent{
padding-left:44px;
}

div#wrapper ul {
  list-style-type: none;
  content: "\009B \0020";
  text-align:left;
  font-weight:600;
}
div#wrapper li {
  padding-top:2px;
  padding-bottom:2px;
}

div#wrapper h2 {
  text-align:center;
}

blockquote{
border-left: none;
font-size:13px;
}

.no-bullet{
list-style-type: none;
}



.filter-222-6{
background-color: rgba(222, 222, 222, 0.6);
}

q {
  quotes: "“" "”" "‘" "’";
  
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}

.btn-fbxxxx
{
	float:right;
	width: 85px;
	height:25px;
}  

header{
height:93px;
}

/* Link <a href=""> */
/*Différents bleu : #00417D; - #337AB7 #06F*/
a {
color:#337AB7;
}

a:link {
font-family:Raleway-Medium;
}

a:hover{ 
color:#666;
text-decoration:none;
}

.underline{
text-decoration:underline;
}

.navbar-default .navbar-nav > li > a {	/*Main menu*/
    color: #337AB7; /*#00417D;*/
	/*font-weight:600;*/
}

.dropdown-menu > li > a {
	 color: #337AB7; /*#00417D;*/
}

.cursor-hand{
cursor:pointer;
}
.cursor-hand a{
text-decoration:none;
}

header a:hover{
color:#666;
}


footer a{
color:#fff;
}

.decoration-none a{
text-decoration:none;
}

.no-border{
border:none;
}

.border-top{
border-top:dotted thin #999;
}

.border-bottom{
border-bottom:dotted thin #bbb;
}

.border-bottom-darkgray{
border-bottom:solid thin #C9C9C9;
}


.pub-commanditaires-principaux{
width:300px;
min-height:150px;
}
.pub-commanditaires-majeurs{
width:300px;
min-height:115px;
}
.pub-commanditaires-reguliers{
width:300px;
min-height:65px;
}
.pub-interne{
width:300px;
min-height:600px;
}

.logo{
	height:47px;
	padding-bottom:5px;
}
.logoSectionCode{
	height:65px;
	padding-bottom:5px;
}
.searchBox{
	border:solid thin #ccc;
	border-radius:5px;
	width:222px;
}

.loupe-mobile{
	display:none;
}

.top-section{
	padding-top:0px;	   /*clear menu > Dans le template */
}

.top-section-pub-et-aff{
	padding-top:-220px;	   /*clear menu > Dans le template */
}


.big_img {
background-repeat:no-repeat;
background-size:cover;

}
.bg_filter{
background-color: rgba(222, 222, 222, 0.5);
}


.div_big_img_text {
position:relative;
top:125%;
text-align:center;
width:70%;
min-height:450px;
}

.form{
width:65%;
}

.go-top{
position:fixed;
bottom:100px;
right:15px;
display:none;
z-index:1;

}
.chevron{
height:60px;
width:60px;
border-radius:30px;
background-color:rgba(0,102,255,0.8)
color:#fff;
}



/* Toutes les sections sauf la première*/
.section{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:25px;
}



.uppercase{
text-transform:uppercase;
}
.lower-case{
text-transform:lowercase;
}
.capitalize{				/*First letter Maj*/
text-transform: capitalize;
font-size:medium;
}

.dashed{
	border-bottom: dashed thin;
}

.dotted{
	border-bottom:dotted thin;
}



#spacer{
padding-top:295px;
padding-bottom:215px;
}

.height35{
height:35px;
}

.height45{
height:45px;
}

.height100px{
height:100px;
}

.height110px{
	height:110px;
}

.height120px{
	height:120px;
}

.height125px{
	height:125px;
}

.height150px{
height:150px;
}

.height175px{
	height:175px;
}


.height200px{
	height:200px;
}

.height225px{
	height:225px;
}

.height400px{
	height:400px;
}

.height500px{
	height:500px;
}


.height600px{
	height:600px;
}


.height700px{
	height:700px;
}

.height1500px{
	height:1500px;
}

.min_height100{
	min-height:100px;
}

.min_height125{
	min-height:125px;
}

.min_height150{
	min-height:150px;
}

.min_height175{
	min-height:175px;
}

.min_height200{
	min-height:200px;
}

.min_height222{
	min-height:222px;
}

.min_height235{
	min-height:235px;
}

.min_height250{
	min-height:250px;
}

.min_height265{
	min-height:265px;
}

.min_height275{
	min-height:275px;
}

.min_height300{
	min-height:300px;
}
.min_height325{
	min-height:325px;
}
.min_height333{
	min-height:333px;
}
.min_height350{
	min-height:350px;
}
.min_height400{
	min-height:400px;
}

.min_height444{
	min-height:444px;
}

.min_height500{
	min-height:500px;
}

.min_height555{
	min-height:555px;
}
.min_height666{
	min-height:666px;
}
.min_height675{
	min-height:675px;
}

.min_height700{
	min-height:700px;
}

.min_height725{
	min-height:725px;
}

.min_height750{
	min-height:750px;
}


.min_height777{
	min-height:777px;
}

.min_height888{
	min-height:888px;
}

.min_height999{
	min-height:999px;
}

.min_height1100{
	min-height:1100px;
}

.min_height1200{
	min-height:1200px;
}

.min_height1300{
	min-height:1300px;
}


.min_height1400{
	min-height:1400px;
}


.min_height1500{
	min-height:1500px;
}

.col-centered{
    float: left;
    margin: 0 auto;
}

.float_left{
float:left;
}
.display-inline{
	display:inline;
}
.display-inline-block{
	display:inline-block;
	margin: 0 auto;
}
.commanditaires-majeurs{
width:100%;
height:275px; 
background-color: rgba(0, 0, 255, 0.5);
}

.space_commanditaires{
	padding:125px;
}

.header-embed{
width:100%;
height:444px;
}

.footer-embed{
width:100%;
height:444px;
}



.commanditaires-embed{
width:100%;
height:325px;
	
}






.stretch {
	display:inline-block;
	-webkit-transform:scale(2,1); /* Safari and Chrome */
	-moz-transform:scale(2,1); /* Firefox */
	-ms-transform:scale(2,1); /* IE 9 */
	-o-transform:scale(2,1); /* Opera */
	transform:scale(2,1); /* W3C */
}

.mega_menu{
    width:888px;
    min-height:555px;
    padding:15px;
}

.mega_menu-en{
    width:888px;
    min-height:333px;
	 padding:15px;
    /*padding:10px;*/
	
}


.dm-mega {
  /*transform: translate(-7%, 0);*/
}

.mega_menu2{
    width:555px;
    min-height:500px;
   
}
.dm-mega2 {
  transform: translate(-60%, 0);
}

.anchor{
	/*
  	display: block;
    position: relative;
	padding-top:100px;
	margin-top:-100px;
	*/
	color:#337AB7; /*#00417D;*/
	font-weight:bold;
	padding-top:5px;
}


.anchor_for_fixed_nav {
	display: block;
	position: relative;
	top: -75px;
}

/* Anchor for affaires & public */
/*
.anchor {
	display: block;
	position: relative;
	top: -75px;
}
*/

.black{
	color:#000;
}
.lightgray {
    color:#d5d5d5;
}

.dark-gray{
    color:#5e5c5c;
}

.gray{
    color:gray;
}
.no-bg{
	background-color:transparent;
}

.bg_blue{
	background-color: #337AB7; /*#00417D;*/
}

.bg-red{
	background-color:#F00;
}

.bg-extra-light-gray {
	background-color:#FDFDFD;
}


.bg_light_gray {
background-color:whitesmoke;
}

.bg_light_blue {
background-color:#d7e1eb;
}
/*#c1d1ec | #B9CDEB | #7DA5D7  | #  */		  
.bg_blue_c1d1ec{
	background-color:#7DA5D7;
}

.bg_medium_gray {
background-color:#ddd;
}

.bg_readonly{
background-color:#EBEBE4;
}

.bg_white{
	background-color:#fff;
}
.bg_charcoal{
background-color:#333;
}

.bg_orange{
	background-color:#F60;
}

.bg-light-pink{
	background-color:#fffafa;
}

.bg_vectoriel{
background-image:url(../imgs/rjq_fond_vectoriel.jpg);
background-repeat:no-repeat;
background-size:cover;
}

.highlight{
	background-color:#FF0;
}


.no-format{
background-color:transparent;
border:none;
}
.position-bottom{
	position:fixed;
	bottom:0px;
}

.pos-right-bottom{
	position:absolute;
	bottom:0px;
	right:0px;
	padding-right:10px;
}

.width1pc{
	width:1%;
}
.width2pc{
	width:2%;
}
.width3pc{
	width:3%;
}
.width4pc{
	width:4%;
}
.width5pc{
	width:5%;
}

.width10pc{
	width:10%;
}

.width15pc{
	width:15%;
}

.width20pc{
	width:20%;
}

.width25pc{
	width:25%;
}

.width30pc{
	width:30%;
}

.width31pc{
	width:31%;
}

.width32pc{
	width:32%;
}

.width33pc{
	width:33%;
}


.width35pc{
	width:35%;
}

.width40pc{
	width:40%;
}

.width45pc{
	width:45%;
}

.width49pc{
	width:49%;
}

.width50pc{
	width:50%;
}
.width55pc{
	width:55%;
}
.width60pc{
	width:60%;
}
.width65pc{
	width:65%;
}

.width70pc{
	width:70%;
}

/*Colonne Gauche/Droite laisse 1% de padding*/
.width74pc{
	width:74%;
}

.width24pc{
	width:24%;
}
/*//*/

.width75pc{
	width:75%;
}

.width76pc{
	width:76%;
}


.width80pc{
	width:80%;
}
.width85pc{
	width:85%;
}

.width90pc{
	width:90%;
}

.width95pc{
	width:95%;
}

.width98pc{
	width:98%;
}

.width100pc{
	width:100%;
}

.width1210{
	width:1210px;
}

.xxx-small{
	font-size:5px;
}

.xx-small{
	font-size:10px;
}

.x-small {
    font-size:12px;
}

.small {
    font-size:13px;
}


.medium {
    font-size:16px;
}

.medium-large{
    font-size:18px;
}

.large {
    font-size:20px;
}

.x-large {
    font-size:24px;
}
.xx-large {
    font-size:32px;
}
.xxx-large {
    font-size:36px;
}
.xxxx-large {
    font-size:42px;
}

.xxxxx-large {
    font-size:55px;
}

.size-extra-big{
font-size:72px;
}

.size-mega-big{
font-size:90px;
}

.big-menu-4td-width{
	width:25%;
}

.big-menu-3td-width{
	width:33%;
}

.middle > * {
  vertical-align: middle;
}

.top > * {
  vertical-align: top;
}

.bottom > * {
  vertical-align: bottom;
}

.sub > * {
  vertical-align: sub;
}

.super > * {
  vertical-align: super;
}

.text-top > * {
  vertical-align: text-top;
}

.text-bottom > * {
  vertical-align: text-bottom;
}

.baseline > * {
  vertical-align: baseline;
}



.left{
align-content:left;
text-align:left;
}

/*
.center {
    align-content:center;
    text-align:center; 
}
*/
.center {
    margin: auto;
 	text-align:center;
}

.right{
align-content:right;
text-align:right;
}

.align-vertical{
display: table; overflow: hidden;
display: table-cell; vertical-align: middle;
}

.slightly-bold{
	font-weight:600;
}


.bold {
    font-weight:bold;
}

.bolder {
    font-weight:bolder;
}

.italic{
	font-style:italic;
}


.bleu {
color: #337AB7; /*#00417D;*/
}

.dark-blue {
	color: #00417D;
}


.white {
    color:#fff;
}

.danger{
	color:#F0ABA4;
}
.red{
	color:#F00;
}
.green{
	color:#3C0;
}


.orange{
color:#FF8C00;
}       

.small_spacer {
    height:15px;
}



.medium_spacer {
    height:25px;
}

.big_spacer {
    height:35px;
}
.huge_spacer {
    height:55px;
}

.spacer-horiz-small{
	width:50px;
	
}


.padding-none{
padding-left:0px;	
}

.padding_x-small {
    padding:3px;
}


.padding_small {
    padding:5px;
}

.padding_medium {
    padding:10px;
}

.padding_big {
    padding:15px;
}
.padding_x-big{
	padding:25px;	
}

.padding-top-bottom-small{
	padding-top:5px;
	padding-bottom:5px;
}


.padding-top-bottom-medium{
	padding-top:10px;
	padding-bottom:10px;
}

.padding-top-bottom-big{
	padding-top:15px;
	padding-bottom:15px;
}

.padding-left-small{
	padding-left:10px;
}	

.padding-left-medium{
	padding-left:15px;
}	

.padding-left-big{
	padding-left:30px;
}

.padding-left-xx-big{
	padding-left:66px;
}

.padding-right-small{
	padding-right:15px;
}

.padding-right-medium{
	padding-right:25px;
}

.padding-right-big{
	padding-right:30px;
}

.padding-right-quote{
	padding-right:0px;
}
.padding-left-right-medium{
	padding-left:8px;
	padding-right:8px;
}

.padding-left-right-big{
	padding-left:13px;
	padding-right:13px;
}

.padding-top-3px{
	padding-top:3px;
}

.padding-top-5px{
	padding-top:5px;
}

.padding-top-10px{
	padding-top:10px;
}

.padding-top-15px{
	padding-top:15px;
}

.padding-top-20px{
	padding-top:20px;
}

.padding-top-25px{
	padding-top:25px;
}

.padding-top-30px{
	padding-top:30px;
}

.padding-top-35px{
	padding-top:35px;
}

.padding-top-xx-big{
	padding-top:70px;
}


.padding-bottom-3px{
	padding-bottom:3px;
}

.padding-bottom-5px{
	padding-bottom:5px;
}

.padding-bottom-10px{
	padding-bottom:10px;
}

.padding-bottom-big{
	padding-bottom:25px;
}

.padding-bottom-x-big{
	padding-bottom:45px;
}
.padding-bottom-xx-big{
	padding-bottom:125px;
}


.btn-custom {
  background-color: #337AB7; /*#00417D;*/
  color:#fff;     
}

.btn-bleu {
	background-color:#337AB7; /*#00417D;*/
	color:#fff;
	padding:15px;
	/*border-radius:7px;*/  
}

.btn-orange {
	background-color:#F36B22;
	color:#fff;
	padding:15px;
	/*border-radius:7px;*/  
}

.btn-gray {
	background-color:#ccc; 
	color:#666;  
}

.btn-red{
	background-color:#F00;
	border-radius:5px;
	padding:10px;
	border:none;
	color:#fff;
	font-size:14px;
}

.btn-white {
	background-color:#fff;
	color:#00417D;
	padding:15px;  
}

.btn-commander{
	background-color:#337AB7; /*#00417D;*/
	color:#fff;
	border-radius:5px;
	border:none;
	width:50%;
	padding:15px;
	font-size:large;
}

.btn-disable{
	background-color:#ccc;
	color:#fff;
	border-radius:5px;
	border:none;
	width:50%;
	padding:15px;
	font-size:large;
}
.btn-edge-blue{
border:solid thin #337AB7; /*#00417D;*/
border-radius:5px;

}

.btn-interactif{
	background-color:#337AB7; /*#00417D;*/
	color:#fff;
	border-radius:5px;
	border:none;
	width:75%;
	padding:15px;
	font-size:large;
}

.border {
    border:solid thin;
}

.border-red{
	 border:solid thin #F00;
}

.border-top-bottom-red{
	border-top:dotted thin #F00;
	border-bottom:dotted thin #F00;
}

.border-extra-lightgray{
	border:solid thin #dedede;
}

.border-lightgray{
	border:solid thin #d5d5d5;
}

.border-medium-gray{
	border:solid thin #aaaaaa;
}


.border-darkgray{
border:solid thin #5e5c5c;
}

.border-lightblue{
border:solid thin #337AB7;
}

.border-darkblue{
border:solid thin #00417D;
}

.border-green{
	border:solid thin #3C0;
}

.border-white{
border:solid thin #fff;
}

/* 4 coins arrondi */
.radius-1111{
	border-radius:1px;	
}

.radius-2222{
	border-radius:2px;	
}

.radius-3333{
	border-radius:3px;	
}

.radius-4444{
	border-radius:4px;	
}

.radius-5555{
	border-radius:5px;	
}

.radius-7777{
	border-radius:7px;
}

.radius-9999{
	border-radius:9px;
}

/* Bas Arrondi */
.radius-0055{
	border-radius:0px 0px 5px 5px;
}

.radius-0077{
	border-radius:0px 0px 7px 7px;
}
.radius-0099{
	border-radius:0px 0px 9px 9px;
}

/* haut Arrondi */
.radius-5500{
	border-radius:5px 5px 0px 0px;
}

.rotate90deg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}

.overlay {
    background-color: rgba(0,0,0,0.5); /*dim the background*/
}

.rnd_brd_blue_noBg {
    border:solid thin #337AB7; /*#00417D;*/
    border-radius:5px;
}

.txtbox {
    height:45px;
    width:100%;
}

.txtbox-search {
    height:20px;
    width:25%;
}
.txtbox-testament-interactif{
 width:60%;
 height:30px;
}
.txtNum{
	text-align:right;
}
/* Radio button */
.custom-radio input[type="radio"] {
    display:none;
}

.custom-radio input[type="radio"] + label {
    font-size:14px;
   	text-transform: uppercase;
   	color: #601d0d;
   	cursor: pointer;
}

.custom-radio input[type="radio"] + label span {
    display:inline-block;
    width:8px;
    height:8px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
    -moz-border-radius:  50%;
    border-radius:  50%;
}

/* The trick: border creates same look as the radio button usually have */
/* remove it to see what happens */
.custom-radio input[type="radio"] + label span {
    background-color: #c4c4c4; /* have to be of the same color */
    border: 4px solid #c4c4c4; /* have to be of the same color */
}

/* Checked state for radio */
.custom-radio input[type="radio"]:checked + label span{
     background-color: #611906;
}

.textarea{
width:100%;
height:100px; 
} 

.txtbox10pc{
	width:10%;
	height:35px;
}

.txtbox15pc{
	width:15%;
	height:35px;
}
.txtbox25pc{
	width:25%;
	height:35px;
}

.txtbox35pc{
	width:35%;
	height:35px;
}

.txtbox40pc{
	width:40%;
	height:35px;
}
.txtbox45pc{
	width:45%;
	height:35px;
}
.txtbox50pc{
	width:50%;
	height:35px;
}

.txtbox75pc{
	width:75%;
	height:35px;
}

.txtbox100pc{
	width:100%;
	height:45px;
}

.txtbox-2-same-line-10pc {
    height:45px;
	width:10%;
}

.txtbox-2-same-line-15pc {
    height:45px;
	width:15%;
}

.txtbox-2-same-line-25pc {
    height:45px;
	width:25%;
}

.txtbox-2-same-line-33pc {
    height:45px;
	width:33%;	/*Laisse un espace*/
}

.txtbox-2-same-line-50pc {
    height:45px;
	width:49%;	/*Laisse un espace*/
}

.txtbox-2-same-line-80pc {
    height:45px;
	width:80%;
}

.txtbox-medium {
    height:35px;
    width:525px;
}

/*
.fade {
opacity: 0.5;
filter: alpha(opacity=40); /* msie */
}
*/

.footer {
    background-color:#4f4f4f;
    color:#fff;
}

.navbar-custom {
color: #FFFFFF;
background-color: #fff;
}

.top_row {
    text-align:right;
    width:100%;
    padding-top:1px;
   
}
.smooth { transition: height .5s }


/*----------------STYLE RADIO ET CHECKBOX -------------------*/
label.btn span {
  font-size: 1.5em ;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #7AA3CC;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
color: #7AA3CC;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #7AA3CC;    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #7AA3CC;
}

div[data-toggle="buttons"] label.active{
    color: #7AA3CC;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid 
#c8c8c8;
border-radius: 3px;
color: #c8c8c8;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #7AA3CC;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}

.wraptext{
word-wrap:break-word;
}


/*Toggle switch*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*Pour commanditaires desktop > en mobile on remet à center*/
.major-sponsors-closer-right{
	text-align:right;
}

.major-sponsors-closer-left{
	text-align:left;
}

.pos-div-pub{
	position:relative;
	left:925px;
}
.pub-col-droite{
	border:solid thin #999;
	background-color: #eee; 
    font-size: small;
    text-align: center; 
    font-weight: bold;
    border: 2px solid #337AB7;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	padding:15px;
}

/* Tooltip maison */
a.info {
	position: relative;
	text-decoration: none;
	color: black;
}
a.info span {
	display: none;
}
a.info:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
}
a.info:hover span {
	display: inline;
	position: absolute;
	width:250px;
	top: -2em;
	left: 2em;
	background:#333;
	text-align: left;
	color: white;
	padding: 5;
}

/*Testmanet notarié*/
.btn-cust{
	width:36% !important;	
}
.txt-small{
	width:15% !important;	
}

	

/*==============================================================================================================================================================================================================================*/
/*   																									MOBILE																													*/
/*==============================================================================================================================================================================================================================*/


@media (max-width: 1200px) {
	.fixBottomWhenMobile{
		position:fixed;
		bottom:20px;
		width:50%;
	}	
	
	.coupsdecoeur{
		width:100%;
		overflow-x: scroll;
    	white-space: nowrap;
	}
		
	.logo{
		height:35px;
		
	}
	
	.div-qu-est-ce-que{
		width:100%;
	}
    
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }


/* Customize menu */
.container-menu{ 
	padding-right:1%;
  	padding-left:1%;
  	margin-right: auto;
  	margin-left: auto;
}  
/* Fin customize menu */

.scroll-horizontal-instruction{
	display:inherit; /*Seulement en mobile*/
}

.loupe-mobile{
	display:inline;
	height:45px;
}
.searchBox{
	display:none;
}
.loupe-desktop{
	display:none;
}

.spacer-for-mobile-only{
	padding-top:10px;
}

.img-for-mobile{
width:75%;
}

/*overwrite les valeurs*/
.min_height444{
	min-height:275px;
}
.min_height500{
	min-height:275px;
}

.page-title{
font-size:32px;
}


.justify{
	text-align:inherit; /* sort tout croche en mobile*/
}

.formulaire{
	width:100%;
	padding:0px;
}


.txtbox-search {
    width:85%;
	
}
.txtbox-search-mobile {
    width:95%;
	height:35px;
}

.txtbox10pc{
	width:99%;
}

.txtbox15pc{
	width:99%;
}
.txtbox25pc{
	width:99%;
}
.txtbox35pc{
	width:99%;
}
.txtbox40pc{
	width:99%;
}
.txtbox45pc{
	width:99%;
}

.txtbox50pc{
	width:99%;
}

.txtbox75pc{
	width:99%;
}

.captcha{
width:50%;
text-align="center"
}

.subtitle{
	font-size:large;
}

/*<prix>*/
prix{
	font-size:x-large;
}
	
.btn-commander{
	width:75%;
}

.top-section{
	/*padding-top:40px;*/	   /*clear menu > Dans le template */
}

.modal-dialog {
    width: 98%;
    /*margin: 30px auto;*/
}

/* Toutes les sections sauf la première*/
.section{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
}


/*Sert principalement à padder verticalement les commanditaires en mobile */
.padding-bottom-small{
	padding-bottom:10px;
}


.padding-left-big{
	padding-left:10px;
}

.padding-right-big{
	padding-right:10px;
}

.padding-right-quote{
	padding-right:10px;
}



.pub{
width:98%;
}


.mega_menu{
	width:100%;
	min-height:1000px;
	/*padding-left:25%;*/
}
.dm-mega {
 /* transform: translate(-1%, 0);*/
}

.mega_menu2{
    width:555px;
    min-height:500px;
   
}
.dm-mega2 {
  transform: translate(-60%, 0);
}



.col-centered{
		float: none;
		margin: 0 auto;
	}

.min_height333{
	min-height:125px;
}

.reduce-text-size-for-mobile{
font-size:24px;
}

.large{
font-size:large;
}
.x-large {
    font-size:x-large
}	
.xxx-large {
    font-size:xx-large;
}	
.xxxx-large {
    font-size:x-large;
}
.commanditaires{
	height:auto;
	background-color: rgba(0, 0, 255, 0.5);
	padding-bottom:10px;
	}
.space_commanditaires{
		display:block;
		padding:5px;
	}

   	.top_row {
	padding-right: 1px;
    }
    
    .txtbox {
	width:98%;
	}
	
.big-menu-3td-width{
	width:100%;
}
.big-menu-4td-width{
	width:100%;
}

.width1pc{
	width:100%;
}
.width2pc{
	width:100%;
}
.width5pc{
	width:100%;
}
.width10pc{
	width:100%;
}
.width15pc{
	width:100%;
}
.width20pc{
	width:100%;
}

.width25pc{
	width:100%;
}

.width30pc{
	width:100%;
}
.width31pc{
	width:100%;
}
.width32pc{
	width:100%;
}
.width33pc{
	width:100%;
}
.width35pc{
	width:100%;
}
.width40pc{
	width:100%;
}
.width45pc{
	width:100%;
}
.width49pc{
	width:100%;
}
.width50pc{
	width:100%;
}
.width55pc{
	width:100%;
}
.width60pc{
	width:100%;
}
.width65pc{
width:100%;
}
.width70pc{
	width:90%;
}
.width75pc{
	width:100%;
}
.width80pc{
	width:100%;
}
.width85pc{
	width:100%;
}
.width90pc{
	width:100%;
}

.width95pc{
	width:100%
}

.width98pc{
	width:100%;
}

.width1210{
	width:100%;
}
.break_under_480{
visibility:inherit;
}

.txtbox-medium {
    width:100%;
}

.txtbox-2-same-line-10pc {
	width:25%;
}

.txtbox-2-same-line-25pc {
	width:50%;
}

.txtbox-2-same-line-33pc {
	width:100%;
}
.txtbox-2-same-line-50pc {
	width:100%;
}
.txtbox-2-same-line-80pc {
   width:100%;
}


/*Pour commanditaires desktop > en mobile on remet à center*/
.major-sponsors-closer-right{
	text-align:center;
}

.major-sponsors-closer-left{
	text-align:center;
}

@media (min-width: 200px) and (max-width: 576px) { 
	/*controls pour testament notarié/Devant témoins interactif*/
	.textbox-leg{
		height:20px;
		font-size:x-small;
	}
	
	
	tb-for-3cols{
		width:20% !important;
	}
	
	tb-for-4cols{
		width:1% !important;
	}
	
	
	.btnxsm{
		/*border:solid thick red !important;*/
		width:85px;
		height:25px;
		font-size:xx-small;
	}	
	
	.btn-cust{
		width:45% !important;	
	}
	.txt-small{
		width:30% !important;	
	}
	
}