@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Ubuntu';
  src: url('http://www.qualisteam.com/police/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), 
  url('http://www.qualisteam.com/police/ubuntu-r-webfont.ttf') format('truetype');
   font-family: 'Ubuntu-medium';
    src: url('http://www.qualisteam.com/police/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'), 
  url('http://www.qualisteam.com/police/ubuntu-m-webfont.ttf') format('truetype');
    font-family: 'Ubuntu-italique';
    src: url('http://www.qualisteam.com/police/ubuntu-li-webfont.eot?#iefix') format('embedded-opentype'), 
  url('http://www.qualisteam.com/police/ubuntu-li-webfont.ttf') format('truetype');
}
html{
  font-size: 62.5%;
}
/* ~~ LES HEADERS ~~ */
a:hover{
	color:red;
}

h1{
	font-size:24px;
	font-size:2.4rem;
	font-family:Ubuntu,Verdana, Geneva, sans-serif; 
	font-style:normal;  
	margin-top:15px; 
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px; 
	font-weight:600;
	text-align:center;
}
img, table { border: 0; }
.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;
}
.lettrine {
	font-size:1.4rem;
	font-size:14px;
	font-weight:600;
	color:#000;
}
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 {
	background-image:url(/images/fondbarredroite.gif);
	width: 848px;
	min-height: 100%;
	margin: 0 auto;
	border:solid 1px #E0E0E0;
	overflow:hidden;
}
/* ~~ division en deux colonnes ~~ */
.sidebar1 {
	background-color:#FFF;
	float: right;
	width: 266px;
	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;
	width: 558px;
	float: left;
	padding: 3px;
	text-align: left;
	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 ~~ */
.fltrt {
	float: right;
	margin-left: 0px;
}
.fltlft {
	float: left;
	margin-right:0px;
}
/* ~~ a utiliser pour pour IE6  ~~ */
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* ~~ fin  balises gabarit pour futures divisions en 2 colonnes ~~ */

/* ~~ LES BOITES ~~ */
/* ~~ 0 - Container ~~ */
/* ~~ 1 - la barre navigation ~~ */
#barremenu {
	width: 848px;
	height: 117px;
	border-spacing:0;
	display:block;
	vertical-align:bottom;
}
#menucontainer{
	width:848px; 
	height:24px; 
	background-image:url(/images/foxmenu_bg-OFF.png);
	display:block;
	padding:0; 
	margin:0;
	border:0; 
	border-spacing:0; 
	vertical-align:top
}
#menucontainerrubrique {
width : 848px;
height : 20px;
background-image : url(/images/foxmenu_bg-OFF.png);
display : block;
padding : 0;
margin : 0;
border : 0;
border-spacing : 0;
vertical-align : top;
}
#menu{
	display:block;
	height:24px;
	font-size:18px;	
	font-size:1.8rem;
	font-weight:600;
	font-family:Ubuntu;
	padding:0; 
	margin:0;
	border:0
}

#menu ul{
	margin:0px;
	padding:0;
	list-style-type:none;
}

#menu ul li{
	display:block;
	float:left;
	margin:0;
}

#menu ul li a{
	display:block;
	float:left;
	color:#fff; 
	vertical-align:baseline; 
	text-decoration:none;
	padding:0 20px 0 20px;
	height:19px;
	background:transparent url(/images/menu_bg-off.png) no-repeat top left;
}

#menu ul li a:hover{
	color: #F00;
	vertical-align:baseline; 
	text-decoration:none;
	padding:0 20px 0 20px;
	height:19px;
	background:transparent url(/images/menu_bg-off.png) no-repeat top left;
}

#menu ul li a.current,#foxmenu ul li a.current:hover{
	color:#339;
	background:#EFE4E4;
	text-align:center;
	font-size:18px;	
	font-size:1.8rem;
	font-weight:600;
	}

