/* 
@import url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css");
*/
/*
XS @media (max-width: 767px)  						>>>> 	Smartphones
SM @media (min-width: 768px) and (max-width: 991px) >>>> 	Tablettes
MD @media (min-width: 992px) and (max-width: 1199px)>>>> 	Tablettes Paysage + Petits écrans
LG @media (min-width: 1200px) {						>>>> 	Grands écrans

@media (max-width: 767px) {

}
@media (min-width: 767px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {

}

*/
/*
Anthracite #373D42 55,62,66
Bleu Clair #199FDA 24,159,219
*/



#logo {
	max-height:80px;
	position:relative;
	top: -10px;
	padding:0px;
	margin:auto;
}

.para {
	border-bottom:outset 3px #199FDA; 
	box-shadow: 0px 0px 10px #b300b3 inset;
	-moz-box-shadow: 0px 0px 10px #d96c00 inset;
	-webkit-box-shadow: 0px 10px 30px #bbbbbb;
} 

.soustitre img {
	padding:0px;
	top:0;
	
	z-index:988;
}
.soustitre > div {
	padding:10px;
	height:70px;
	width:100%;
	border-top:outset 1px #ffffff; 
	border-bottom:outset 10px #199FDA; 
	position:relative;
	z-index:999;
	background-color:#373D42!important;
	top:-0px;
}
.annonce  {
	height:70px;
	padding:10px;
	width:100%;
	border-top:outset 1px #ffffff; 
	border-bottom:outset 10px #199FDA; 
	background-color:#373D42!important;
}

.img_sel {
	border:4px dashed green;
}
.img_not_sel {
	border:4px solid #DDDDDD; 
	cursor:pointer;
}

@media (max-width: 767px) {
	.page {
		position:relative;
		top:50px!important;
	}
	.para {
		margin-top:100px;
	} 
	.parag {
		margin-top:100px;
	} 
}
@media (min-width: 767px) and (max-width: 991px) {
	.page {
		position:relative;
		top:90px!important;
	}
	.para {
		margin-top:140px;
	} 
	.parag {
		margin-top:160px;
	} 
}
@media (min-width: 992px) and (max-width: 1199px) {
	.page {
		position:relative;
		top:90px!important;
	}
	.para {
		margin-top:140px;
	} 
	.parag {
		margin-top:160px;
	} 
}
@media (min-width: 1200px) {
	.page {
		position:relative;
		top:90px!important;
	}
	.para {
		margin-top:140px;
	} 
	.parag {
		margin-top:160px;
	} 
}


/*double row*/
.navbar-doublerow > .navbar{
	background-color: rgba(255,255,255,1)!important;
	display: block;	
	padding: 0px auto;
	margin: 0px auto;
	height:100px!important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.navbar-doublerow .nav{
	padding: 0px auto;
}
.navbar-doublerow .dividline{
  margin: 5px 5px;
  padding-top: 1px;
  background-color: inherit;
}
/*top nav*/
.navbar-doublerow .navbar-top  {
	position:relative;
	top:-28px;

	height: 0px!important;
	line-height: 0px!important;
	background-color: rgba(24,159,219,1)!important;
} 
.navbar-doublerow .navbar-top ul>li>a {
	color: #ffffff!important;
	padding: 0px 0;
} 
/*down nav*/
.navbar-doublerow .navbar-down .navbar-brand {
	padding: 0px auto;
	float: left;
	color: #fffffff;
}
.navbar-doublerow .navbar-down ul>li>a{
	color: #fffffff;
	transition: border-bottom .2s ease-in , transform .2s ease-in-out;
}
.navbar-doublerow .navbar-down ul>li>a:hover{
	color: #fffffff;
}
.navbar-doublerow .navbar-down .dropdown{
    padding: 5px;
    color: #000;
}
.navbar-doublerow .navbar-down .dropdown ul>li>a,
.navbar-doublerow .navbar-down .dropdown ul>li>a:hover{
  border-bottom: none;
}
.navbar-doublerow.navbar-trans.afterscroll {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
   top:-60px;
}	
@media (max-width: 767px) {
	.navbar-doublerow.navbar-trans.afterscroll {
	  top:-50px;
	}
}

.navbar-doublerow.navbar-trans.afterscroll #logo{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
	.navbar-doublerow.navbar-trans.afterscroll #logo{
	transform:scale(0.5);
	-webkit-transform:scale(0.5);
	  position:relative;
	  top:20px;
	}
	header {
	  margin-top:110px;
		
	}
}

