/* CSS pour le bouton submit de Mautic sur les alertes de newsletter */


.mauticform-button
{
	
	
	display: inline-block !important; 
	box-shadow: rgba(140, 212, 245, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; 
	transform: scale(1.6, 1.6) !important; 
	color:white !important;
	background-color: rgb(140, 212, 245) !important;
	font-weight:normal !important;
	border-color:rgb(140, 212, 245) !important;
	
	
}


/* CSS pour les tags de la page de détails */


body
{
	
	overflow-x: hidden;
	
}


/* pour que la souris se transforme en main au-dessus des catégories en bas de 1er page */


.fa-hover
{
	
	cursor: hand; 
	cursor: pointer;
	
}



/* pour rendre la toolbar bleue sur mobile  .navbar-header */


@media (max-width: 767px) {
.navbar-toggle {
    
    background-color: rgb(30, 139, 195);
}
}


@media (max-width: 767px) {
.navbar-header {
    
    background-color: rgb(30, 139, 195);
	background: rgb(30, 139, 195);
}
}



@media (max-width: 767px) {
#nav {
    
   /* background-color: rgb(30, 139, 195);*/
	background: rgb(30, 139, 195);
}
}



a.domaintag
{
	font-size: 12px;
	color: black; 
	text-decoration: none;
	border: 1px;
	border-style: solid;
	border-color: #D1D0CE ;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
padding-bottom: 1px;
margin-right:4px;

		
	letter-spacing: 1px;
	
}

a.domaintag:link
{

	background-color: transparent; /* #F9F8F6    eaeaea*/ 
	
	/* #1e8bc3 bleu foncé*/
	
	/* #31b0d5 bleu clair */
	/* orange #FFD732 */
	
}

a.domaintag:active
{

	background-color: transparent;

}

a.domaintag:visited
{
	background-color: transparent;
}

a.domaintag:hover
{
	background-color: #E5E4E2;
}


a.readmoreorless
{
	
	font-size: 12px;
	
	
}

a.readmoreorless:link
{
	
	color: #1e8bc3; 
text-decoration: none;
	
}

a.readmoreorless:active
{
	
	color: #1e8bc3; 
text-decoration: none;
	
}

a.readmoreorless:visited
{
	
	color: #1e8bc3; 
text-decoration: none;
	
}

a.readmoreorless:hover
{
	
	color: #FFD732; 
text-decoration: none;
	
}

/* fin CSS de la page de détails */

.grayedoverlay
{
position: relative;

  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  width:100%;
  
  
  top: 0;
  left: 0;
  right: 0;
  
  
  background: rgba(0, 0, 0, 0);
    
  
  /*
  background-color: rgba(71, 71, 71, 0.59);
  */
  
  margin:0;
  
  
 
}

.surrounded-letters
{
	
/*	border-style:solid;
border-color:#287EC7;*/
text-shadow: 2px 2px 2px black;

	
}

.caption-portfolio
{
	
	border-color:#BDBDBD !important;
	
	
}

.img-responsive-ran
{
	border:1px solid !important; 
	border-color: #BDBDBD !important;
	border-bottom:none !important;
	
	padding-top:5px;
	background-color:#FFFFFF ;
	
}

.form-control-ran
{
	width:65% !important;
	left:50% !important;
	 transform: translate(26.5%,0%)!important;
   /* position: absolute!important;*/
	
}


.btn-primary-ran
{
	
	margin-right: 8px;
	
	
}

.caption-portfolio-ran
{
	
	padding-top: 10px;
	padding-bottom:14px;
	background-color:#ecf0f1;
	
}


.caption-box-ran
{
	
	top:10px;
	
}

.stretch
{
	
	 position:absolute;
 top:.5em;
 left:56%;
 z-index:85;
 width:30%;
 height:150px;
 
 /*
 width:100%;
height:100%;
*/
 
	
}



/* #####couleur du texte de la toolbar quand on la survole avec souris#####*/



#header .navbar-inverse > li > a:hover {
    color: #FFD732!important;
   /* background-color: transparent;*/
}


#header .navbar-inverse .navbar-nav > li > a:hover {
    color: #FFD732!important;
  /*  background-color: transparent;*/
}


#header .navbar-inverse .navbar-nav .dropdown .dropdown-menu > li > a:hover,
#header .navbar-inverse .navbar-nav .dropdown .dropdown-menu > li > a:focus {
   color: #FFD732!important;
    /* background-color: white;*/ 
}
    #header .navbar-inverse .navbar-nav > .dropdown:hover > a,
    #header .navbar-inverse .navbar-nav > .dropdown:hover:after,
    #header .navbar-inverse .navbar-nav > .dropdown.open:hover > a {
       color: #FFD732!important;
      /*  background-color: transparent; */
    }
	
	
/* ##### CSS de trunk8 pour troncage des tags sur page de détails */


		.wrapper {
				border: 2px solid #000;
				line-height: 20px;
				width: 676px;
			}
			
			.trunk8-fill {
				color: #f00;
				font-weight: bold;
			}