#menurubrique {
display : block;
height : 16px;
font-size : 12px;
font-size : 1.2rem;
font-weight : 600;
font-family : Ubuntu;
padding : 0;
margin : 0;
border : 0;
}
#menurubrique ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menurubrique ul li {
display : block;
float : left;
margin : 0;
}
#menurubrique ul li a {
display : block;
float : left;
color : #fff;
vertical-align : baseline;
text-decoration : none;
padding : 0 5px 0 5px;
height : 16px;
background : url(/images/menu_bg-off.png) top left no-repeat transparent;
}
#menurubrique ul li a:hover {
color : #F00;
vertical-align : baseline;
text-decoration : none;
padding : 0 5px 0 5px;
height : 16px;
background : url(/images/menu_bg-off.png) top left no-repeat transparent;
}
#menurubrique ul li a.current, #foxmenu ul li a.current:hover {
color : #339;
background : #EFE4E4;
text-align : center;
font-size : 12px;
font-size : 1.2rem;
font-weight : 600;
}
/* ~~ 2 - Pub ~~ */
#pubhaut {
	width:848px;
	height:100px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFF;
}
#souscategorie {
		display:block;
}
/* ~~ 3 - Colonne gauche ~~ */


/* ~~.round {
background: #ccc;
-webkit-border-radius: 20px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
/*border-radius: 20px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
				    	
	
/* ~~ 3.1 - La UNE ~~ */
.imageunegrande {
	float:left;
	padding-right:5px;
}
.imageune {
	display:none;
}
#laune_home {
	text-align:left;
	display:inline-block;
}
#la_une {
	background-color:#EFE4E4;
	vertical-align:top;
	border:0;
	border-spacing:0;
}

/* ~~ 3.1.1 - actualité date du jour ~~ */
#laune_jour {
text-align : left;
display : block;
}
#introannuaire {
float:right;
	display:inline-block;
	vertical-align:top;
}

/* ~~ 3.1.1.1 - format de la date du jour ~~ */

#partage {
	padding:0;
	border:0;
	border-spacing:0;
	background-color:#FFF;
}
#article-principal {
	display:block;
	text-align:left;
	padding-left:4px;
	padding-right:4px;
}
#trier {
	display:block;
	background-color:#FFF;
}
/* ~~ 3.2 - articles autour de la pub et pub ~~ */
#articlelesplus {
display : none;
}
#essai {
background:#fff;
	width:540px;
	margin:0 auto;
	border:solid 2px #E0E0E0;
	padding-bottom:10px;
}

#rubriquedynamique {
    display:inline-block;
	width:530px;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:3px;
}
.rubriquecoche{
	color:#339;
	background:#EFE4E4;
	font-family:Ubuntu;
	font-size:11px;
	font-size:1.1rem;
	font-weight:600;
	text-align:center;
	border:solid 1px #CECEFF;
}
#vousici {
display:inline-block;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
	font-family:Ubuntu,Verdana, Geneva, sans-serif; 
	font-size:9px;
	font-size:1rem;
	color:#666666;
	vertical-align:baseline;
	text-decoration:none;
}
/* ~~ 3.2.1 - la pub - c'est une classe ~~ */
.pub {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	width:300px;
	height: 250px;
	background-color:#FFF;
}
.subcategorie {
	display:block;
	width:auto;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:30px;
	text-align:left;
	font-family:Ubuntu,Verdana, Geneva, sans-serif; 
	font-size:11px;
	font-size:1.1rem;
}
/* ~~ 3.3 - pub partenaire ~~ */
/* ~~ 3.3 - Les rubriques bleues ~~ */
#a-lire-aussi {
	display:inline-block;
	margin:0 auto;
	text-align:left;
}
/* ~~ 4 - Barre de droite ~~ */
#barredroite {
	background-color:#FFF;
	display:block;
	vertical-align:top;
}
/* ~~ 4.1 - pub ~~ */
#pub {
	background-color:#fff;
	padding-top:10px;
	width: 250px;
	height: 250px;
	margin:0 auto;
	padding-bottom:8px;
	padding-left:5px;
	padding-right:5px;
	vertical-align: middle;
}
#pub1 {
	background-color:#fff;
	padding-top:10px;
	width: 180px;
	height: 600px;
	margin:0 auto;
	padding-bottom:8px;
	padding-left:5px;
	padding-right:5px;
	vertical-align: middle;
}


