@charset "utf-8";
/* CSS Document */

/*body 
{ 
	text-align: center;
	margin: 20px 0px;
	padding: 0px;
	background-color: #3f3e49;
}*/

#container
{ 
	padding: 0px;
	text-align: center;
	width: 100%;
	float:left;
}



.container-act
{
	padding-bottom:50px;
	padding-left:27px;
	text-align:left;
	float:left;
}

.titre-actualite
{
	font-family: "Myriad Pro";
	font-size:18px;
	height:40px;
	text-transform: uppercase;
	padding-top:20px;
}


.affichage
{
	float:left;
	
}
.affichage-vertical
{
	/*float:right;
	width:771px;*/
	margin-left: 20%; /* -> 6 */
	padding: 10px 20px;
	
}

#navigation {
	
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
min-width:18%;
padding-left:10px;
padding-top:10px;
width:auto;


}

/* Contenu */
#bloc-contenu {
/*	margin-left: 20%; 
	padding: 0px 20px;*/
}

#global {
	width: 100%; /* -> 3 */
	overflow: hidden; /* -> 3 */
	padding-top: 40px;
}


.images
{
	height:100px;
	width:100px;
	margin-right:12px;
	float:left;
}

/**************************** Affichage Carre *********************************/



.carre-left
{
	width:432px;
	float:left;
	margin-right:15px;
	
}

.carre-right
{
	width:432px;
	float:right;
	margin-right:15px;
	
}

.block-actualites
{
	padding-right:12px;
	padding-top:20px;
	float:left;
}

.texte-act
{
	float:left;
	color:#403e49;
	font-size:11px;
	font-family:Arial;
	text-align:justify;
	width:308px;
}
.titre-act
{
	color:#403f47;
	font-size:12px;
	font-family: "Trajan Pro";
	padding-bottom:10px;
	text-transform: uppercase;
}
.suite
{
	text-align:right;
}
.suite-actu
{
	font-family:Arial;
	font-size:10px;
	color:#d2105e;
	text-transform: uppercase;
	text-decoration:none;
	padding-top:8px;
	
}
.suite-actu a
{
	font-family:Arial;
	font-size:10px;
	color:#d2105e;
	text-transform: uppercase;
	text-decoration:none;
	padding-top:8px;
	
}
.suite-actu a:hover
{
	text-decoration:none;
}

/**************************** Page Actualités *********************************/


.block-actu-horiz
{
	margin-right:23px;
	width:253px;
	color:#403e49;
	font-size:11px;
	font-family:Arial;
	text-align:justify;
	float:left;
}
.titre-actus
{
	color:#3f3e49;
	font-size:15px;
	font-family: "Trajan Pro";
	padding-bottom:18px;
	padding-top:18px;
	text-transform: uppercase;
	text-align:left;
}
.images-vertical
{
	height:113px;
	width:178px;
	margin-right:12px;
	float:left;
}
.texte-act-vertical
{
	float:left;
	color:#403e49;
	font-size:11px;
	font-family:Arial;
	text-align:justify;
	width:339px;
}
.suite-vert
{
	float:left;
}
.titre-actus-vert 
{
	color:#3F3E49;
	font-family:"Trajan Pro";
	font-size:15px;
	padding-bottom:10px;
	
	text-align:left;
	text-transform:uppercase;
}

.listing
{
	background-color:#FFFFFF;
	border-left:1px solid #DDDEDF;
	border-right:1px solid #DDDEDF;
	border-top:1px solid #DDDEDF;
	border-top:1px solid #DDDEDF;
	border-bottom:1px solid #DDDEDF;
	float:left;
	/*margin-right:21px;*/
	margin-top:26px;
	width:18%;
	/*padding:10px;*/
}

/****************************** Listing Actualites ***************************/

