@charset "UTF-8";
/* CSS Document */
html, p
   {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size:90%;
}

img {
	border:0;
}

.menu2 a {
	text-decoration:none;
	color:#444;
	margin-left:25px;
}

.menu2 a img {
	margin-right:5px;
}

h1 {
	font-size:150%;
	font-weight:normal;
}

h2 {
	margin-top:3px;
	padding:0;
	font-size:120%;
	line-height:100%;
	font-weight:normal;
	color:#444;
}

h2 a {
	text-decoration:none;
	color:#444;
}

h3 {
	margin-top:3px;
	padding:0;
	font-size:95%;
	line-height:100%;
	font-weight:normal;
	color:#000;
}

h4 {
	margin-top:0px;
	margin-bottom:0;
	padding:0;
	font-size:110%;
	font-weight:bold;
}

.error {
	margin-top:10px;
	color:red;
	text-align:center;
}

.lightseagreen {
	color:lightseagreen;
}

.teal {
	color:teal;
}

.textu-auth {
	color:#8f7e70;
}

.textu-cont {
	color:#b9589d;
}

.textu-graph {
	color:#494948;
}

.textu-equinoxe {
	color:#5e8ac7;
}

.text-center {
	text-align:center;
}

.title-upper
{
    text-transform: uppercase;
    font-variant: small-caps;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}

[class*="col-"] {
    float: left;
	width: 100%;
}

@media only screen and (min-width: 300px) {
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

.container {
   width:80%;
   margin-left:auto;
   margin-right:auto;
}

.header, .footer {
   text-align:center;
}

hr {
	height: 1px;
  	padding: 0px;
  	color: #DDD;
  	background-color: #DDD;
  	border: 0;
}

.pull-left {
	float:left;
}

.media {
	float:left;
	margin-right:15px;
}

.text-gray {
	color:gray;
}

.fond-div {
 	background:#eeeeee;
	padding:5px;
	margin:10px;
  	border-radius: 10px;
  	vertical-align: top;
  	text-align: center;
}

.cadre {
	border:1px solid silver;
		
}

.arrondis {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#fff;
}

input {
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 90%;
    background-color: white;
    padding: 5px 5px 5px 5px;
	margin-top:5px;
	margin-bottom:5px;
}

input[type=submit]:hover {
    background-color: #5cb85c;
}

input[type=submit] {
    background-color: #428bca;
    color: white;
    padding: 8px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.zone-blanche {
	max-width: 94%;
	height: auto;
	padding:3%;
}


/** Configurateur **/

.disque {
    margin:0 3px 0 0;
    width:18px;
    background:#444;
    height:18px;
    text-align:center;
    border-radius:18px;
	color:white;
	font-weight:normal;
	float:left;
	line-height:18px;
}

div.scroll {
    background-color: #fff;
    width: auto;
    height: 200px;
    overflow: scroll;
	font-size:80%;
	text-align:center;
}

div.scroll a {
	text-decoration:none;
	color:#888;
	text-align:center;
}

#tabsmen, #tabsfen, #tabspor, #tabsb {
	font-size:11px;
	padding: 0px; 
}

#tabs_modeles {
	font-size:14px;
	padding: 0px; 
}

#tabsmen, #tabsb {
	font-size:14px;
	padding: 0px; 
	margin-top:20px;
}

#tabsfen, #tabspor { 
	margin-top:0px;
}

#tabsmen .ui-tabs-nav, #tabsfen .ui-tabs-nav, #tabspor .ui-tabs-nav, #tabsb .ui-tabs-nav, #tabs_modeles .ui-tabs-nav { 
    background: transparent; 
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 

#tabsmen .ui-tabs-panel, #tabsfen .ui-tabs-panel, #tabspor .ui-tabs-panel, #tabsb .ui-tabs-panel { 
    margin: 0; 
}

.pastilles-div {
	width:70px;
	height:50px;
	float:left;
	margin-left:0px;
	margin-right:5px;
	margin-top:12px;
}

.pastilles {
	width:40px;
	height:40px;
	border-radius: 5px;
	margin:auto;
}

.pastilles_textures_mod {
	float:left;
	margin:10px;
	border-radius:5px; 
	width:70px; 
	height:auto; 
	box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.5);
}

.visu_pastilles {
	width:78px;
	height:100px;
	border-radius: 5px;
	margin:10px auto 2px auto;
}

/** Configurateur **/


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

.text-label  {
	margin-right:10px;
}

.zone_selection_porte {
	width:120px;
	margin:5px 30px 5px 0;
}

#tabspor-textu {
	width:380px;
}

#tabspor-pvc {
	width:380px;
}

#tabspor-alu {
	width:380px;
}

#zonedep {
	background-color:#860f01;
	position:relative;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	margin:0;
}

.scroll p {
	font-size:11px;
	margin-bottom:10px;
	margin-top:2px;
}

.Grilles-thumbnails {
	height:123px;
	margin:10px auto 0 auto;
}

.zoom  {
  display: none; 
  position: absolute;  
  top: -20px; 
  left: 10px; 
  z-index: -40; 
  width:100%; 
  padding:2px 4px;
}

.zoom :hover {
  display: inline; 
  position: absolute;  
  top: -20px; 
  left: 10px; 
  z-index: -40; 
  width:100%; 
  padding:2px 4px;
}

.bold {
	font-weight:bold;
}

.normal {
	font-weight:normal;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.red {
	color:red;
}

.lecture_table {
    margin-left:auto;
	margin-right:auto;
}

.lecture_table th {
    align:center;
	background-color:#888;
	color:#fff;
	height:22px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
}

.lecture_table td {
    align:center;
	background-color:#eee;
	color:#444;
	height:22px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:13px;
}