/* COLORS 



Bleu 3Dreshaper : 			#03bbd3;

Rose dental : 				#ae5d99;

Orange SDK :					#fec60d;

Vert Metro : 				#bbda78;






*/

/* Pour éviter les sauts de page lorsqu'elles sont trop courtes : */

#sp-main-body-wrapper {

	/*min-height:900px;*/

}



/* SUR HEADER */

#sp-toolbar-l .module {

	float:left;

	margin:0;

}

#sp-toolbar-r .module {

	float:right;

	margin:0 0 0 15px;

}



/* *** SURTOP MENU *** */

/* Liens */

#sp-toolbar-l .nav {

	margin:0;	

}

#surtopmenu {

	width:500px;

	float:left;

}

#surtopmenuen {

	width:500px;

	float:left;

}

/*

#surtopmenu .toplink1, #surtopmenu .active .toplink1 {

	color:#03bbd3;

}

#surtopmenu .toplink2, #surtopmenu .active .toplink2 {

	color:#ae5d99;

}

#surtopmenu .toplink3, #surtopmenu .active .toplink3 {

	color:#fec60d;

}

*/

#surtopmenu .toplink1, #surtopmenu .toplink2, #surtopmenu .toplink3, #surtopmenu .toplink4 {

	color:#ddd;

}

#surtopmenu .toplink0:hover {

	background-color:#718091!important;

}

#surtopmenu .active .toplink1, #surtopmenu .toplink1:hover {

	background-color:#03bbd3!important;

	color:#fff!important;

}

#surtopmenu .active .toplink2, #surtopmenu .toplink2:hover {

	background-color:#ae5d99!important;

	color:#fff!important;	

}

#surtopmenu .active .toplink3, #surtopmenu .toplink3:hover {

	background-color:#fec60d!important;

	color:#fff;

}

#surtopmenu .active .toplink4, #surtopmenu .toplink4:hover {

	background-color:#00953a!important;

	color:#fff!important;	

}



#surtopmenu li {

	float: left;	

	margin-right: 5px;

}

#surtopmenu li a {

	padding: 5px;

}

#surtopmenu li.active {

	background-color: #718091;

}

#surtopmenu li.active a {

	color: #2d3c4d;

}


/* Bouton de recherche */

#sp-toolbar-r {

	padding-top: 5px;	

}

#mod-search-searchword {

	height: 30px!important;	

}

.search button.btn {

	padding-top: 5px;

	padding-bottom: 5px;	

}

#sp-toolbar-r  .pull-right form {

	margin:0 0 0 10px!important;

	border-radius:0;		

}

#sp-toolbar-r  .pull-right form input, #sp-toolbar-r  .pull-right form .button {

	border-radius:0;		

}



/* Liste déroulante des langues */

#sp-toolbar-r .mod-languages .inputbox {

	width:120px;

	border-radius:0;

}

#sp-toolbar-r .mod-languages form {

	margin:0;		

}



/* /// */

#sp-right input[type="text"], #sp-right input{

	width:100%!important;

	border-radius:0!important;

}

#sp-right .acymailing_form {

		margin:0!important;

		

}

#sp-right .btn-primary{

	width:107%!important;

}





/* *** PAGE D'ACCUEIL *** */

/* 4 blocs en-dessous du slider */

#sp-countdown-wrapper {

	background: inherit;

}





/* *** FORMULAIRE D'ENREGISTREMENT FR *** */

/* Désactive le control-label pour la dernière checkbox */

#mid_225-checkbox19 .control-label {

	display: none;	

}

/* Supprime la limite du width pour les label checkbox */

div#foxcontainer_m225 label.checkbox {

	width: inherit;	

}

/* Modifie les marges entre les input */

div#foxcontainer_m225 .control-group {

  margin-bottom: 10px;

}





/* *** FORMULAIRE D'ENREGISTREMENT EN *** */

/* Désactive le control-label pour la dernière checkbox */

#mid_226-checkbox19 .control-label {

	display: none;	

}

/* Supprime la limite du width pour les label checkbox */

div#foxcontainer_m226 label.checkbox {

	width: inherit;	

}

/* Modifie les marges entre les input */

div#foxcontainer_m226 .control-group {

  margin-bottom: 10px;

}





/* PAGE en Mode Blog */



.blog .entry-content img {

	margin:0 15px 0 0!important;

}

















/* *** Plan du site *** */

/* Margin list */

ul {

	margin: 0 0 10px 25px;	

}