.bar-menu {
    width: 98px;
}
.bar-menu .box1 {
    background-color:#F0F0F2;
	border:1px solid #D2105E;
	color:#898998;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    cursor: default;
    position: relative;
}
.bar-menu .box1-hover {
	background-color: #CFCFD6;
	color: #898998;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma;
	padding: 4px 8px;
	border:1px solid #F25795;
	cursor: pointer;
	position: relative;
}
.bar-menu .box1-open {
    background-color: #CFCFD6;
    color: #898998;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #D2105E;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.bar-menu .box1-open-hover {
    background-color: #CFCFD6;
    color: #898998;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #F25795;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.bar-menu .box1 img, .bar-menu .box1-hover img, .bar-menu .box1-open img, .bar-menu .box1-open-hover img {
    position: absolute;
    top: 6px;
    right: 6px;
}
.bar-menu .section {
    background-color: #F0F0F2;
    font-family: arial;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 5px 6px 5px;
    border-width: 1px;
    border-color: #D2105E;
    border-style: none solid solid solid;
    display: none;
}
.bar-menu .section a {
	color: #585858;
	text-decoration: none;
	white-space: nowrap;
}
.bar-menu .section a:hover {
	color: #7D7D7D;
	text-decoration: none;
	white-space: nowrap;
}
.bar-menu .box2 {
}
.bar-menu .box2-hover {
    background: #CFCFD6;
}
.pagination{ float:left;padding-top:10px;
	
}

.news {


margin:auto;

padding:10px;
width: 100%;
text-align:left;
float: left;

}

 

 

.news_desc {

margin-bottom:20px;

margin-right:10px;

margin-top:20px;

text-align:justify;

}

 

.titre-actu-desc {

font-size:18px; font-family:Myriad Pro;text-transform: uppercase;margin-bottom:20px }

 

.img-actu-desc {

text-align:center; margin-bottom:20px }

 

.prg-actu-desc {

color:#000000;

font-family:arial;

font-size:11px;

padding-bottom:20px;

padding-top:10px;

text-align:justify;

}

#newsComment {

border-top:1px solid #CCCCCC;

color:#8C8C8C;

font-family:verdana;

font-size:10px;

padding:2px;

text-align:right;

}



 

.img-actu-desc {

text-align:center; margin-bottom:20px }

 

.prg-actu-desc {

color:#000000;

font-family:arial;

font-size:11px;

padding-bottom:20px;

padding-top:10px;

text-align:justify;

}

#newsComment {

border-top:1px solid #CCCCCC;

color:#8C8C8C;

font-family:verdana;

font-size:10px;

padding:2px;

text-align:right;

}

.sous-titre-actu-desc {
	/*background-color:#EBEAEA;*/
	border-bottom:1px solid #FFFFFF;
	font-family:Trajan Pro;
	font-size:16px;
	height:26px;
	margin-bottom:20px;
	padding-left:12px;
	padding-top:6px;
	text-transform:uppercase;
}
 

.bloc_comentaires {
	/*background-color:#F9F9F9;*/
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	margin-top:50px;
	width:100%;
}

 

.titre-comentaires {
	/*background-image:url(/cxActualitePlugin/images/images_front/bgcomment.png);*/
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-style:solid solid none;
	border-top:1px solid #CCCCCC;
	color:#666666;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-left:-1px;
	margin-right:1px;
	margin-top:-25px;
	padding:5px 8px 5px 5px;
	min-width:130px;
}

.date-comentaires {
	border:1px dashed #CCCCCC;
	color:#666666;
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-right:13px;
	margin-top:9px;
	padding-bottom:5px;
	padding-left:5px;
	padding-top:5px;
	text-align:center;
	width:137px;
}

 

.text-comentaires {
	color:#666666;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	margin-bottom:8px;
	margin-left:1px;
	margin-top:5px;
	padding:5px;
	text-align:justify;
	width:472px;
}
.nb_comments {
	color:#666666;
	float:right;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	padding-left:218px;
	padding-right:10px;
	padding-top:0px;
	text-align:right;
	text-transform:lowercase;
	margin-top:2px;
}

#a_add_comment{
text-decoration: none;
color: #8C8C8C;
cursor: pointer;
}
.retour-actu-liste
{
        font-family:Arial;
        font-size:10px;
        color:#d2105e;
        text-transform: uppercase;
        text-decoration:none;
        padding-top:8px;
        float:right;
        
}
. retour-actu-liste a
{
        font-family:Arial;
        font-size:10px;
        color:#d2105e;
        text-transform: uppercase;
        text-decoration:none;
        padding-top:8px;
        float:right;
 
        
}
. retour-actu-liste a:hover
{
        text-decoration:none;
}
#view_comments
{
	cursor: pointer;
}
#listing_of_comments
{
	float: left;
}