/* ~~ 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:510px;
	padding-bottom:6px;
	padding-top:4px;
	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(/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;
	cursor: pointer;
	position: relative;
	font-weight:600; 
	margin:1px;
	font-size:11px;
	font-size:1.1rem;
    background: #F2F4FD url(/images/left.png) center right no-repeat;
	text-align:left;
}

.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;
	margin-bottom: 3px;
	margin-top: 4px;
	text-align:left;
	text-decoration:none;
}
.menu_body a:hover{
	background-color: #F6F6EC;
	color:#000066;
}

#link{
	display:block;
	margin-bottom: 3px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-top: 4px;
}
/* ~~ 3 - footer ~~ */

#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:11px;
	font-size:1.1rem;
	font-weight:600;
	background-image:url(/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-image:none;
	background-color:#EFE4E4;
	color:red;
}

#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;
	}
.petitparag{
	text-align:left;
	font-family:Ubuntu,Verdana, Geneva, sans-serif; 
	font-size:9px;
	font-size:1rem;
	color:#666666;
	vertical-align:baseline;
	text-decoration:none;
	}
	
.paragstrong{
	text-align:left;
	line-height:140%;
	font-family:Ubuntu-medium,Verdana, Geneva, sans-serif; 
	font-size:14px;
	font-size:1.4rem;
	color:#000000;
	vertical-align:baseline;
	text-decoration:none;
	text-justify:auto;
	font-weight:600;
	font-stretch:expanded;
	}
.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;
}

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

/* ~~ LES CLASSES IMAGES ~~ */
#imgsociete {
display : inline-block;
text-decoration : none;
padding : 0;
height : 20px;
background : url(/images/menu_bg-off.png) top left transparent;
vertical-align : bottom;
}

#imgnouvellesdujour, #imgarticlepluslu, #imgrubriquehome {
	display:block;
	text-decoration:none;
	padding:0;
	height:20px;
	width:266px;
	background:transparent url(/images/menu_bg-off.png) top left;
	}
		
.imgnouvellesdujour {
	text-align:center;
	vertical-align: text-bottom;
	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:530px;
	height:1px;
	margin:0 auto;
}
.filetnoir {
	display: inline-block;
	width: 360px;
	height:1px;
	vertical-align:top;
}
.fleche {
	width:10px;
	height:10px;
	border:0;
}
.centrer {
	text-align:center;
}
.rouge {
	color:#F00;
}


.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;
}
.vousici{
	font-family:Ubuntu,Verdana, Geneva, sans-serif;
	color:#FF0000;
	text-align:left;
	font-weight:bold;
	background-color:#FFCC99;
}
.catlist{
	border:0;
	width:50%;
}
.cattitre{
	text-align:left;
	font-family:Ubuntu,Verdana, Geneva, sans-serif;
	font-size:12pt;
	font-size:1,2rem;
	font-weight:bold;
	color:#000000;}
	
.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
}
#articledujour {
display : none;
}
.recherche a{
	font-family:Ubuntu,Verdana, Geneva, sans-serif;
	font-size:12pt;
	font-size:1.2rem;
	text-decoration:none;
	background-color:#C9C9E4;
	list-style-type:none;
	color:#333333;
	letter-spacing:normal;
	vertical-align:baseline
}
.recherche a:hover{
	background-color:#F6F6EC;
	color:#FF0033
}
#annuaire {
	text-align:left;
	background-color:#f2f2fa;
}
#annuaire a{
	text-decoration:none;
	color:#000;
}
#annuaire a:hover{
	background-color: #F6F6EC;
	color:#000066;
}
#imgarticlepluslu2 {
display : block;
text-decoration : none;
padding : 0;
height : 20px;
width : 266px;
background-color:#9B5959;
}
.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;
}
#barremenuSPH {
display : none;
}
#pubarticle {
float : left;
padding-right : 10px;
padding-bottom : 10px;
padding-top : 10px;
padding-left : 10px;
width : 300px;
height : 250px;
background-color : #FFF;
}
#photoarticle {
float : left;
padding-right : 2px;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 2px;
background-color : #FFF;
}
#photoarticle {
width : 52px;
height :79px;
}

#photoarticle1 {
float : left;
padding-right:5px;
padding-bottom:5px;
width : 52px;
height :79px;
}

#photorubrique {
width : 50px;
height :75px;
}
 .articlessecond {
	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:#EFE4E4;
	text-decoration:none;
}