@media (min-width: 767px) and (max-width: 991px) {
	.navbar-doublerow.navbar-trans.afterscroll #logo{
	   top:-10px;
	}
	header {
	  margin-top:170px;
		
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-doublerow.navbar-trans.afterscroll #logo{
	   top:-15px;
	}
	header {
	  margin-top:170px;
		
	}
}

@media (min-width: 1200px) {
	.navbar-doublerow.navbar-trans.afterscroll #logo{
	transform:scale(0.8);
	-webkit-transform:scale(0.8);
		top: -15px;
	}
	header {
	  margin-top:190px;
		
	}
}

.flex-container {
    display: flex;
    justify-content: space-between;
	margin:auto;
}
.flex-item {
}

.ligne_icone {
  list-style: none;
  display:inline-block;
  height:auto;
}

.ligne_iconenav > li {
  float: left;
  margin: 10px;
}

.sql{ /* Class de test pour le requetes et msg d'erreur*/
	position:relative;
	width:100%;
	background-color: rgba(147,255,38,0.5);
	z-index:999999999999999;
	font-family: Play;
	font-size: 11pt;
	color: #000000;
	text-decoration: none;
}


.space-rotate {
	z-index: 2;
	left:0;
	position: relative;
    -webkit-transition: 1.5s ease-in-out;
    -moz-transition: 1.5s ease-in-out;
    -o-transition:1.5s ease-in-out;
    transition: 1.5s ease-in-out;
}
.space-rotate  h2{
	z-index:6;
	position:absolute;
	width:100%;
	bottom:10px;
	padding:5px 5px 0px 8px;
	color:#dddddd;
	background-color: rgba(0,0,0,0.55);
}
.space-rotate  h3{
	z-index:6;
	position:absolute;
	width:100%;
	bottom:-10px;
	padding:8px;
}
.space-rotate img{
    -webkit-transform:  scale(1) rotate(0.1deg);
    -ms-transform: scale(1) rotate(0.1deg);
    transform: scale(1) rotate(0.1deg);
 	z-index:10;
   -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
	-webkit-filter: grayscale(80%);
	filter: grayscale(80%); 	
	box-shadow:2px 3px 100px rgba(0,0,0,0.8)inset;
}
.space-rotate  img:hover{
    -webkit-transform:  scale(1.01) rotate(0.1deg);
    -ms-transform: scale(1.01) rotate(0.1deg);
    transform: scale(1.01) rotate(0.1deg);
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%); 	
	background-color: rgba(68,68,68,0.0);
	box-shadow: 0px 0px 10px #b300b3 inset;
	-moz-box-shadow: 0px 0px 10px #d96c00 inset;
	-webkit-box-shadow: 0px 0px 10px #6cd900 inset;
}


@media (max-width: 767px) {
	.space-rotate  h2{
		padding:5px;
	}
	.space-rotate  h3{
		bottom:-10px;
		padding:6px;
		background-color: rgba(0,0,0,0.5);
	}
	.space-rotate img{
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%); 	
	}
}
@media (min-width: 767px) and (max-width: 991px) {
	.space-rotate  h2{
		padding:5px;
	}
	.space-rotate  h3{
		bottom:-10px;
		padding:6px;
		background-color: rgba(0,0,0,0.5);
	}
	.space-rotate img{
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%); 	
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.space-rotate  h2{
		padding:5px;
	}
	.space-rotate  h3{
		bottom:-10px;
		padding:6px;
		background-color: rgba(0,0,0,0.5);
	}
	.space-rotate img{
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%); 	
	}
}
@media (min-width: 1200px) {

}

