/* ==========================================================================
 Description:  Style of CINQPIXELS: Media queries .
 Author:       CINQPIXELS
 Author URI:   http://www.cinqpixels.ca
 Template:     Bootstrap
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html 
============================================================================= */

/*CP-AE16-MOO3: Display none NOUVEAU MENU BOOTSTRAP WHEN >969 */
nav.navbar{display:none;}
body{line-height:1.428571!important;/*1.42857143*/}
table {
    border-collapse: inherit!important;
}

/*Menu positionnement for mobile size*/
@media screen and (max-width: 767px)
{
.navbar-nav{margin-left: auto!important;z-index:9999;}
}
@media screen and (max-width: 320px) {
td,table,p{font-size:1em!important; }
div.cpinfosup{font-size:14px!important;}
/* 
*******************************************************************************
CP-AE15-M003:Alignement table
*******************************************************************************
*/
td,table{width:100%!important;}
tr td img {margin-top: 0%;}

#contenu >p:nth-of-type(1) {clear:both;margin-top:10%;}

/*CP-AE16-MOO5: Espacement entre header and contenu*/
h2{margin-top:auto!important;}
}/*Fin media max-width 320*/

/* CP-HP15-M004: Media menus  */
@media screen and (max-width: 959px)
{
	
	/*Titre paragraphe page press*/
	
	.titre {	font-size: 16px!important;
text-align:center!important;
}
	/*align center pour produits*/
	
	.cp4colspantxt p{text-align:center!important;}
/*font size pour mobile*/
body{font-size:17px!important;}
/*P supplementaire page cdplayer*/	
p.cpinfosup{margin-top:auto!important;}
div.cpinfosup{/*font-size:20px!important;*/padding:5px!important;}
/*CP-AE16-MOO6: Espacement entre header and contenu*/	
.cppagetext >p:nth-of-type(1) {
    margin-top: auto!important;
}
/*CP-AE16-MOO5: Espacement entre header and contenu*/
h2{margin-top:7%!important;}
.cppfirstct{margin-top: auto;}
/*CP-AE16-MOO1: Display none hold menu*/
div#menu {display:none!important;}


/*cp-14-1-16: h1 for mobile tablette*/
#contenu > h1:nth-child(1){margin-top:17%!important;}
/*CP-AE16-MOO2: Display block affiche nouveau menu bootstrap*/
nav.navbar{display:block;}
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr { 
		display:block; 
		width:100%;
		margin:auto;
	}

table{border:0!important;display:block; overflow:hidden;position:relative;}	
/* 
*******************************************************************************
CP-AE15-M005:page multi table, colspan 
*******************************************************************************
*/
/*Remplacer titre par un autre, display none old title*/	
tr.cpTrLegende{display:none!important;}
tr.cpTrLegende + tr{margin-top:5%;}

/**************************************************************************************
                     Class Table multiple avec legende et colspan 8
*****************************************************************************************/
table#cpTableMulti{border:0!important;display:block; overflow:hidden;position:relative;}

/*Ajout titres ou legende*/
#cpTableMulti tr > td:nth-child(2):before{content:"Model:";font-weight: bold;padding-right:2px;}
#cpTableMulti tr > td:nth-child(3):before{content:"Description:";font-weight: bold;padding-right:2px;}
#cpTableMulti tr > td:nth-child(4):before{content:"Power:";font-weight: bold;padding-right:2px;}
#cpTableMulti tr > td:nth-child(5):before{content:"Power Supply:";font-weight: bold;padding-right:2px;}
#cpTableMulti tr > td:nth-child(6):before{content:"Finish:";font-weight: bold;padding-right:2px;}
#cpTableMulti tr > td:nth-child(7):before{content:"Remote:";font-weight: bold;padding-right:2px;}
#cpTableMulti tr > td:nth-child(8):before{content:"Option(s):";font-weight: bold;padding-right:2px;}
/*none Centrer */
#cpTableMulti > tbody:nth-child(1) > tr > td > div:nth-child(1){text-align:center!important;
    padding: 5px!important;}
