@charset "utf-8";
/* CSS Document */
@viewport {
  width: device-width;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('http://www.qualisteam.fr/police/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), 
  url('http://www.qualisteam.fr/police/ubuntu-r-webfont.ttf') format('truetype');
   font-family: 'Ubuntu-medium';
    src: url('http://www.qualisteam.fr/police/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'), 
  url('http://www.qualisteam.fr/police/ubuntu-m-webfont.ttf') format('truetype');
    font-family: 'Ubuntu-italique';
    src: url('http://www.qualisteam.fr/police/ubuntu-li-webfont.eot?#iefix') format('embedded-opentype'), 
  url('http://www.qualisteam.fr/police/ubuntu-li-webfont.ttf') format('truetype');
}
html{
  font-size: 62.5%;
}
/* ~~ LES HEADERS ~~ */
a:hover{
	color:red;
}
h1 {
font-size : 15px;
font-size : 1.5rem;
font-family : Ubuntu, Verdana, Geneva, sans-serif;
font-style : normal;
margin-top : 20px;
margin-bottom :25px;
margin-left : 5px;
margin-right : 5px;
font-weight : 600;
color:#21217C;
}
.lettrine {
	font-size:1.4rem;
	font-size:14px;
	font-weight:600;
	color:#000;
}
ul {
	list-style-type:none;
}
li {
	list-style-type:none;
}
form {margin-top:10px;
margin-bottom:10px;
}

/* ~~ LA STRUCTURE ~~ */
body {
	margin: 0;
	padding: 0;
	color: #000;
	border:0;
	padding:0;
	border-spacing:0;
}
/* ~~ centrage de la page et fausse colonne ~~ */
.container {
	min-height: 100%;
	border:solid 1px #E0E0E0;
	overflow:hidden;
	background-color: #F9F7F7;
	border-left:solid 1px #F2E6E6;
	border-right:solid 1px #F2E6E6;
	border-top:solid 1px #F2E6E6;
	margin-left:2px;
	margin-right:2px;
	vertical-align:top;
}
/* ~~ division en deux colonnes ~~ */
.sidebar1 {
	background-color:#FFF;
	overflow:hidden;
	padding:6px 3px 3px 3px;
	border:solid 1px #CECEFF;
	overflow:hidden;
	margin-left:2px;
	margin-right:2px;
}
/* ~~ division en deux colonnes ~~ */
.content {
	background-color: #F9F7F7;
	padding: 3px;
	border-left:solid 1px #F2E6E6;
	border-right:solid 1px #F2E6E6;
	border-top:solid 1px #F2E6E6;
	margin-left:2px;
	vertical-align:top;
}


/* ~~ division en deux colonnes ~~ */
.footer {
	font-weight:600; 
	font-family:Ubuntu,Verdana, Geneva, sans-serif; 
	font-size:14rem;
	font-size:1.4rem;
	position: relative;
	background-color:#000;
	clear: both;
	text-align:center;
}


/* ~~ début  balises gabarit pour FUTURES divisions en 2 colonnes ~~ */

/* ~~ a utiliser pour pour IE6  ~~ */

/* ~~ fin  balises gabarit pour futures divisions en 2 colonnes ~~ */




/* ~~ LES BOITES ~~ */
/* ~~ 0 - Container ~~ */
/* ~~ 1 - la barre navigation ~~ */
#barremenu {
	display: none
}
#barremenuSPH {
	background-color:#FFF;
    margin:auto;
	margin-bottom:10px;
	width:320px;
	border-spacing:0;
	display:block;
	vertical-align:bottom;

}
.imageune {
	float:left;
	margin-top:2px;
	margin-bottom :2px;
	margin-left :2px;
	margin-right :2px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	background:#FFFFFF;
	border:1;
	border-color:#000000;
}
.imageunegrande {
	display:none;
}
.subcategorie {
	display:block;
	width:auto;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	text-align:left;
	font-family:Ubuntu,Verdana, Geneva, sans-serif; 
	font-size:11px;
	font-size:1.1rem;
}
.titrecategorie{
	font-size:14px;
	font-size:1.4rem;
	font-family:Ubuntu,Verdana, Geneva, sans-serif; 
	font-style:normal;  
	margin-top:5px; 
	margin-bottom:5px; 
	font-weight:600;
	color:#9B5959;
}
.categorie{
	font-size:15px;
	font-size:1.5rem;
	font-family:Ubuntu,Verdana, Geneva, sans-serif;   
	margin-top:2px; 
	margin-left:3px;
	margin-right:2px; 
	font-weight:500;
	text-decoration:none;
	color:#000;
}
.rubriquedynamique a{
	font-family:Ubuntu,Verdana, Geneva, sans-serif;
	font-size:13pt;
	font-size:1.2rem;
	text-decoration:none;
	background-color:#C9C9E4;
	list-style-type:none;
	color:#333333;
	letter-spacing:normal;
	vertical-align:baseline
}
.rubriquedynamique a:hover{
	background-color:#F6F6EC;
	color:#FF0033
}
/* ~~ 2 - Pub ~~ */
#pubhaut {
display : block;
margin : auto;
text-align : center;
padding-bottom:5px;
padding-top:2px;
}
#pubarticle {
display : block;
margin : auto;
text-align : center;
padding-right : 2px;
padding-bottom : 2px;
padding-top : 2px;
width : 320px;
height : 50px;
background-color : #FFF;
}
#photoarticle {
float : left;
padding-right : 2px;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 2px;
width : 52px;
height :70px;
background-color : #FFF;
}
#pub {
	display:none;
}

