a{color : cyan}
a:link {color: cyan;}
a:visited {color: cyan;}
a:hover {color: cyan;}
a:active {color: cyan;}


/*
 *  STYLE 13
 */
/*
#style-scroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
    border-radius: 10px;
    background-color: #CCCCCC;
}

#style-scroll::-webkit-scrollbar
{
    width: 12px;
}

#style-scroll::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #01CBD9;
    background-image: -webkit-linear-gradient(90deg,
                                              transparent,
                                              rgba(0, 0, 0, 0.4) 50%,
                                              transparent,
                                              transparent)
}
*/
/*
#01CBD9', endColorstr='#007982
*/





.pourcent45{width : 45%; float : left;}
.pourcent10{width : 10%; float : left;}
.pourcent48{width : 48%; float : left;}
.pourcent4{width : 4%; float : left;}
.clear{clear: both;}
.blanc{color : white;}
.orange {color : orange;}

body
{
	min-width : 1200px;
	max-width: 1199px;
	margin : 20px auto;
	background-color: rgba(255,255,255,0.7);
}

p
{
	text-align: justify;
}

a {

	color: #003399;
	background-color: transparent;
	font-weight: normal;
}

h1 {
	color: #444;
	background-color: transparent;
	border-bottom: 1px solid #D0D0D0;
	/*font-size: 19px;*/
	font-size: 2.5em;
	font-weight: normal;
	margin: 0 0 14px 0;
	padding: 14px 15px 10px 15px;
}

h2
{
	background-color: transparent;
	border-bottom: 1px solid #D0D0D0;
	font-size: 25px;
	font-weight: normal;
	margin: 0 0 14px 0;
	padding: 14px 15px 10px 15px;
}

code {
	font-family: Consolas, Monaco, Courier New, Courier, monospace;
	font-size: 12px;
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	color: #002166;
	display: block;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
}

#body {
	margin: 0 15px 0 15px;
}

p.footer {
	text-align: right;
	font-size: 11px;
	border-top: 1px solid #D0D0D0;
	line-height: 32px;
	padding: 0 10px 0 10px;
	margin: 20px 0 0 0;
}

#container {

	max-width: 1200px;
	margin : 0 auto;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #D0D0D0;
	box-shadow: 0 0 8px #D0D0D0;
}



#menu_att {
	 position : absolute;
	 z-index: 99999;
	 width: 1198px;
	 margin-top : -17px;



 }


#menu_att.fixed {
	position: fixed;
	top: 0;
	z-index: 99999;
	margin-top : -17px;
}


#menu_att_mob {
	position : absolute;
	z-index: 99999;
	width: 100%;
	width: calc(100% - 2px);
	width: -moz-calc(100% - 2px);
	width: -webkit-calc(100% - 2px);
	margin-top : 0px;
	font-size : 1.5em;


}

#menu_att_mob.fixed {
	position: fixed;
	top: 0;
	z-index: 99999;
	margin-top : 0px;

}






#recherche_cadre
{
	padding-top : 5px;
	margin-top : -19px;
	background-color : #868686;


}

#recherche_cadre_mobile
{
	padding-top : 5px;
	margin-top : -19px;
	background-color : white;


}

#arbo
{
	padding : 5px 0;
	padding-left : 30px;
	color : white;
	font-size : 12px;
	padding-top : -5px;
}



.table
{
	background-color : rgba(255,255,255,0.5);
}

.center
{
	text-align : center !important;
	margin: 0 auto !important;
}

.left
{
	text-align : left !important;
}

.black
{
	color : black;
}


.bnoir
{
	background-color : rgba(0,0,0,0.7);
	color : #fff;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

}

/* MONTURES */
.check_liste
{
	background-color : red;
}

input[type=checkbox] {
	visibility: hidden;
}

/* on prépare le label */
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label {
  margin-left: -25px; /* fait un peu d'espace pour notre case à venir */
  padding-left : 20px;
  cursor: pointer;    /* affiche un curseur adapté */
}

.squarespace
{
	padding-left : 15px;
	margin-top : 1px;
	width : 490px;
}

