/** 
 * Feuille de style front
 * 
 * @name            Feuille de style front
 * @author          Yohann QUINTON
 * @author          François LASSERRE
 * @author          Mohamed Aymen FODDA
 * @version         1.1 (16/11/2009)
 */
body {
    background: url('../images/backfaf.png') repeat-x;
}

h1 {
    font-size: 110%;
    margin-bottom: 3px;
	color: #333333;
}

h2 { font-size:100%; color:#666666; margin:0; padding:0; height:40px;}
h2.noimg { font-size:100%; color:#666666; padding:0; }
ol,ul,li { list-style-type:none; margin:0; padding:0; }
a { color:#517D34; text-decoration:none; }
a:hover { color:#517D34; text-decoration:underline; }

a#logo_left {
    display: block;
    float: left;
    background: url('../images/logo_faf_fr.png') no-repeat;
	background-position:-70px 0;
    width: 210px;
    height: 66px;
    margin: 0px 0 30px 0;
    padding: 0;
}

a#logo_right {
    display: block;
    float: right;
    background: url('../images/logo_faf_ar.png') no-repeat;
    width: 162px;
    height: 66px;
    margin: 0px 0 30px 0;
    padding: 0;
}

#bloc_pied_ar, #bloc_pied {
	background:#63B350;
    margin: 20px 10px 40px 10px;
    text-align: left;	
    border-top: 1px solid #CCCCCC;
    padding-top: 15px;
	padding-bottom: 15px;
	color:#FFFFFF;
	font-size:0.8em;
	font-weight:normal
}

/* Bloc généraux */ 

	/* Slide */ 
	#slides_actu {
	    position: absolute;
	    width: 350px;
	}
	
	#slides_actu div img {
	    position: absolute;
	}
	
	#slides_actu div p {
	    position: absolute;
	    width: 550px;
	    bottom: -20px;
	    padding: 10px;
	    background-image: url('../images/transparentblanc60percent.png');
	}
	
	#control_actu {
		/*display:block*/
	    position: absolute;
		/* top: 35px; */
	    top: 18px;
	    right: 10px;
	    list-style-type: none;
	    margin: 0;
	    padding: 4px 5px 0 5px;
	    background-image: url('../images/transparentblanc60percent.png');
	}
	
	#control_actu li {
	   /* padding: 2px 2px; */
	   padding: 0px 2px 24px 0px;
	    margin: 0;
	}
	
#bloc_actualite  p span.titre { font-weight:bold; }

/* Bloc d'actualité */ 
#slider_menu li {
    background: url('http://web15.streamakaci.com/~cmsstream/templates/defaut/images/blocactu_back.png') repeat-x;
}

#debug {
    margin-top: 15px;
}

#debug pre {
    border: 1px solid #CCC;
    border-width: 2px 2px 2px 10px;
}

/* Articles */
img.img_left {
    float: left;
    margin: 5px 10px 10px 0px;
}

img.img_right {
    float: right;
    margin: 5px 0px 10px 10px;
}

p.MsoNormal {
	clear:both;
}

/* Page d'accueil */
#bloc_actualite { 
	float:left;
}

#bloc_rubrique p {
    padding: 3px;
    margin: 5px;
}

#articlesdroite, #articlegauche {
	overflow:hidden;
}

/* Style modifié par Aymen Ajout "#first_article_eqpn h1" */
#articlesdroite .grid_6, #articlesgauche .grid_6, first_article .grid_16, first_article_eqpn .grid_13 {

}

.bloc_categorie {
	min-height:300px;
}

.article {
	min-height:500px;
}

.article table {
	margin:0 15px;
}
.bloc_categorie  p {
	line-height:1.1;
}

p.resume {
	height:110px;
}

#bloc_actualite_precedente {
		background:url('../images/back_700.png') no-repeat;
		margin:20px 0 0 10px;
}

#bloc_actualite_precedente p {
		padding:0 14px;
		line-height:1.2;
}

#bloc_actualite_precedente p a {
	display:block;
}

div#first_article {
	background:url('../images/back_940.gif') no-repeat;
	margin:25px 0 25px 10px;
	overflow:hidden;
}

div#first_article p {
	display:block;
	margin:0;
	padding:0 10px;
	text-align:justify;
}

div#first_article a {
	padding:0 10px;
}

div#first_article p a,div#first_article h1 a {
	padding:0;
}
#articlesdroite.grid_6 div,#articlesgauche.grid_6 div {
	background:url('../images/back_340.png') no-repeat top left;
	margin:25px 0;
	padding:0 11px 0 14px;
	overflow:hidden;
}

#articlesdroite.grid_8 div,#articlesgauche.grid_8 div {
	background:url('../images/back_460.png') no-repeat;
	margin:25px 0;
	padding:0 11px 0 10px;
	overflow:hidden;
	width:447px;
}

#articlesdroite.grid_8 div p,#articlesgauche.grid_8 div p {
	display:block;
	padding:0;
	margin:0;
	width:440px;
	text-align:justify;
}

#articlesdroite.grid_8 div h1,#articlesgauche.grid_8 div h1 {
	display:block;
}

.control {
	padding:0;
	margin:0;
	background:none;
	float:right;
}