/* OMBRE DANS .space-rotate */
#ombre  {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:1;
	-webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
#ombre:hover{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:1;
	box-shadow:2px 3px 100px rgba(0,0,0,0.8)inset;
	-webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
/* FIN OMBRE DANS .space-rotate */



.noirblanc  {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%); 	
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.noirblanc:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%); 	
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}





/*  SECURITE */ 
.sec {
display:none;
}

.bphoto {
	transform:scale(1);
	-webkit-transform:scale(1);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.bphoto:hover ,
.bphoto:focus {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	box-shadow: 2px 2px 10px #999999;
	-moz-box-shadow: 2px 2px 10px #999999;
	-webkit-box-shadow: 2px 2px 10px #999999;
}

.minizoom  {
	transform:scale(1);
	-webkit-transform:scale(1);
	color:#eeeeee!important;
	-webkit-transition: transform 0.8s ease-in-out;
	-moz-transition: transform 0.8s ease-in-out;
	-o-transition: transform 0.8s ease-in-out;
	transition: transform 0.8s ease-in-out;
}
.minizoom :hover  ,
.minizoom:focus {
	color:#345ea9!important;
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-webkit-transition: transform 0.8s ease-in-out;
	-moz-transition: transform 0.8s ease-in-out;
	-o-transition: transform 0.8s ease-in-out;
	transition: transform 0.8s ease-in-out;
}

.masquephoto  div{
	position:relative;
	overflow:hidden;
	width:100%;
	height:665px;
	z-index:1;
}
.masquephoto  img{
	min-width:100%;
	z-index:1;
}

/*
html {  
	font-family: Arial, sans-serif;
}
*/
.footer {
	background-color:rgba(55,62,66,0.99)!important;
	height:auto;
	border:1px solid #AAAAAA;
}


 /* Centrage des textes 1 sur 2 --> A reajuster*/
@media only screen and (max-width: 768px) {
	div#centre_vertical {
		display: flex;
		min-height: 100px;
	}
	div#centre_vertical div{
		margin: auto;
	}
}
@media (min-width: 769px) and (max-width: 992px) {
	div#centre_vertical {
		display: flex;
		min-height: 300px;
	}
	div#centre_vertical div{
		margin: auto;
	}
}
@media (min-width: 993px) and (max-width: 1200px) {
	div#centre_vertical {
		display: flex;
		min-height: 400px;
	}
	div#centre_vertical div{
		margin: auto;
	}
}
@media (min-width: 1201px) {
	div#centre_vertical {
		display: flex;
		min-height: 500px;
	}
	div#centre_vertical div{
		margin: auto;
	}
}


}
.pousse-right {
	float: right !important;
}

@media (max-width: 767px){
	.pousse-right {
		float: left !important;
	}
}

#toTop{ /* Bouton retour haut*/
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	z-index:10;
}


/* ESPACEMENT *************************************/ 

.space-top {
  margin-top: 24px;
}

@media only screen and (max-width: 768px) {
  .space-top {
    margin-top: 19.2px;
  }
}
.space-bottom {
  margin-bottom: 24px;
}
@media only screen and (max-width: 768px) {
  .space-bottom {
    margin-bottom: 19.2px;
  }
}
.double-space-top {
  margin-top: 48px;
}
@media only screen and (max-width: 768px) {
  .double-space-top {
    margin-top: 31.2px;
  }
}
.double-space-bottom {
  margin-bottom: 48px;
}
@media only screen and (max-width: 768px) {
  .double-space-bottom {
    margin-bottom: 31.2px;
  }
}
.double-padding-top {
  padding-top: 48px !important;
}
@media only screen and (max-width: 768px) {
  .double-padding-top {
    padding-top: 31.2px !important;
  }
}
.double-padding-bottom {
  padding-bottom: 48px !important;
}
@media only screen and (max-width: 768px) {
  .double-padding-bottom {
    padding-bottom: 31.2px !important;
  }
}