.cattitre{
	text-align:left;
	font-family:Ubuntu,Verdana, Geneva, sans-serif;
	font-size:14px;
	font-size:1,4rem;
	font-weight:bold;
	line-height:130%;
	color:#000000;}
.pub1 {
padding-bottom : 10px;
width : 320px;
height :50px;
background-color : #FFF;
}
#pub1 {
background-color : #fff;
width : 320px;
height : 50px;
margin : 0 auto;
padding-bottom : 15px;
margin : auto;
}
#souscategorie {
	display:block;
}
.petitepubduhaut {
display:inline-block; 
text-decoration : none;
text-align : left;
line-height : 110%;
font-size : 11px;
font-size : 1.1rem;

}
/* ~~ 3 - Colonne gauche ~~ */

	
/* ~~ 3.1 - La UNE ~~ */
#la_une {
	background-color:#EFE4E4;
	vertical-align:top;
	padding:0;
	border:0;
	border-spacing:0;
}
/* ~~ 3.1.1 - actualité date du jour ~~ */
#laune_jour {
	text-align:left;
	display:block;
}
/* ~~ 3.1.1.1 - format de la date du jour ~~ */
#moteurrecherche{
	display:none;
}
#partage {
	display:none;
	padding:0;
	border:0;
	border-spacing:0;
	background-color:#FFF;
}
#article-principal {
	display:block;
	text-align:left;
	padding-left:4px;
	padding-right:4px;
}
#barrerechercheetabo {
	display:none;
}
/* ~~ 3.2 - articles autour de la pub et pub ~~ */

#essai {
	display:none;
	background:#fff;
	width:99%;
	margin:0 auto;
	border:solid 2px #E0E0E0;
	padding-bottom:10px;
}

#rubriquedynamique {
    display:inline-block;
	width:100%;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:3px;
}
.rubriquecoche{
	color:#339;
	background:#EFE4E4;
	font-family:Ubuntu;
	font-size:25px;
	font-size:2.5rem;
	font-weight:600;
	text-align:center;
	border:solid 1px #CECEFF;
}
#vousici {
	display:inline-block;
	padding-left:1px;
	padding-bottom:6px;
	text-align:left;
	font-family:Ubuntu,Verdana, Geneva, sans-serif; 
	font-size:9px;
	font-size:1rem;
	color:#666666;
	vertical-align:baseline;
	text-decoration:none;
}
.vousici{
	font-family:Ubuntu,Verdana, Geneva, sans-serif;
	color:#FF0000;
	text-align:left;
	font-weight:bold;
	background-color:#FFCC99;
}
.petitparag {
text-align : left;
font-family : Ubuntu, Verdana, Geneva, sans-serif;
font-size : 11px;
font-size : 1.1rem;
color : #666666;
vertical-align : baseline;
text-decoration : none;
}
/* ~~ 3.2.1 - la pub - c'est une classe ~~ */