/* SQUARED THREE */
.squaredThree {
	width: 20px;
	position: relative;

}

.squaredThree label {


	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;


	-webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredThree label:after {
	visibility: hidden; /* a supprimer sur la V4.0 du site ainsi le disabled sur la vue */

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 6px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


.colonne2
{
	position : relative;
	width : 100%;
	height : 990px;
}










.montures
{

	padding : 5px;

}

.padding_pleinc
{
	margin-top : -50px;
}

/* FULL */

.full
{

	padding : 8px;

}


.contenu_full
{
	/*position : absolute;*/
	width : 1170px;
	margin : 0 15px;
}

.contenu_full_no_margin
{
	/*position : absolute;*/
	/*width : 1170px;*/

}

.padding_full
{
	padding : 15px;
}

.padding_alert
{
	padding : 5px;
}

.contour_full
{


	text-align: center;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px dotted black;
	margin : 5px;
	padding-bottom : 5px;


}


.contour_full .cadre_gauche
{

	float : left;
	width : 70%;
	padding : 5px 20px;
	text-align: left;

	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px dotted black;
	margin : 0 5px 5px 5px;

	/*height : 5654px;*/
	/*height : 1000px;	*/
}

ul
{
	text-align : left;
}

.contour_full .cadre_droit
{

position:relative;
	overflow-y: auto;
	width : 28%;
	padding : 5px 20px;
	text-align: left;

	margin : 5px;


/*height : 1000px;	*/
/*	position:relative;
	overflow-y: auto;
	width : 28%;
	padding : 5px 20px;
	text-align: left;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px dotted black;
	margin : 5px;
	*/
}

div[id^="i_"] {
padding-top: 100px;
position: relative;
top: -100px;
margin-bottom: -100px;
}

.table_arme, .table_arme_hr
{
	width : 100%;
}

.table_arme_hr  tr td
{
	vertical-align : middle;
	padding : 0 5px;

}

.table_arme tr td
{
	vertical-align : middle;
	padding : 5px;
}


.table_arme_scroll
{
	height : 160px;
	overflow-y: auto;
}

.cadre_gauche td,  .cadre_gauche th
{
	padding : 5px;
	text-align : center;
}

.cadre_spe_arme
{
	/*width : 98%;
	padding : 20px 5px;
	text-align: center;
	height : 400px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px dotted black;
	margin : 10px 5px;
	overflow-y: auto;
*/





    -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
    color: white;

	border: 1px solid black;
    border-radius: 4px 4px 4px 4px;
	padding : 5px;
	width : 98%;
	margin-right : 5px;



}

.couleur_tank a
{
	color : cyan !important;
}

.couleur_heal a
{
	color : lime !important;
}

.couleur_dps a
{
	color : lightcoral !important;
}

.couleur_fond_tank
{
	background-color : cyan !important;
	color : black;
}

.couleur_fond_heal
{
	background-color : lime !important;
	color : black;
}

.couleur_fond_dps
{
	background-color : lightcoral !important;
	color : black;
}


.info
{
	background-color : DarkCyan;
}

.success
{
	background-color : DarkGreen;
}

.warning
{
	background-color : DarkGoldenRod;
}

.danger
{
	background-color : DarkRed;
}


/* FIN FULL */



.montures .cadre_titre
{
	padding : 5px 20px;
	text-align: left;
	height : 35px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px dotted black;
	margin : 5px;

}

.montures .cadre_gauche
{

	width : 40%;
	float : left;
}

.montures .cadre_images
{
	text-align: center;
	height : 200px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px dotted black;
	margin : 5px;
}

.montures .cadre_icones
{
	padding : 5px;
	text-align: center;
	height : 50px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px dotted black;
	margin : 5px;
}

.montures .cadre_patch
{
	padding : 5px;
	text-align: center;
	height : 50px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px dotted black;
	margin : 5px;
	font-size : 0.8em;
}

.montures .cadre_info
{
	top : 6px;
	position:relative;
	padding : 5px;
	text-align: left;
	height : 254px; /* 309 */
	width : 59%;
	/*top : -313px;*/
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px dotted black;
	margin : 5px;
	font-size : 0.9em;
	overflow-y: auto;


}


.montures .cadre_diff
{
	top : 6px;
	position:relative;
	padding : 10px 5px;
	text-align: left;
	height : 50px; /* 309 */
	width : 59%;
	/*top : -313px;*/
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px dotted black;
	margin : 5px;
	font-size : 0.9em;
	overflow-y: auto;


}

.montures .cadre_spe
{

	width : 98%;
	padding : 20px 5px;
	text-align: center;
	height : 170px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px dotted black;
	margin : 10px 5px;
	overflow-y: auto;
}






.size80
{
	font-size : 0.9em;

}

.float_left
{
	float : left;
}

.float_right
{
	float : right;
}

.inputspe
{
	color : white;
}

.inputspe_nomu input[type=text] {

	text-align : center;
    -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
    color: white;

	border: 1px solid black;
    border-radius: 4px 4px 0px 0px;
	padding : 5px;
	width : 90px;
	margin-right : 5px;
}

.inputspe_nomu input[type=image] {

	text-align : center;
    -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
    color: white;

	border: 1px solid black;
    border-radius: 4px 4px 0px 0px;
	padding : 5px;
	width : 90px;
	margin-right : 5px;
}

.inputspe_nomu .images_icones
{
	text-align : center;
    -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
    color: white;

	border: 1px solid black;
    border-radius: 4px 4px 0px 0px;
	padding : 5px 30px;
	height : 29px;
	/*width : 29px;*/

	width : 90px;
	margin-right : 5px;
}





.bgred
{
	text-align : center;
    -webkit-box-shadow: inset 0px 1px 1px rgba(255,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(255,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(255,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #D00101 100%);
	background: -moz-linear-gradient(top, #222 0%, #D00101 100%);
	background: -o-linear-gradient(top, #222 0%, #D00101 100%);
	background: -ms-linear-gradient(top, #222 0%, #D00101 100%);
	background: linear-gradient(top, #222 0%, #D00101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D00101', endColorstr='#710606',GradientType=0 );
    color: white;

	border: 1px solid black;
    border-radius: 0px  0px 4px 4px;
	padding : 5px;
	width : 90px;
	margin-right : 5px;
}

.bgreen
{
	text-align : center;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,255,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,255,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,255,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #13BF00 100%);
	background: -moz-linear-gradient(top, #222 0%, #13BF00 100%);
	background: -o-linear-gradient(top, #222 0%, #13BF00 100%);
	background: -ms-linear-gradient(top, #222 0%, #13BF00 100%);
	background: linear-gradient(top, #222 0%, #13BF00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13BF00', endColorstr='#0A6100',GradientType=0 );
    color: white;

	border: 1px solid black;
    border-radius: 0px  0px 4px 4px;
	padding : 5px;
	width : 90px;
	margin-right : 5px;
}

.bgorange
{
	text-align : center;
    -webkit-box-shadow: inset 0px 1px 1px rgba(255,197,84,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(255,197,84,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(255,197,84,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #ffc554 100%);
	background: -moz-linear-gradient(top, #222 0%, #ffc554 100%);
	background: -o-linear-gradient(top, #222 0%, #ffc554 100%);
	background: -ms-linear-gradient(top, #222 0%, #ffc554 100%);
	background: linear-gradient(top, #222 0%, #ffc554 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc554', endColorstr='#e3ae45',GradientType=0 );
    color: white;

	border: 1px solid black;
    border-radius: 0px  0px 4px 4px;
	padding : 5px;
	width : 90px;
	margin-right : 5px;
}

.bblue
{
	text-align : center;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,200,255,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,200,255,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,200,255,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #01CBD9 100%);
	background: -moz-linear-gradient(top, #222 0%, #01CBD9 100%);
	background: -o-linear-gradient(top, #222 0%, #01CBD9 100%);
	background: -ms-linear-gradient(top, #222 0%, #01CBD9 100%);
	background: linear-gradient(top, #222 0%, #01CBD9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01CBD9', endColorstr='#007982',GradientType=0 );
    color: white;

	border: 1px solid black;
    border-radius: 0px  0px 4px 4px;
	padding : 5px;
	width : 90px;
	margin-right : 5px;
}

.inputspe_mu input[type=text] {

	text-align : center;
    -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
    color: white;

	border: 1px solid black;
    border-radius: 4px 4px 0px 0px;
	padding : 5px;
	width : 98%;
	margin-right : 5px;
	font-size : 0.9em;
}

.bgblue
{
	text-align : center;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,200,255,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,200,255,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,200,255,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #01CBD9 100%);
	background: -moz-linear-gradient(top, #222 0%, #01CBD9 100%);
	background: -o-linear-gradient(top, #222 0%, #01CBD9 100%);
	background: -ms-linear-gradient(top, #222 0%, #01CBD9 100%);
	background: linear-gradient(top, #222 0%, #01CBD9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01CBD9', endColorstr='#007982',GradientType=0 );
    color: white;

	border: 1px solid black;
    border-radius: 0px  0px 4px 4px;
	padding : 5px;
	width : 98%;
	margin-right : 5px;
}

.margintop10
{
	margin-top : 10px;
}


.ecart_monture
{
	padding-top : 10px;
}



.inputspe_nonmusique  input[type=text]
 {
	width : 90px;
}

.inputspe_musique
 {
	width : 200px;
}


/* MASCOTTES */


.colonne3
{
	position : relative;
	width : 100%;
	height : 1290px;
}


.montures .cadre_spe_mascottes
{
	/*width : 98%;
	padding : 20px 5px;
	text-align: center;
	height : 400px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px dotted black;
	margin : 10px 5px;
	overflow-y: auto;
*/

	padding : 20px 5px;
	margin : 0 5px 0 5px;


	text-align : center;
    -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
    color: white;

	border: 1px solid black;
    border-radius: 4px 4px 4px 4px;
	padding : 5px;
	width : 98%;
	margin-right : 5px;





}





.taille_icone_predo
{
	width : 25px;
	height : 25px;
}

.contour_mascottes
{

	/*height : 1254px;*/

	height: 1410px;

	text-align: center;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border:1px dotted black;
	margin : 5px;
	padding-bottom : 5px;


}

.choc_comp th
{
	border-bottom : 1px solid black;
	padding-bottom : 5px;
}

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

.choc_destruction .contour
{
	border : 1px solid black;
	padding : 10px 50px;
	border-radius: 4px 4px 4px 4px;
}

.choc_technique
{
	border-bottom : 1px dotted black;
}

.choc_technique th
{
	padding : 5px 10px;
	width : 50%;
}

.choc_technique td
{
	text-align : left;
}

.choc_description td
{
	text-align : left;
	padding : 10px;
}




.choc_pdt td, .choc_pdt th
{
	text-align : left;
	padding : 0 10px;
}

.choc_pdt th
{
	padding-top : 10px;
	border-top : 1px dotted black;

}

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


@media (min-device-width: 1200px) {
	.strap_off
	{
		display : initial;
	}

	.menu_off
	{
		display : none;
	}

	.espace_design
	{
		height : 130px;
	}

	/* revoir systeme de recherche */
	#recherche
	{


		width : 1198px;
		height : 40px;
		/*margin-top : -14px;*/
		border-top-style: solid 1px;
		padding : 0 20px;
	}

	.monture_gauche
	{
		position : absolute;
		width : 562px;
	}
	.monture_droite
	{
		position : absolute;
		margin-left : 52%;
		width : 48%;
	}

	.montures .cadre_obtention
	{
		width : 98%;
		padding : 20px 5px;
		text-align: left;
		height : 400px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border:1px dotted black;
		margin : 10px 5px;
		overflow-y: auto;

	}

	.contour_montures
	{

		height : 954px;

		text-align: center;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border:1px dotted black;
		margin : 5px;
		padding-bottom : 5px;


	}

	.contour_mascottes
	{
		height: 1254px;
	}





}

@media (max-device-width: 1199px) {




	.montures .cadre_spe_mascottes
	{
		margin: 8px 5px 0 5px;
	}

	.taille_mobile
	{
		font-size : 1.5em;

	}

	.taille_mobile_2 .alert-danger, .taille_mobile_2 .alert-success
	{
		font-size : 2em;

	}



	.monture_gauche
	{
		margin-bottom : 30px;

	}
	.monture_droite
	{
		margin-bottom : 30px;
	}

	.montures .cadre_obtention
	{
		width : 98%;
		padding : 20px 5px;
		text-align: left;

		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border:1px dotted black;
		margin : 10px 5px;
		overflow-y: auto;

	}

	.montures .cadre_titre
	{
		height: 50px;
		font-size : 1.1em;
	}


	.contour_montures
	{



		text-align: center;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border:1px dotted black;
		margin : 5px;
		padding-bottom : 5px;


	}


	/* on prépare le label */
	input[type="checkbox"]:not(:checked) + label,
	input[type="checkbox"]:checked + label {
		margin-left: -18px; /* fait un peu d'espace pour notre case à venir */
		padding-top : 31px;
		padding-left : 30px;
		cursor: pointer;    /* affiche un curseur adapté */
	}

	.squarespace
	{
		padding-left : 23px;
		margin-top : -29px;
		width : 490px;
	}

	/* SQUARED THREE */
	.squaredThree {
		width: 20px;
		position: relative;

	}



	body
	{
		min-width : initial;
		background-color: transparent;
	}



	.taille_mobile h1
	{
		background-color: white;
		border-radius: 10px;
		margin : 0 10px 20px;
	}

	p, li
	{
		font-size : 2em;
	}

	h4
	{
		font-size : 2.5em;
	}

	h3
	{
		font-size: 3em;
	}

	h2
	{
		font-size: 3.5em;
	}


	.size80
	{
		font-size: 1.2em;
	}

	.montures .cadre_info
	{
		height: 300px;

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

	.montures .cadre_icones
	{
		margin-top : 27px;
	}

	.montures .cadre_patch
	{
		margin-top : 28px;
	}

	.montures .cadre_spe
	{
		height: 250px;
	}

	.size80 p
	{
		font-size: inherit;
	}

	.inputspe_nomu input[type=text]
	{
		width : 150px;
	}

	.inputspe_mu input[type=text]
	{
		font-size: 1.2em;
	}

	.bgred, .bgreen
	{
		width: 150px;
	}




		/* revoir systeme de recherche */
	#recherche
	{


		width : 100%;
		height : 100px;
		margin-top : 16px;
		border-top-style: solid 1px;
		padding : 0 20px;

	}


	.apropos
	{
		font-size : 2em;
	}
	.apropos li
	{
		font-size : inherit;
	}



	.espace_design
	{
		height : 200px;
	}


	.menu_off
	{
		display : initial;
		font-size : 2em;
	}

	.strap_off {
		display : none;
	}

	html
	{
		background-color : rgb(166, 166, 166);
		background-color : #A6A6A6;
		padding : 0;
		margin : 0;
	}




	/* MENU */

	#main-menu {
		background-color: #2E3039;
	}

	.list-group-item {
		background-color: #2E3039;
		border: none;
	}

	a.list-group-item {
		color: #FFF;
	}

	a.list-group-item:hover,
	a.list-group-item:focus {
		background-color: #43D5B1;
	}

	a.list-group-item.active,
	a.list-group-item.active:hover,
	a.list-group-item.active:focus {
		color: #FFF;
		background-color: #43D5B1;
		border: none;
	}

	.list-group-item:first-child,
	.list-group-item:last-child {
		border-radius: 0;
	}

	.list-group-level1 .list-group-item {
		padding-left:30px;
	}

	.list-group-level2 .list-group-item {
		padding-left:60px;
	}

	.contour_mascottes
	{
		height : 2000px;
	}


	.contour_full
	{

		border : initial;
		margin : initial;
	}

	.cadre_full_section .cadre_droit
	{
		display: none;
	}

	.contenu_full
	{
		position: absolute;
		width: 100%;
		margin: initial;
	}


	.cadre_full_section .cadre_gauche
	{
		width: 100%;
		height: 100% !important;
		margin: 17px 0;
	}






}