.padding-top{
	padding-top:10px!important;
}
.padding-bottom{
	padding-bottom:10px!important;
}

.padding0 {
	padding:0px!important;
}
.margin0 {
	margin:0px!important;
}

.padding5 {
	padding:5px!important;
}

.padding10 {
	padding:10px!important;
}
.padding20 {
	padding:20px!important;
}
.padding30 {
	padding:30px!important;
}
.margin5 {
	margin:5px!important;
}
.margin10 {
	margin:10px!important;
}
.margin20 {
	margin:20px!important;
}

.marginauto{
margin:auto!important;
}

@media only screen and (max-width: 768px) {
  .center-mobile {
    text-align: center !important;
  }
}
@media only screen and (max-width: 991px) {
  .center-tablet {
    text-align: center !important;
  }
}


/* COULEURS TEXTES ET STYLES *************************************/
/*
Anthracite #373D42 55,62,66
Bleu Clair #199FDA 24,159,219
*/
.titre  {
	margin: 0px 10px 10px 0px ;
	/*border:1px solid #222222;*/
	color:#00698C;
	text-decoration:none!important;
}
.titre:hover  {
	color:#698C00;
	text-decoration:none!important;
}

.green {
	margin:3px;
	color:#468C00;
}

.fontplay {
	font-family: 'Play', sans-serif;
}
.fontjura {
	font-family: 'Jura', sans-serif;
}


.txt-tic {
	color:#199FDA!important;
}
.txt-tif {
	color:#373D42!important;
}
.txt-af {
	color:#1a1b39 !important;
}

.txt-clair {
	color:#EEEEEE!important;
}
.txt-ombre {
  text-shadow: 1.0px 1.0px 2px rgba(0,0,0,0.8);
}
.txt-vert {
	color:#73b83a!important;
}
.txt-vert-clair {
	color:#00d900!important;
}
.txt-bleu {
	color:#00698c!important;
}
.txt-orange {
	color:#FF9326!important;
}
.txt-jaune {
	color:#ffdc73!important;
}
.txt-gris-fonce {
	color:#666666!important;
}
.txt-gris {
	color:#AAAAAA!important;
}
.txt-gris-clair{
	color:#eeeeee!important;
}
.txt-ocre {
	color:#D90000 !important;
}
.txt-rouge-clair {
	color:#ff2626 !important;
}
.txt-violet {
	color:#b300b3 !important;
}
.txt-rose {
	/*color:#ff99ff !important;*/
	color:#ffbfff !important;
}
.txt-marron {
	color:#b38600 !important;
}
.txt-blanc {
	color:#FFFFFF !important;
}
.txt-placeholder {
	color:#FF794C !important;
}
.txt-noir {
	color:#000000 !important;
}

.mauvais {
	color:#b35900 !important;
}
.bon {
	color:#73b83a !important;
}

.light-weight {
  font-weight: 300 !important;
}
.bold-weight {
  font-weight: bold !important;
}
.normal-weight {
  font-weight: normal !important;
}
.passouligner{
  text-decoration: none;
}


