/*http://getbootstrap.com/customize/*/
/*https://perishablepress.com/unobtrusive-javascript-remove-link-focus-dotted-border-outlines/*/
html, body {
    height: 100%;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;/*#646464*/
    /*background: url(../img/fondsite.gif);/**/
   /* background-repeat: no-repeat;  /**/
  /*background-position: 50%  40px ;  /* horizontale verticale */
    /*background-attachment:fixed;  /* le fond reste immobile même en scrolling */
	/*background-size: 300px 100px;*/	
	
	letter-spacing:0px;
}
.section {
  margin: 0px;
  padding: 0px;
}
.container {
  padding:0px;
  letter-spacing:0px;
  width:1020px;
}

.row {
  margin: 0px;
  padding: 0px;
  font-family: 'Raleway', sans-serif;
  font-weight:400;  
  font-size:16px;
  letter-spacing:0px;
  line-height:150%;
}
.row img{
  margin: 0px;
  padding: 0px;
  border: none;
  outline-style:none;
}
.row img a{
  margin: 0px;
  padding: 0px;
  border: none;
  outline-style:none;
}


.table-responsive
{
    overflow-x: auto;
}
.form-control {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
a {
  color: #686600;
  text-decoration: none;
  outline-style:none; /* suppression bordure au clic */
}
a:hover { 
color: #686600;
text-decoration: underline;
}

/* suppression focus trait FOCUS */ 
a:active, a:focus {outline-style:none;text-decoration: none;color: #686600;}
a:visited {outline-style:none;text-decoration: none;color: #686600;}

* {outline: none;}



textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {  
border-color: rgba(255, 255, 155, 0.8);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
outline: 0 none;}


.portfolio-modal {
margin:5px;/*separation du bord de fenêtre */
margin-right:40px;/*separation du bord de fenêtre */
}

/*------------------------------ */
	#grille {
		background: url(../img/grille_x_12_1000px.png);/**/
		background-repeat: repeat-y;  /**/
		background-position:   50% 0px; /* horizontale verticale */
		position: fixed; left: 0; top: 0;
		width: 100%; height: 100%;
		opacity: .80;
		z-index: 9999;/**/
		display:none;
	}
		  
	#separationtest	 {
	width:100%;
	height:2px;
	border-top:1px solid red;
	position:fixed;
	top  : 60px;/*265px;*/
	margin-top:1px; 
	left:0px;
	right:0px;
	z-index: 9999;
	display:none;
	}
/*------------------------------ */

#identificationmain {
	color:#ffffff;
}
#identificationmain a{
	color:#F4F175;
	text-decoration:none;
}
#identificationmain a:hover{
	color:#F4F175;
	text-decoration:underline;
}

.Raleway {
	font-family: 'Raleway', sans-serif; font-weight: 400;
}

#logoopstetiere {
	width:160px;
	height:72px;
}

#ops6867 {
	width:145px;
	height:50px;
}
#divops6867 {
	display:block;
}
#titreops {
	font-size:22px;
	color:#D70024;
	margin-top:10px;
}

.affichagetitrearticle {
font-family: 'Raleway', sans-serif; font-weight: 600;
font-size:22px;
color:#4C799B;
}

#navigationbarre {
letter-spacing:0px;
padding-bottom:0px;
}
#navigationbarre a {
	border:none;
/*line-height: 18px;*/
font-size:14px;
padding-left:7px;
padding-right:7px;
padding-top:10px;
padding-bottom:10px;
color:#686600;
text-decoration:none;
font-family: 'Raleway', sans-serif;
/*font-weight:400;*/
}
#navigationbarre a:hover {
color:#686600;
text-decoration:none;
}
#navigationbarre a:active {
color:#686600;
}
#navigationbarre a:visited {
color:#686600;
}

#menuidentification {
	color:#F0F0F0;
}
#menuidentification a{
	color:#F0F0F0;
	text-decoration:none;
}
#menuidentification a:hover{
	color:#F0F0F0;
	text-decoration:underline;
}

#displaymenutosee{
}
#displaymenutosee a{
/*letter-spacing:8px;*/
}
#contentmenumanu {
color:#686600; 
background-color:#717D81;
}
#contentmenumanu a{
color:#686600; 
background-color:#717D81;
padding:3px;
}
#contentmenumanu a:hover{ 
color:#686600;
background-color:#A1943A;
text-decoration:none;
}
#contentmenumanu a:active{
color:#686600;
}
#contentmenumanu a:visited{
color:#686600;
}
#affichermenuhaut {
	position:relative;top:10px;
}
#txtetierops {
	display:block;
	
}
#txtetierops a{
	color:#855795;
	text-decoration:none;
}
#txtetierops a:hover{
	color:#855795;
	text-decoration:underline;	
}
#tetierops {
	display:block;
	/*border-bottom:2px solid #0497D0;*/
}
#iconemenu{
	display:none;
	float:right;
}
#menutetierops{
	display:none;
}
#menutetierops a{
	color:#855795;
	text-decoration:none;
}
#menutetierops a:hover{
	color:#855795;
	text-decoration:underline;	
}
#titrops{
/*font-size:26px;*/
}
#infotetierops {
	display:block;
}	
#mainops {
	margin-top:180px;
}
#tetiereops {
	/*background: url(../img/bandeau_ops.png);background-repeat: no-repeat;background-position: 100% 0px;background-size: 455px 70px;*/
}
.menubas {
	font-size:12px;
	color:#F0F0F0;
}
.menubas a {
	color:#F0F0F0;
	text-decoration:none;
}
.menubas a:hover {
	color:#F0F0F0;
	text-decoration:underline;
}