/*Short size for hr*/
#cpTableMulti > tbody:nth-child(1) > tr > td:nth-child(-n+7){border-width:0px; padding-top: 5px;}

#cpTableMulti > tbody:nth-child(1) > tr {border:none!important;}
#cpTableMulti > tbody:nth-child(1) > tr:nth-child(6){display:none!important;}

/*none Centrer for all table with colspan */
.cpcolspan > tbody:nth-child(1) > tr > td > div:nth-child(1){text-align:center!important;
    padding: 5px!important;}
	
.cpcolspan p{text-align:center!important;}
/*********************************************************************************************************
                          Class Table multiple avec legende et colspan 5
***************************************************************************************************/

.cp5colspan tr > td:nth-child(2):before{content:"Model:";font-weight: bold;padding-right:2px;}
.cp5colspan tr > td:nth-child(3):before{content:"Supply:";font-weight: bold;padding-right:2px;}
.cp5colspan tr > td:nth-child(4):before{content:"Description:";font-weight: bold;padding-right:2px;}
.cp5colspan tr > td:nth-child(5):before{content:"Finish:";font-weight: bold;padding-right:2px;}
/*Pour page phono*/
.cptdtitle tr > td:nth-child(3):before{content:"Description:";}
.cptdtitle tr > td:nth-child(4):before{content:"MM/MC:";}
.cp5colspan tr > td:nth-child(5):before{content:"Power supply:";font-weight: bold;padding-right:2px;}

.cptdtitle > tbody > tr:nth-child(6){display:none;}
/*Short size for hr*/
.cp5colspan > tbody:nth-child(1) > tr > td:nth-child(-n+4){border-width:0px; padding-top: 5px;}
.cp5colspan > tbody:nth-child(1) > tr {border:none!important;}
.cp5colspan > tbody:nth-child(1) > tr:nth-child(3){display:none!important;}

.cptdtitle > tbody:nth-child(1) > tr:nth-child(3){display:block!important;}

/***********************************************************************************************
					Class Table multiple avec legende et colspan 6
***********************************************************************************************/

.cp6colspan tr > td:nth-child(2):before{content:"Model:";font-weight: bold;padding-right:2px;}
.cp6colspan tr > td:nth-child(3):before{content:"Supply:";font-weight: bold;padding-right:2px;}
.cp6colspan tr > td:nth-child(4):before{content:"Description:";font-weight: bold;padding-right:2px;}
.cp6colspan tr > td:nth-child(5):before{content:"Finish:";font-weight: bold;padding-right:2px;}
.cp6colspan tr > td:nth-child(6):before{content:"option(s):";font-weight: bold;padding-right:2px;}


/*Title for page dac*/
.cpother6title tr > td:nth-child(3):before{content:"Description:";}
.cpother6title tr > td:nth-child(4):before{content:"Input/Outputs:";}
.cpother6title tr > td:nth-child(6):before{content:"option:";}


/*Short size for hr*/
.cp6colspan > tbody:nth-child(1) > tr > td:nth-child(-n+5){border-width:0px; padding-top: 5px;}
.cp6colspan > tbody:nth-child(1) > tr {border:none!important;}
.cp6colspan > tbody:nth-child(1) > tr:nth-child(4){display:none!important;}


/***********************************************************************************************
					Class Table multiple avec legende et colspan 7
***********************************************************************************************/

.cp7colspan tr > td:nth-child(2):before{content:"Model:";font-weight: bold;padding-right:2px;}
.cp7colspan tr > td:nth-child(3):before{content:"Power supply:";font-weight: bold;padding-right:2px;}
.cp7colspan tr > td:nth-child(4):before{content:"Description:";font-weight: bold;padding-right:2px;}
.cp7colspan tr > td:nth-child(5):before{content:"Input Output(s):";font-weight: bold;padding-right:2px;}
.cp7colspan tr > td:nth-child(6):before{content:"option:";font-weight: bold;padding-right:2px;}
.cp7colspan tr > td:nth-child(7):before{content:"Finish:";font-weight: bold;padding-right:2px;}
/*Short size for hr*/
.cp7colspan > tbody:nth-child(1) > tr > td:nth-child(-n+6){border-width:0px; padding-top: 5px;}
.cp7colspan > tbody:nth-child(1) > tr {border:none!important; }
.cp7colspan > tbody:nth-child(1) > tr td {height:auto!important;}
/*.cp7colspan > tbody:nth-child(1) > tr:nth-child(5){display:none!important;}*/