/* ~~ 3.3 - pub partenaire ~~ */
/* ~~ 3.3 - Les rubriques bleues ~~ */
#a-lire-aussi {
	display:inline-block;
	width:98%;
	margin:0 auto;
	text-align:left;
}
/* ~~ 4 - Barre de droite ~~ */
#barredroite {
	background-color: #F9F7F7;
	padding: 3px;
	padding-left:4px;
	padding-right:4px;
	border-left:solid 1px #F2E6E6;
	border-right:solid 1px #F2E6E6;
	border-top:solid 1px #F2E6E6;
	margin-left:2px;
	vertical-align:top;
	width:100%;
}
#firstpane {
	display:none;
}
#secondpane{
	display:none;
}
.articleshome a{
	display: block;
	font-family: Ubuntu,Verdana, Geneva, sans-serif;
	line-height:130%;
	padding: 5px 10px;
	margin:1px;
	font-size:13px;
	font-size:1.3rem;
	text-align:left;
	color:#000000;
	padding-bottom:6px;
	padding-top:4px;
	background-color:#F2F4FD;
	text-decoration:none;
}

.articleshome a:hover {
	background-color: #F6F6EC;
	color:#000066;
}
.articleshome {
	display: block;
	font-family: Ubuntu,Verdana, Geneva, sans-serif;
	padding: 5px 10px;
	margin:1px;
	font-size:11px;
	font-size:1.1rem;
	text-align:left;
	color:#000000;
	padding-bottom:6px;
	padding-top:4px;
	background-color:#F9F7F7;
	text-decoration:none;
}
#trier {
	display:block;
	background-color:#FFF;
}
/* ~~ LES CARRES ARTICLE ~~ */
/* ~~ 0 - Elements communs ~~ */

/* ~~ 1 - Colonne gauche ~~ */
/* ~~ 1.1 - La UNE ~~ */	

/* ~~ 1.2 - articles autour de la pub et pub ~~ */

/* ~~ 1.3 - rubriques bleues ~~ */

.rapido {
	display: inline-block;
	font-family: Ubuntu,Verdana, Geneva, sans-serif;
	padding: 5px 10px;
	margin:1px;
	font-size:11px;
	font-size:1.1rem;
	text-align:left;
	color:#000000;
	width:inherent;
	padding-bottom:2px;
	padding-top:3px;
	background-color:#EFE4E4;
	text-decoration:none;
}
#a-lire-aussi a:hover {
	background-color: #F6F6EC;
	color:#000066;
}

/* ~~ 2 - barre de droite ~~ */
#entete_a_lire_aussi {
	display:block;
	vertical-align:text-bottom;
	text-decoration:none;
	padding:0;
	height:20px;
	background:transparent url(http://www.qualisteam.fr/images/menu_bg-off.png) top left;
}
#barredroite a:hover {
	background-color: #F6F6EC;
	color:#000066;
}
.menu_head {
	display: block;
	font-family: Ubuntu,Verdana, Geneva, sans-serif;
	padding: 5px 10px;
	padding-bottom:10px;
	padding-top:10px;
	cursor: pointer;
	position: relative;
	font-weight:600; 
	margin:1px;
	font-size:13px;
	font-size:1.3rem;
    background: #88A4EE url(left.png) center right no-repeat;
	text-align:left;
	border-radius: 10px 10px 0px 0px;
}

.menu_body {
	display:none;
}
.menu_body a{
	color:#000000;
	display: block;
	font-family: Ubuntu,Verdana, Geneva, sans-serif;
    background-color:#F9F7F7;	
	font-size:11px;
	font-size:1.1rem;
	list-style-type: none;
	letter-spacing: normal;
	vertical-align: baseline;
	border: 0;
	padding-left : 10px;
	padding-bottom: 3px;
	padding-top: 4px;
	text-align:left;
	text-decoration:none;
}
.menu_body a:hover{
	background-color: #F6F6EC;
	color:#000066;
}
#ajout,#ajout1{
	display:none;
}
/* ~~ 3 - footer ~~ */

#footer{
	display:none;
}


#footer a{
	display:inline-block;
	background-color:#000000;
	list-style-type:none;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:30px;
	padding-right:30px;
	font-size:15px;
	font-size:1.5rem;
	font-weight:600;
}

/* ~~ LES CLASSES POLICES ~~ */
.green {
	color:green;
}
#rubriquedynamique a{
	display:inline-block;
	font-family:Ubuntu;
	font-size:25px;
	font-size:2.5rem;
	font-weight:600;
	background-image:url(http://www.qualisteam.fr/images/foxmenu_bg-OFF.png);
	list-style-type:none;
	color:#FFFFFF;
	padding-left:2px;
	padding-right:2px;
	margin-top:2px;
	text-decoration:none;
	}