.admin {

	width: 15px;

	height: 15px;

	position: absolute;

	top: 0;

	right: 0px;

	border-bottom: none;

	text-decoration: none !important;

}

.admin:hover {

	border-bottom: none;

	text-decoration: none;

}

.new_browser {

	padding:20px!important;

	background-color:#f2dede!important;

	color:#a0403e!important;

	font-size:16px!important;

	line-height:24px!important;

}

.new_browser a {

	color:#016563!important;

	text-decoration:underline!important;

}

.sous_footer {

	margin: 0;

	width: 110%;

	font-size:12px;

}



/* XMAP */ 

#xmap .muted {

	display:none;

	visibility:hidden;

}







/* *** FOOTER *** */

/* Soulignage des titres adapté à leur largeur */

.module.title1 h3.header::after {

	display: none;	

}

.preset1 .module.title1 h3.header span {

	border-bottom: 1px solid #03bbd3;

}

.preset6 .module.title1 h3.header span {

	border-bottom: 1px solid #ae5d99;

}

.preset3 .module.title1 h3.header span {

	border-bottom: 1px solid #00953A;

}


.preset2 .module.title1 h3.header span {

	border-bottom: 1px solid #bbda78;

}


/* *** INTERVALLES *** */

/* jusqu'à  320 */

@media only screen and (max-width: 319px) {
	.keywords {

		display:none;

	}
   .Legend {

		display:none;

	}
}

/* à partir de 320 et jusqu'à  479 */

@media only screen and (min-width:320px) and (max-width: 479px) {
	.keywords {

		display:none;

	}
  
}

/* à partir de 480 et jusqu'à  567 */

@media only screen and (min-width:480px) and (max-width: 567px) {
	.keywords {

		display:none;

	}
}

/* à partir de 568 et jusqu'à  767 */

@media only screen and (min-width:568px) and (max-width: 767px) {


}

/* à partir de 768 et jusqu'à 1023 */

@media only screen and (min-width:768px) and (max-width: 979px) {

	/* Pour ne pas afficher le bandeau spécifique et le menu réduit en même temps sur cette résolution) */

	#sp-toolbar-wrapper {

		display:none;

	}

}



/* à partir de 768 et jusqu'à 1023 */

@media only screen and (min-width:768px) and (max-width: 1023px) {

}

/* à partir de 1024 et jusqu'à 1279 */

@media only screen and (min-width:1024px) and (max-width: 1279px) {

}

/* à partir de 1280 et jusqu'à 1439 */

@media only screen and (min-width: 1280px) and (max-width: 1439px) {

}

/* A partir de 1440 */

@media only screen and (min-width:1440px) {

}



/* Image nette au survol */

.BlurImage

{

    -webkit-filter: blur(2px); 

} 

.BlurImage:hover

{

    -webkit-filter: blur(0px); 

}



/* Image élcairée au survol */

.HighlightedImage

{

    -webkit-filter: brightness(1);

} 

.HighlightedImage:hover

{

    -webkit-filter: brightness(1.1);

}

#Demo, #Features, #Screenshots, #Plugins, #Versions, #2015, #20141, #2014, #2013, #7, #6, #5, #4{
	padding-top:150px;
	margin-top:-150px;
}

h1 { font-family: 'Open Sans', sans-serif; font-weight: 300;}
h2 { font-family: 'Open Sans', sans-serif; font-weight: 600;}
h3 { font-family: 'Open Sans', sans-serif; font-weight: 300;}
h4 { font-family: 'Open Sans', sans-serif; font-weight: 400;}
h5 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:16px; text-align: justify;}
h6 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:15px; text-align: justify;}
p  { text-align: justify; }

.Legend{
	font-family: 'Open Sans', sans-serif; 
  	font-weight: 300;
  	text-align: center;
  	font-size: small ;
  	padding-left:10px;
  	float:right;
}

.pic_left{
	padding-right:50px;
  	float:left;
}

.pic_right{
	padding-left:50px;
  	float:right;
}

#separator_gradient {
  	height:10px;
    background: -webkit-linear-gradient(left, white , #f2f2f2, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, white , #f2f2f2, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, white , #f2f2f2, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, white , #f2f2f2, white); /* Standard syntax (must be last) */
}

#keyworkdslist li {
 font-family: 'Open Sans', sans-serif; 
 font-weight: 300;
 text-align: left;
 font-size: 20px;
 list-style-type: none;
 background-repeat: no-repeat;
 background-position: left center;
 background-color: white;
 line-height: 130%;
 margin-bottom: 15px;
 padding-left: 32px;
 vertical-align: top;
  margin-left: -25px;
} 