/***********************************************************************************************
					Class Table multiple avec legende et colspan 4
***********************************************************************************************/
/*margin-top up, le texte d<introduction vers le bas */
.cp4colspantxt {margin-top:10%!important;}





/***********************************************************************************************
					Class Table not colspan 1 ligne --tuner
***********************************************************************************************/


/*margin-top up*/
.cpnotcolspan {margin-top:10%;}


	/* 
*******************************************************************************
CP-AE15-M004:menu mobile
*******************************************************************************
*/
	
	
.navbar-inverse .navbar-toggle {
    border-color: #333;
    background-color: black;
    height: 30px;
    width: 40px;
    text-align: center;
    /*padding-left: 8px;*/
    padding-top: 7px;
    border-radius: 0px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:none!important;}

	/* 
*******************************************************************************
CP-AE15-M003:Alignement table
*******************************************************************************
*/
body, #contenu{
 width:100%;               
  margin:auto;
  padding:2px;
  }
#contenu >p:nth-of-type(1) {clear:both;margin-top:15%;}
table{border:0!important;}
td,table,p{width:100%!important;text-align:center!important;float:none!important;font-size:20px;}
	p{text-align:left!important;
		padding: 5px;
    padding-left: 10px;}
tr td:nth-of-type(1){padding:5px!important;padding-bottom:0px!important;border-bottom-style: none!important;border-left-style: none!important;border-right-style: none!important;}
td{padding:2px; /*text-align:left;*/width:100%;}
tr td:not(:first-of-type){clear:both!important;
width:100%!important;
padding-bottom:10px;
border-top-style: none!important;
/*border:2px solid red;*/
border-left-style: none!important;border-right-style: none!important;
}
tr td img {width:70%;text-align:center;margin-left:15%;margin-right:25%; margin-top: 5%;}


	/*Menu positionnement*/
	.navbar-nav {
   /*width:100%;*/
   max-width:959px;
    text-align: left;
	background-color:#ccc;
	margin:0px!important;
	float:none!important;
	
/*margin-left:auto!important;*/}


.navbar-collapse{padding-left:0px!important}

/* 
*******************************************************************************
CP-AE15-M001:Modification alignement menu bootstrap
*******************************************************************************
*/
.navbar-inverse .navbar-nav>li>a , .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
    color: #111!important;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #ccc;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff!important;
    background-color: #36C!important;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff!important;
    background-color: #36C!important;
}


nav.navbar {min-height:30px!important;height:30px!important;position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
	background-color:#000;
	border:none;
	}


/*Positionnement */
.navbar-nav > li > a {
    padding-top: 5px!important;
    padding-bottom: 6px!important;
}
.navbar-nav > li.dropdown open{z-index:9999!important;}
.navbar-nav {
   
    /*cp-28-10-16text-align: center;*/
/*margin-left: 30%!important;*/z-index:99999!important;/*position:absolute;*/}

navbar-collapse{z-index:9999; position:fixed;}
/* 
*******************************************************************************
CP-AE15-M002:media for menu 
*******************************************************************************
*/
.navbar-toggle{float:left!important;margin-top:0px!important;}


/* 
*******************************************************************************
CP-AE15-M002:Alignement body
*******************************************************************************
*/

img {
    width: 100%;
    height: auto;
}
.clear{padding-top:15px;}
#contenu{margin-top: 20%;
    padding-top: 10px;}
#contenu,#huge{width:100%!important;float:none!important;}
#entete{height: auto!important;}
body{background-size: contain;}
}/*Fin media max-width 959*/