#articlesdroite div h1,#articlesgauche div h1,#bloc_actualite_precedente h1 {
	margin:0 0 0px 0;
	padding:5px 2px 3px 2px;
	display:block;
}

#articlesdroite div p,#articlesgauche div p {
	display:block;
	margin:5px 0 0 0;
}

#articlesdroite div p img,#articlesgauche div p img {
	margin-right:5px;
	display:inline-block;
}

p.suite {
	clear:both;
	line-height:1.3;
}

p.suite a {
	display:block;
	font-size:87%;
}

/* Style modifié par Aymen Ajout "#first_article_eqpn h1" */
#articlesdroite h1, #articlesgauche h1, #first_article h1, #first_article_eqpn h1, #bloc_actualite_precedente h1 {
	border-bottom: 1px dotted #CCCCCC;
    margin: 3px 10px;
}

#menu_droite { margin-top:20px; float:right; overflow:hidden; }
#menu_droite div { background-color:#FFFFFF; margin:23px 0 0; padding:5px; text-align:center; }
#menu_droite div p { padding:30px;	
}
#bloc_actualite {margin-top:20px; }

.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.m10{margin:10px;}
.w100{width:100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w30{width:30%;}
.w20{width:20%;}
.w10{width:10%;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.acenter{margin:0 auto;}
.tacenter{text-align:center;}
.bdb1pxnr{border:1px solid #000;border-width:0 0 1px 0;border-collapse:collapse;}
.bdt1pxnr{border:1px solid #000;border-width:1px 0 0 0;border-collapse:collapse;}
table tr th, table tr td { padding:3px; }
table.match{margin:0 auto;}
#bloccontenu{overflow:hidden;padding:0; margin:0;}
#page_journee,#page_classement{padding:10px;}
img.bloc_img{margin-right:5px; margin-top:5px;}
img.img_left{float:left;}

.pagination{clear:both;margin:0 auto; width:80%;}
.pagination ul li{float:left;margin:0 5px}

/* Page galerie video */
#videoplayer{float:left; padding:10px;}
ul#videos {float:left; list-style-type:none; padding:10px;}
ul#videos li {float:left; padding:0 5px 5px 0;}

a.readmore {
	display:block;
	margin-top:5px;
}

/* Page galerie photo */
div#gallery{margin: 10px 10px 20px 10px;}

h2.titregalerie {
	clear:both;
	margin:10px 10px 5px 10px;
}

.gallery li {
	float:left;
	margin:10px;
	text-align:center;
	display:inline-block;
}

#pub_bas img { margin:5px 10px; }
#pub_bas { text-align:center; }


/*****************************************************
	Style de sous menu (Français et arabe) 
******************************************************/
div#menu_lang1.grid_3 {
	border:solid;
	border-color:#333333;
	border-width:thick;
	float:right;
}

div#menu_lang2.grid_3 {
	border:solid;
	border-color:#333333;
	border-width:thick;
	float:left;
}

/*****************************************************
	Style de titre article
******************************************************/
/*div#titre_article.grid_12.ar{
	float:right;
	}
*/
div#titre_article.grid_12.fr{
	float:left;
	margin:25px 0 25px 10px;

}

div#titre_article.grid_12 h1 {
	font-size:2.4em;
	text-align: center;
	color:#006600;
	margin-top: 12px;
	}
	
/*****************************************************
	Style de premier article
******************************************************/

div#first_article_eqpn.grid_12.ar{
	margin:25px 0 25px 50px;
}
div#first_article_eqpn{
	background:url('../images/back_940_EQPN.gif') no-repeat;
	margin:25px 0 25px 10px;
	overflow:hidden;
}

div#first_article_eqpn p {
	display:block;
	margin:0;
	padding:0 10px;
	text-align:justify;
}

div#first_article_eqpn a {
	padding:0 10px;
}

div#first_article_eqpn p a,div#first_article_eqpn h1 a {
	padding:0;
}

/********************************************************
Style de sous menu
************************************************************/

ul.sf-menu_eqpn {
	background:url('../images/menu_dropdown_bg.png') repeat-y; 
}

ul.sf-menu_eqpn li {
	margin:0px;
	padding:0px;
	width:100%;
	border-left:1px solid #0F0F0F;
	border-top:1px solid #0F0F0F;
	text-indent:7px;
	
}
ul.sf-menu_eqpn li a{
	display:block;
	color:#FFFFFF;
}
ul.sf-menu_eqpn li a:visited{
	color:#FFFFFF;
}

ul.sf-menu_eqpn li a:hover, ul.sf-menu_eqpn li a:focus, .ul.sf-menu_eqpn li a:active {
	background:url('../images/backover.png') repeat-x;	
	width:100%;
	background-position:right;
	outline:0;
}
/**************************************************************************************
	Style de texte défilant
***************************************************************************************/

div#flash_texte p {
	font:1.2em 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	font-weight: bold;
	color:#009900;
	margin:0;
	padding:0 10px;
}

/**************************************************************************************
	Style de résultat de recherche
***************************************************************************************/

div#search_res p {
	min-height:300px;
	font:1.2em 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	font-weight: bold;
	color: #333333;
	margin:0;
	padding:10px;
}