.keywords
{
  vertical-align: top;
  padding-right: 10px;
  width: 20%;  
  padding-top: 15px;
}

.btn-download {
  font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:14px;
  background-image: url(../images/arrow_dl_white.png); 
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left:40px;
  color: white;
  border-radius:0px;
  box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
  line-height: 20px;
  margin:10px;
}

.btn-download:hover,
.btn-download:focus {
  background-image: url(../images/arrow_dl_black.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left:40px;
  border:2px solid black;
  background-color: white;
}



.btn-downloadsurv {
  font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:20px;
  color: white;
  border-radius:0px;
  line-height: 10px;
  margin:0px;
  padding:15px;
}

.btn-downloadsurv:hover,
.btn-downloadsurv:focus {
  background-color: white;
  color:black;
}


.btn-menusurv {
  font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:20px;
  color: white;
  border-radius:0px;
  line-height: 10px;
  margin:0px;
  padding:15px;
  background-color: #00BBD3;
}

.btn-menusurv:hover,
.btn-menusurv:focus {
  background-color: white;
  color:black;
}


.btn-inverse {
  font-family: 'Open Sans', sans-serif; 
  font-weight: 300;
  border-radius:0px;
  margin:0px;
}

.btn-inverse:hover,
.btn-inverse:focus {
  background-color: white;
  color:black;
}


@media only screen and (min-width:320px) and (max-width: 600px) {
	.btn-inverse {
		display:none;
	}
}

/* en dessous de 800 */
@media only screen and (min-width:600px) and (max-width: 800px) {
  .btn-inverse
  {
    font-size: 14pt;
    line-height: 15px;
  	padding:10px;
  }
}

/* A partir de 800 */
@media only screen and (min-width:800px) {
  .btn-inverse
  {
    font-size: 18pt;
    line-height: 20px;
  	padding:20px;
  }
}

#sp-main-menu ul {
    text-transform: none;
}


#downloadimage {
  background-repeat: no-repeat;
  background-position: left center;
  font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:12px;
  color:white;
  width:300px;
  padding-left:80px;
  padding-top:20px;
  padding-bottom:25px;
}

a.nodecoration{ 
   color:white;
   text-decoration:none;
} 

#versionslist li {
 font-family: 'Open Sans', sans-serif; 
 font-weight: 300;
 text-align: left;
 font-size: 14px;
 color: #03bbd3;
 list-style-type: none;
 background-image: url(../images/Fleche.png);
 background-repeat: no-repeat;
 background-position: left center;
 background-color: white;
 line-height: 125%;
 margin-bottom: 15px;
 padding-left: 32px;
 vertical-align: top;
  margin-left: -25px;
} 

.versions
{
	font-family: 'Open Sans', sans-serif; 
  	font-weight: 300;
  	text-align: left;
  	padding-left:10px;
  	float:right;
  	max-width:20%;
}

.details 
{
	font-style: italic;
	text-decoration: underline;
}

.bandeau_accueil
{
  font-family: 'Open Sans', sans-serif; 
  font-weight: 300;
  color: white;
  text-align: right;
  vertical-align:middle;
  margin: 10px 0;
}

/* en dessous de 800 */
@media only screen and (max-width:800px) {
  .bandeau_accueil
  {
    font-size: 16pt;
    line-height: 20px;
  }
}

/* A partir de 800 */
@media only screen and (min-width:800px) {
  .bandeau_accueil
  {
    font-size: 24pt;
    line-height: 40px;
  }
}


/* Modal Boxes */
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	max-width:60% ;
  	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.closembox {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.closembox:hover { background: #00d9ff; }

@media screen and (min-width: 1501px) {
.widgetmenu
{
  padding: 10px 10px 10px 10px; 
  text-align:center; 
  position: fixed;  
  RIGHT: 0;  
  top: 33%; 
  border: solid hsla(213, 9%, 38%, 0.5); 
  border-radius: 3em 0.5em 0.5em 3em;"
}
}

@media screen and (min-width: 1px) and (max-width: 1500px) {
 .widgetmenu { display:none; }   /* hide it */
}

.its_list{
	list-style: none; /* Remove default bullets */
}

.its_list li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #e6213c; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}

#3DReshaper h4,#3DReshaper col-sm-12{
	line-height: 30px;
}
#3DReshaper li{
	line-height: 30px !important;
}