.titlefooter {
	font-size:14px;
	color:#F0F0F0;
	font-weight:bold;
}


/*------------------------------ */

.footer {
}
.footer a{
  color: #CA3233;
  text-decoration: none;
  outline-style:none; /* suppression bordure au clic */
}
.footer a:hover{
color: #302A29;
text-decoration: none;
}
/*------------------------------ */
.modal {
}
.modal-dialog {
width:98%;/*99%*/
/*height:98%;*/
margin:10px;
padding:0px;
}
.modal-content {
/*width:100%;/*99%*/
/* place center */
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
.modal-header {
padding-left:0px;
}
.modal-title {
margin:0px;
padding:0px;
border:0px solid #ffffff;
}
.modal-body {
margin:0px;
padding:0px;
margin-top:55px;
margin-bottom:55px;
/* place center */
margin-left:auto;
margin-right:auto;
/*
margin-left:55px;
margin-right:55px;
*/
width:900px;/*par defaut modif vai JS redim fen*/
}
.modal-body .row {
padding:0px;
margin:0px;
}
.modal-body .row  img {
}
.separationtitrecontenumodale {
}

/*------------------------------ */
/* écran < 480 px */
@media (min-width: 100px) and (max-width: 499px)  {
  .container {
    width: 320px;
	padding-top:0px;/* separation contenu / menu 130*/
  }	
  .row {
  margin-left:0px;
  margin-right:0px;   
  }  

	.modal-body {
	width:auto;
	}
	#mainops {
		margin-top:20px;
	}
	#tetiereops {
		background-size: 455px 70px;
	}		
	#txtetierops {
		display:block;
	}	
	#tetierops {
		display:block;
		position: relative;left: 0px;top:0px;
	}
	#iconemenu{
		display:block;
	}
	#menutetierops{
	display:none;
	}	
	#titrops{
	font-size:14px;
	}	
	#infotetierops {
		display:block;
	}
	#affichermenuhaut {
		position:relative;top:70px;
	}
	#logoopstetiere {
		width:120px;
		height:54px;
	}
	#ops6867 {
		width:87px;
		height:30px;	
	}	
	#divops6867 {
		display:block;
	}	
	#titreops {
		font-size:22px;
		margin-top:10px;
	}		
}
/* écran >= 480 px */
@media (min-width: 500px) and (max-width: 799px)  {
  .container {
    width: 480px;
	padding-top:0px;/* separation contenu / menu 130*/
	
  }	
  .row {
  margin-left:0px;
  margin-right:0px; 
  } 
 
	.modal-body {
	width:auto;
	}
	#mainops {
		margin-top:20px;
	}
	#tetiereops {
		background-size: 300px 46px;
	}	
	#txtetierops {
		display:block;
	}	
	#tetierops {
		display:block;
		position: relative;left: 0px;top:0px;
	}
	#iconemenu{
		display:block;
	}
	#menutetierops{
	display:none;
	}	
	#titrops{
	font-size:14px;
	}	
	#infotetierops {
		display:block;
	}	
	#affichermenuhaut {
		position:relative;top:10px;
	}	
	#logoopstetiere {
		width:120px;
		height:54px;
	}
	#ops6867 {
		width:87px;
		height:30px;	
	}	
	#divops6867 {
		display:inline;
	}	
	#titreops {
		font-size:16px;
		margin-top:10px;
	}		
}
/* écran >= 768 px */
@media (min-width: 800px) and (max-width: 1019px)  {
  .container {
    width: 768px;
	padding-top:0px;/* separation contenu / menu 130*/
  }
  .row {
  margin-left:0px;
  margin-right:0px;

  } 
	.modal-body {
	width:auto;
	}  
	#mainops {
		margin-top:190px;
	}	
	#tetiereops {
		background-size: 455px 70px;
	}		
	#txtetierops {
		display:block;
	}	
	#tetierops {
		display:block;
		/*position: fixed;left: 0px;top:0px;*/
	}
	#iconemenu{
		display:block;
	}
	#menutetierops{
	display:none;
	}	
	#titrops{
	font-size:26px;
	}
	#infotetierops {
		display:block;
	}		
	#affichermenuhaut {
		position:relative;top:10px;
	}	
	#logoopstetiere {
		width:160px;
		height:72px;
	}
	#ops6867 {
		width:87px;
		height:30px;	
	}	
	#divops6867 {
		display:block;
	}	
	#titreops {
		font-size:18px;
		margin-top:10px;
	}		
}
/* écran >= 992 px */
/*@media (min-width: 1020px) and (max-width: 1049px)  {*/
@media (min-width: 1020px)  {
  .container {
    width: 1020px;
	padding-top:0px;/* separation contenu / menu 130*/
  }	
  .row {
  margin-left:0px;   
  margin-right:0px;
  }
	.modal-body {
	width:900px;;
	}  

  .modal-content {

	}  
	#mainops {
		margin-top:180px;
	}
	#tetiereops {
		background-size: 455px 70px;
	}	
	#txtetierops {
		display:block;
	}
	#tetierops {
		display:block;
		/*position: fixed;left: 0px;top:0px;*/
	}
	#iconemenu{
		display:none;
	}
	#menutetierops{
	display:none;
	}
	#titrops{
	font-size:26px;
	}	
	#infotetierops {
		display:block;
	}
	#affichermenuhaut {
		position:relative;top:10px;
	}	
	#logoopstetiere {
		width:160px;
		height:72px;
	}
	#ops6867 {
		width:145px;
		height:50px;	
	}	
	#divops6867 {
		display:block;
	}	
	#titreops {
		font-size:22px;
		margin-top:10px;
	}	
}
/*------------------------------ */	
[class*="col-"] {
padding:0px;
margin:0px;
}