#rubriquedynamique a:hover{
	background-color:#f6f6ec;
	color:#ff0033;
}

#article-principal a{
	text-decoration:none;
	font-weight:500;
	}
	
.sanstrait {
	text-decoration:none;
}
.sanstrait a:hover{
	text-decoration:none;
	color:red;
}

.parag{
	text-align:left;
	line-height:140%;
	font-family:Ubuntu,Verdana, Geneva, sans-serif; 
	font-size:13px;
	font-size:1.3rem;
	color:#000000;
	vertical-align:baseline;
	text-decoration:none;
	text-justify:auto;
	}
.paragstrong {
text-align : left;
line-height : 140%;
font-family : Ubuntu-medium, Verdana, Geneva, sans-serif;
font-size : 13px;
font-size : 1.3rem;
color : #000000;
vertical-align : baseline;
text-decoration : none;
text-justify : auto;
font-weight : 600;
color:#21217C;
}
.paragstrongtitre {
text-align : left;
line-height : 140%;
font-family : Ubuntu-medium, Verdana, Geneva, sans-serif;
font-size : 13px;
font-size : 1.3rem;
color : #000000;
vertical-align : baseline;
text-decoration : none;
text-justify : auto;
font-weight : 600;
}
.none{
	text-decoration:none;
	}	
.article-italic {
	display:inline-block;
}
.lire_la_suite {
	display:inline-block;
	text-align:right;
	line-height:140%;
	font-family:Ubuntu,Verdana, Geneva, sans-serif; 
	font-size:13px;
	font-size:1.3rem;
	color:#000099;
	vertical-align:baseline;
	text-decoration:none;
	font-weight:900;
}

/* ~~ LES CLASSES MISE EN FORME ~~ */
.partage {
	display:block;
}

/* ~~ LES CLASSES IMAGES ~~ */
#imgsociete, #imgrubriquehome,#imgnouvellesdujour1,#imgnouvellesdujour3 {
	display:inline-block;
	padding:0;
	background:transparent url(http://www.qualisteam.fr/images/menu_bg-off.png) top left;
	}
	
#imgarticlepluslu {
	display:none;
}
#imgnouvellesdujour {
	display:none;
}


#imgnouvellesdujour {
	text-align:left;	
	}	

		
.imgnouvellesdujour {
	text-align:left;
	height:21px;
	vertical-align: baseline;
	font-family:Ubuntu;
	font-size:1.6rem;
	font-size:16px;
	font-weight:600;
	color:#fff;
	}
#barremenu img {
	display: inline-block;
	vertical-align: top;
	border: 0;
	padding:0;
}
#partage img {
	display: inline-block;
	border: 0;
	padding:0;
}
.filetmarron {
	display: block;
	width: 260px;
	height: 1px;
}

.filetmarrongrand {
	display:block;
	width:100%;
	height:1px;
}
.filetmarrongrand2 {
	display:block;
	width:98%;
	height:1px;
	margin:0 auto;
}
.filetnoir {
	display: none;
}
.fleche {
	width:10px;
	height:10px;
	border:0;
}
.centrer {
	text-align:center;
}
.rouge {
	color:#F00;
}
.bouton_liens{
	display: inside-block;
	font-family: Ubuntu,Verdana, Geneva, sans-serif;
	padding: 2px 2px;
	cursor: pointer;
	position: relative;
	font-weight:500; 
	margin:1px;
	font-size:11px;
	font-size:1.1rem;
    background: #F2F4FD;
	text-align:left;
}
#titre {
display : block;
padding-bottom:4px;
padding-top:4px;
}
#bouton_liens a:hover {
	background-color: #F6F6EC;
	color:#000066;
}
#menurubrique {
display : none;
}
#imgarticlepluslu2 {
display : block;
text-decoration : none;
padding : 0;
height : 20px;
width : 266px;
background-color:#9B5959;
}
#annuaire {
	text-align:left;
	background-color:#f2f2fa;
}
#annuaire a{
	text-decoration:none;
	color:#000;
}
#annuaire a:hover{
	background-color: #F6F6EC;
	color:#000066;
}