@media only screen and (max-width: 767px) {
	.font10 {		font-size:8px!important;	}
	.font12 {		font-size:9px!important;	}
	.font14 {		font-size:10px!important;	}
	.font16 {		font-size:11px!important;	}
	.font18 {		font-size:13px!important;	}
	.font20 {		font-size:14px!important;	}
	.font25 {		font-size:18px!important;	}
	.font30{		font-size:14px!important;	}
	.font40{		font-size:20px!important;	}
	.font50{		font-size:25px!important;	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.font10 {		font-size:9px!important;	}
	.font12 {		font-size:10px!important;	}
	.font14 {		font-size:12px!important;	}
	.font16 {		font-size:14px!important;	}
	.font18 {		font-size:15px!important;	}
	.font20 {		font-size:17px!important;	}
	.font25 {		font-size:22px!important;	}
	.font30{		font-size:25px!important;	}
	.font40{		font-size:32px!important;	}
	.font50{		font-size:40px!important;	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.font10 {		font-size:8px!important;	}
	.font12 {		font-size:10px!important;	}
	.font14 {		font-size:12px!important;	}
	.font16 {		font-size:14px!important;	}
	.font18 {		font-size:15px!important;	}
	.font20 {		font-size:17px!important;	}
	.font25 {		font-size:21px!important;	}
	.font30{		font-size:24px!important;	}
	.font40{		font-size:28px!important;	}
	.font50{		font-size:30px!important;	}
}
@media (min-width: 1200px) {
	.font10 {		font-size:8px!important;}
	.font12 {		font-size:12px!important;}
	.font14 {		font-size:14px!important;}
	.font16 {		font-size:16px!important;}
	.font18 {		font-size:18px!important;}
	.font20 {		font-size:20px!important;}
	.font25 {		font-size:25px!important;}
	.font30{		font-size:30px!important;}
	.font40{		font-size:40px!important;}
	.font50{		font-size:50px!important;}
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.center  {
  margin-left: auto;
  margin-right: auto;
}
.center  img{
  margin-left: auto;
  margin-right: auto;
}


/* BORDER *************************************/

.arrondir{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.bordergris {
	border: 1px outset #373D42!important;
}
.borduretop{
	border-top:1px solid #DDDDDD;
}
.bordurebottom{
	border-bottom:1px solid #FF9326!important;
}

.bordureleft{
	border-left:5px solid #aaaaaa;
	padding-left:5px;
}

/* FONDS ET BG *************************************/

.bg-anthra {
	background-color:#373D42!important;
} 

.bg-bleu-dark{
	padding:5px;
	background-color:rgba(24,159,219,0.8);
	border: 1px solid #FFFFFF;
}

.bg-bleu {
	background-color:#cde8eb;
}

.bg-vert {
	padding:5px;
	background-color:#B4DC92;
	border: 1px solid #008C23;
}

.bg-gris {
	background-color:#EEEEEE!important;
}
.bg-gris:hover {
}
.bg-blanc{
	background-color:rgba(255,255,255,1)!important;
}

.photobox  a{
	color:#FF9326;
}
.ombre {
	box-shadow: 5px 5px 10px #999999;
	-moz-box-shadow: 5px 5px 10px #999999;
	-webkit-box-shadow: 5px 5px 10px #999999;
}
.nowrap {
  white-space: nowrap;
}



.btn-transparent {
	color: #ffffff;
	background-color: rgba(0,0,0,0.2);
	border-color: rgba(255,255,255,0.5);
}
.btn-transparent:focus,
.btn-transparent.focus {
	color: #666666;
	background-color: rgba(255,255,255,0.2);
	border-color: rgba(119,119,119,0.5);
}
.btn-transparent:hover {
	color: #666666;
	background-color: rgba(255,255,255,0.2);
	border-color: rgba(119,119,119,0.5);
}
.btn-transparent:active,
.btn-transparent.active{
	color: #666666;
	background-color: rgba(255,255,255,0.2);
	border-color: rgba(119,119,119,0.5);
}

.btn-clair {
  color: #b3b300;
  background-color: rgba(255,210,76,0.2);
  border-color: #e3e066;
}
.btn-clair:focus,
.btn-clair.focus {
  color: #d9a300;
  background-color: rgba(255,210,76,0.1);
  border-color: #b3b300;
	box-shadow: 2px 2px 50px #CCCCCC, -2px -2px 5px #CCCCCC;
	-moz-box-shadow: 2px 2px 50px #CCCCCC, -2px -2px 5px #CCCCCC;
	-webkit-box-shadow: 2px 2px 50px #CCCCCC, -2px -2px 5px #CCCCCC;
}
.btn-clair:hover {
  color: #8c6900;
  background-color: rgba(255,210,76,0.1);
  border-color: #b3b300;
}
.btn-clair:active,
.btn-clair.active{
  color: #b38600;
  background-color: rgba(255,210,76,0.4);
  border-color: #b3b300!important;
}

.width30  {
	width:30px!important;
}
.width50  {
	width:50px!important;
}
.width100 {
	width:100px!important;
}
@media (max-width: 525px){
	.width30  {
		width:20px!important;
	}
	.width50  {
		width:30px!important;
	}
	.width100  {
		width:50px!important;
	}
}


.txt-blanc {
	color:#ffffff;
}
.rouge {
	background-color:#EEA317;
	border: 1px solid #DDDDDD;
	margin:auto;
	padding:5px;
	color:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.blanc {
	background-color:#FFFFFF;
	border: 1px solid #DDDDDD;
	margin:auto;
	padding:5px;
	color:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.bloc_blanc_rond {
	background-color:rgba(255,255,255,0.6);
	border: 2px solid #ffffff;
	margin:auto;
	padding:5px;
	width:100px;
	height:100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.bloc_blanc_rond  p{
	padding:10px;
}

.blanclight {
	background-color:#FFFFFF;
	border: 1px solid #DDDDDD;
	margin:auto;
	padding:5px;
	/*max-width:200px;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.vertlight {
	background-color:#EAFFEB;
	border: 1px solid #DDDDDD;
	margin:auto;
	padding:5px;
	/*max-width:200px;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rougeclair {
	background-color:#F1B749;
	padding:5px;
	width:100%;
	margin:5px;
	color:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.sharecadre {
	padding: 5px;
	width:80px;
	text-align: center;
	background-color:#FFFFFF;
	border: 1px solid #DDDDDD;

}
.favtext {
	position:relative;
	left:1px;
	top:0px;
	font-family: Play, sans-serif;
	font-size: 10px;
    font-weight: 400;
	color: #888888;

}

[class*="col-"]{
	/*
	border: 1px solid #DDDDDD;
	background-color: #DDDDDD;
	border-radius: 6px;
	line-height: 40px;
	margin-bottom: 20px;
	text-align: center;
	*/
}
.divider {
 	font-family: Play;
	font-size: 14px;
    font-weight: 800;
	color: #000;
	background-color: #BFD09D;
}
.divider  disabled{
background-color: #00468C;
color: #FCC545;
line-height:4em;
}



.starter-template{
	padding: 10px;
	top:50px;
	margin-bottom:20px;
	text-align: center;
	background-color: #dff0d8;
	border: 4px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
}
#accordion .glyphicon { 
	margin-right:10px; 
}
/* Use a wide full screen for small screens like tablets. */
@media (min-width: 768px) and (max-width:992px) {
    .container {
		width: initial;
        padding-left: 2em;
        padding-right: 2em;        
	}
}

 


/* Validation formulaire */
form.cmxform {
	font-family: inherit;
	width: 100%;
	color: #333;
}

form.cmxform label {
	color: #999;
	text-align:right;
}


form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }



form.cmxform td p {
	list-style: none;
	padding: 0px;
	margin: 0;
}


form.cmxform label { /* Width of labels */
	width: auto; 
}
form.cmxform fieldset fieldset label { 
margin-left: 70%; 
} 

form.cmxform label.error {
	position:relative;
	top:-30px;
border: 1px dotted red; 
  background-color: rgba(255,255,255,0.8)!important;
	margin-left: auto;
	text-align:right;
	width: auto;
	z-index:10000;
	padding:5px;
}


form.cmxform input.submit {
	margin-left: 103px;
}