@charset "UTF-8";

/* Transparence des PNG sous IE6 */
* html img { behavior: url(iepngfix.htc) }

hr { 
    border: 0; /* enleve toute bordure */
    border-bottom: 1px #cccccc solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
    height: 1px; /* pour IE */
}


/* CSS Document */

/* --------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------> RESET<<<--------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h3, h4, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/***************************************************/

.Arial-14 { line-height: 1; font-family: Arial, Helvetica, sans-serif;	font-size: 14px;}

/***************************************************/

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a{
	color:#333;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
body{
	color: #666;
	background: #eeeeee;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #EEEEEE url("../../images/vitrine/bg_header.jpg") no-repeat;	
}
p, h, span,a{
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#header{
	position:absolute;
	width:980px;
	height:160px;
	top:0px;
	left:0px;
	float:left;
	
}

#page{
	position: relative;
	width:980px;
	left:50%; 
	margin-left:-490px;
}




.mini{
	font-size: 10px;
	color: #777;
	margin:5px 0 0 0;
	padding : 0;
	float:left;
	width:auto;!important;
	width:400px;
}

strong{	font-weight: bold; color: #444;	line-height: 150%;	text-align: justify;}
.clear{	clear : both;}
q{font-style: italic;}

.grid{	margin: 0 auto;}
.grid .column{ 	float: left; margin: 0 50px 0 0 ; }
.grid .last { 	margin:  0 ; }

.float{	float:left;}
.float2{float:right;}

h5{	font-weight: bold; color: #444;	line-height: 150%;}

.subtle{ font-size: 11px; color: #888;}

/*------------- Header -------------*/

#agefi_logo
{
	background: url("../../images/vitrine/logo_couleur.png") no-repeat;
	height: 59px;
	width: 381px;
	position: absolute;
	top: 23px;
	left: 0px;
}
#finesti_logo
{
	background: url("../../images/vitrine/finesti.png") no-repeat;
	height: 81px;
	width: 250px;
	position: absolute;
	top: 23px;
	left: 450px;
}
#portfolio_logo
{
	background: url("../../images/vitrine/portfolio-institutionell.png") no-repeat;
	height: 129px;
	width: 150px;
	position: absolute;
	top: 16px;
	left: 820px;
}
#contact
{
	text-align:center;
	line-height: 120%;
	color: white;
	background: url("../../images/vitrine/bloc_phone.gif") no-repeat;
	float: right;
	height: 61px;
	width: 221px;
	padding-top: 2px;
	position: absolute;
	top: 23px;
	right: 145px;
}
#contact_finesti
{
	text-align:center;
	line-height: 120%;
	color: white;
	background: url("../../images/vitrine/bloc_phone.gif") no-repeat;
	float: right;
	height: 61px;
	width: 221px;
	padding-top: 2px;
	position: absolute;
	top: 23px;
	right: 0px;
}
#contact_portfolio
{
	text-align:center;
	line-height: 120%;
	color: white;
	border:1px solid white;
	float: right;
	height: 61px;
	width: 221px;
	padding-top: 2px;
	position: absolute;
	top: 50px;
	right: 270px;
}
#flag
{
	background: url("../../images/vitrine/bloc_langue.png") no-repeat;
	height: 31px;
	width: 76px;
	position: absolute;
	float:right;
	top: 20px;
	right: -3px;
	padding:2px 2px 2px 8px;
}
#baseline
{
	padding-top: 10px;
	font-size:18px;
	color:#FFFFFF;
	display:block;
	border-top: 2px solid #FFF;
	position:absolute;
	width:381px;
	top:95px;
	float:left;

}
#toolbox p
{
	text-align: center;
	line-height:180%;
}

#bloc_phone
{
	display:block;
	text-align:left;
	color:#424242;
	line-height: 140%;
	margin: 4px 2px 2px 10px;
}

#bloc_phone_portfolio
{
	display:block;
	text-align:left;
	color:#ffffff;
	line-height: 140%;
	margin: 4px 2px 2px 10px;
}

.btn_langue
{
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	margin: 0 3px 0 0;
}

#btn_fr_on
{
	background: url("../../images/vitrine/bt_fr_on.png") 0% 0% no-repeat;
	margin:4px 4px 4px 4px;
}
#btn_en_on
{
	background: url("../../images/vitrine/bt_en_on.png") 0% 0% no-repeat;
	margin:4px 4px 4px 4px;
}
#btn_fr_off
{
	background: url("../../images/vitrine/bt_fr_off.png") 0% 100% no-repeat;
	margin:4px 4px 4px 4px;
}
#btn_en_off
{
	background: url("../../images/vitrine/bt_en_off.png") 0% 100% no-repeat;
	margin:4px 4px 4px 4px;
}
#btn_fr_off:hover
{
	background: url("../../images/vitrine/bt_fr_on.png") 0% 0% no-repeat;
	margin:4px 4px 4px 4px;
}

#btn_en_off:hover
{
	background: url("../../images/vitrine/bt_en_on.png") 0% 0% no-repeat;
	margin:4px 4px 4px 4px;
}

/*----------Menu Principal-----------*/

#menu {
position: absolute;
margin: 0;
top: 125px;
right:0;

}


#menu ul li{
float: right;
text-align: center;
margin-left: 7px;
display: block;
}


#menu li a{
text-decoration: none;
display: block;
line-height: 300%;
}
#onglet_decouvrir{
color: #343434;
background: url("../../images/vitrine/ong_decou_off.png") 0% 100% no-repeat;
width:206px;
height:35px;
}
#onglet_contact{
color: #343434;
display:block;
background: url("../../images/vitrine/ong_contact_off.png") 0% 100% no-repeat;
width:141px;
height:35px;
}
#onglet_abo{
color: #FFFFFF;
background: url("../../images/vitrine/ong_abo_off.png") 0% 100% no-repeat;
width:155px;
height:35px;
}
#onglet_decouvrir:hover{
color: white;
background: url("../../images/vitrine/ong_decou_roll.png") 0% 100% no-repeat;
}
#onglet_contact:hover{
color: white;
display:block;
background: url("../../images/vitrine/ong_contact_roll.png") 0% 100% no-repeat;
}
#onglet_abo:hover{
background: url("../../images/vitrine/ong_abo_roll.png") 0% 100% no-repeat;
}
#onglet_contact_on{
color: white;
background: url("../../images/vitrine/ong_contact_roll.png") 0% 100% no-repeat;
width:141px;
height:35px;
}
#onglet_decouvrir_on{
width:206px;
height:35px;
color: white;
background: url("../../images/vitrine/ong_decou_roll.png") 0% 100% no-repeat;
}

/*----------Contenu-----------*/

#content
{
	clear:both;
	position: relative;
	top:170px;
	margin-bottom:120px;

}

#page_top
{
	display: block;
	width:980px;
	height : 5px;
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
	background: url("../../images/vitrine/shim_page_top.gif") no-repeat;
}
#page_middle
{
	padding: 0px Opx 0px 0px;
	width:auto !important;
	width:980px;
	background: url("../../images/vitrine/shim_middle.gif") repeat-y;
}
.content_bloc_middle p
{
	text-align: justify;
	line-height: 150%;
	margin-bottom: 20px;
}
#nav_1
{
	padding: 20px 0 0 20px;
	color: #bbbbbb;
	font-size : 11px;
}
#nav_2
{
	padding: 0px 0 0px 20px;
	color: #bbbbbb;
	font-size : 11px;
}
#nav a
{
	color: #bbbbbb;
	font-weight: normal;
	text-decoration:none;
}

#nav.currentPage
{
	color:  #888888;
	font-weight: bold;
}

#page_bottom
{
	clear: both;
	width:100%;
	height : 7px;
	background: url("../../images/vitrine/shim_page_bottom.gif") no-repeat;
}
#page_middle.home
{
	padding: 0 0 0 1px;
	height:440px;
}
#page_middle.contacts
{
	padding: 0 0 0 1px;
	height:1040px;
	?height:1080px;
	
}
#page_middle.article
{
	padding: 0 20px 10px 20px;
	
}
#page_middle.offres{
	padding: 0 0 0 1px;
	height:640px;
	?height:660px;
	
}
#page_middle.test{
	padding: 0 0 0 1px;
	height:700px;
	?height:740px;
	
}

#page_middle.licences{
	padding: 0 0 0 1px;
	height:800px;
	?height:800px;
}
#abo_gauche_licences{
	width:900px;
}

#page_middle.decou{
	padding: 0 0 0 1px;
	height:1210px;
	?height:1240px;
	
}
#page_middle.lecteurs{
	padding: 0 0 0 1px;
	height:1340px;
	?height:1360px;
	
}
#txt_redac{
	line-height:150%;
	float:left;
	vertical-align:bottom;
	height:auto;
	width:auto;
	color:#666666;
	font-size:11.5px;
	margin:160px 0 0 10px;
}
.bold_orange{
	color:#ff981f;
	font-weight:bold;
}
#content h1
{
	font-weight: normal;
	color: #252523;
	font-size: 38px;
	padding: 10px 0 0 20px;
	margin: 0;
}
#big_pic{ 
	display:block;
	float:left;
	padding: 8px 0 20px 15px;
	
}
#content h2
{
	font-weight: normal;
	color: #252523;
	font-size: 26px;
	margin:0;
	padding: 10px 0 0 20px;
}

.content_bloc_middle h2
{
	text-align : center;
}

#content h3
{
	font-weight: normal;
	color: #252523;
	font-size: 26px;
	padding: 40px 0 0px 20px;
	margin:0;
}

#content h4
{
	font-weight: bold;
	color: #444;
	margin: 0 0 5px 0;
}

#content a:hover
{
	text-decoration: underline;
}
.contact_left{
	float:left;
	margin:0px 0 0 15px;
	width:465px;
	height:118px;
}
.contact_right{
	float:left;
	margin:0px 0 0 15px;
	width:450px;
	height:118px;
}
.little{
	float:left;
	width:101px;
	height:118px;
}
.txt_contact{
	display:block;
	color:#666666;
	line-height:140%;
	font-size:12px;
	padding:53px 0 0 0;
	margin:0px 0 0 10px;
	float:left;
	width:300px;
	height:90px;
}
#intertitre{
	clear:both;
	color:#00FF66;
	padding:40px 0 0 0;
}
#offres_gauche{
	float:left;
	width:463px;
}
#offres_droite{
	float:left;
	width:453px;
	height:230px;
	?height:240px;
	margin:5px 0 0 40px;
	background:url(../../images/vitrine/bloc_offre.png) no-repeat center;
}
.offres_gris{
	line-height:120%;
	margin:10px 0 5px 20px;
	width:453px;
}
.picto_offre{
	display:block;
	float:left;
	margin:10px 0 10px 40px;
}
.txt_picto{
	float:left;
	font-size:12px;
	color:#666666;
	margin:10px 0 0 10px
}
.titre_picto{
	font-size :16px;
	color:black;
}
.titre_orange{
	float:left;
	color:#ff981f;
	font-size:22px;
	text-align:center;
	width:205px;
	margin:25px 10px 0 40px;
}
#picto_NM{
	float:right;
	margin:50px 35px 0 0;
}
.p_offres_gris{
	float:left;
	line-height:120%;
	margin:15px 10px 10px 40px;
	width:205px;
}
.offres_lien{
	clear:both;
	text-align:right;
	margin:0px 35px 0 0;
	padding:25px 0 0 0;
	?padding:10px 0 0 0;
	font-size:11px;
	color:#ff981f;
}
#offres_plus{
	color:#ff981f;
	text-decoration:underline;
}
.ligne_orange{
	clear:both;
	color:#ff981f;
	font-weight:bold;
	margin:0 0 0 20px;
	padding:15px 0 0 0;
}
#encart_orange{
	line-height:200%;
	text-align:center;
	background:url(../../images/vitrine/encartorange.png) no-repeat center;
	margin:20px 0 0 0px;
	font-size:15px;
	color:white;
    font-weight:bold;
	height:30px;
}
#encart_orange_court{
	line-height:200%;
	text-align:center;
	background:url(../../images/vitrine/encartorange_haut.png) no-repeat center;
	margin:20px 0 0 0px;
	font-size:20px;
	color:white;
    font-weight:bold;
    line-height:25px;
    padding-top:15px;
	height:68px;
	width:420px;
}
#abo_gauche{
	float:left;
	width:463px;
}
#abo_droite{
	float:left;
	width:463px;
	height:570px;
	margin:15px 0 0 40px;
	padding:10px 0 0 0;
	background:url(../../images/vitrine/cadre_offre.png) no-repeat top;
}
.txt_picto2{
	float:left;
	width:200px;
	font-size:11px;
	color:#666666;
	margin:10px 0 0 10px
}
#visu_abo{
	display:block;
	float:left;
	margin:-15px 0 0 20px;
	
}
.col_decouvrir{
	margin:10px 10px 0 20px;
	float:left;
	width:450px;
}
.decouvrir{
	display:block;
	font-size:18px;
	color:#333333;
	padding:0px 0 10px 0;
}
.para_decouvrir{
	font-size:12px;
	line-height:130%;
	color:#666;
	padding:0 0 20px;
	margin:10px 0 20px;
	border-bottom:1px #CCCCCC solid;
}
.para_lecteurs{
	font-size:12px;
	line-height:120%;
	color:#666;
	font-style:italic;
	margin:0px 0 0 20px;
}
.para_blocOrange{
	font-size:15px;
	line-height:130%;
	color:#ff981f;
	padding:0 0 20px;
	margin:10px 0 20px 0px;
	border-bottom:1px #CCCCCC solid;
}
.pre_liste{
	font-size:12px;
	line-height:130%;
	color:#666;
}

.liste_decouvrir{
	line-height:130%;
	list-style-image: url("../../images/vitrine/puce.png");
}
li.page_decou{
	margin:5px 0 10px 30px;
}
li.page_decou2{
	margin:5px 0 10px 15px;
	?margin:5px 0 10px 17px;
}
.liste_second{
	line-height:110%;
	list-style-image: url("../../images/vitrine/puce_barre.png");
}
li.item_second{
	margin:5px 0 10px 15px;
}
.liste_orange{
color:#ff7e1f;

}
.lien_decouvrir{
	text-decoration:underline;
	color:#333333;
	
}
/*----------Footer-----------*/
#footer_spacer{
clear:both;
float:left;
position:relative;
top:50px;
width:100%;
height:15px;
}
#footer_navbar{
clear:both;
float: left;
position:relative;
top:50px;
margin: 5px 0 5px 0;
width:980px;
height:20px;
padding: 5px 0 0 0; 
border-bottom:1px solid #cccccc;
}

#footer_navbar ul{ background:none; margin: 0; float: right;}
#footer_navbar li{ background:none; font-size: 9px; color: gray; margin: 0 0 0 5px; float: left;}
#footer_navbar a{ color: #999999;}
#footer_navbar a:hover{ color: #ff981f; text-decoration:underline;}

#acces_rapide{ clear:both; position:relative; top:50px; color: #999999; font-size:10px; margin: 5px 0 0 0; width:100%; line-height: 150%; padding: 10px 0 0 0; }
#acces_rapide li { float:left; display:block; text-align: center; width:236px; height:160px; background:url("../../images/vitrine/bloc_bas.gif") no-repeat;}

#bloc_bas1{margin : 0 12px 0 0;}
#bloc_bas2{margin : 0 12px 0 0;}
#bloc_bas3{margin : 0 12px 0 0;}
#bloc_bas4{margin : 0; }

#acces_rapide a{ display:block;	width:236px; height:135px; padding: 20px 0px 0 0px;	font-size:20px;}
#acces_rapide a:hover{ color:#ff981f; text-decoration:none; }
.petit_gris{ display:block; margin:10px 10px 10px 10px; color:#999999; font-size:12px;}

#img_bloc1{background:url("../../images/vitrine/vignette1.png") no-repeat bottom;}
#img_bloc2{ background:url("../../images/vitrine/vignette2.png") no-repeat bottom;}
#img_bloc3{ background:url("../../images/vitrine/vignette3.png") no-repeat bottom;}
#img_bloc4{ background:url("../../images/vitrine/vignette4.png") no-repeat bottom;}

/*------------formulaire-------------------*/

.titre-form { font-weight: normal; color: #252523; font-size: 38px;}

.DDL { border: solid 1px #CCCCCC; height:22px; color:#666; width:256px !important; width:256px; margin:1px 0 2px 0;}
.TB { border: solid 1px #CCCCCC; height:18px; color:#666; width:252px !important; width:252px; margin:1px 0 2px 0;}

.TB_licence { border: solid 1px #CCCCCC; height:18px; color:#666; width:50px !important; width:50px; margin:1px 0 2px 0;}

.bt_Valider{ padding-top:15px; width: 97px; height: 26px; color: white; background: url("../../images/vitrine/bt_valider.png") no-repeat center; cursor:pointer;}
.bt_Valider:hover{	background: url("../../images/vitrine/bt_validerRoll.png") no-repeat center; cursor:pointer;}


/* Pour IE8 */
.txt_bt_uk{ padding-left:38px; color:White;}
.txt_bt{ padding-left:22px; color:White;}

.Form_Tab td { padding:2px;  }

#content .bt_Valider a:hover{ text-decoration: none;}


/*------------article-------------------*/

.article { width:790px; height:480px; background-color:#FFFFFF; overflow:hidden; }
.article .gauche { width:480px; height:480px; vertical-align:top; overflow-x:hidden; overflow-y:scroll; }
.article .droite { width:300px; height:480px; overflow:hidden; vertical-align:top; padding-left:10px; }
.article .lang { text-align:center; vertical-align:middle; font-family:Georgia; font-size:16px; color:#878787; }
.article .titre { color:#234B7B; font-family:Georgia; font-size:24px; font-weight:bold; line-height:26px; }
.article .surtitre { color:#878787; font-family:Arial; font-size:12px; text-transform:uppercase; }
.article .soustitre { color:#000000; font-family:Arial; font-size:13px; font-weight:bold; line-height:18px; }
.article .infoNEWSManagers { font-size:12px; font-family:Arial; color:#234b7b; }
.article .date { font-size:12px; color:#878787; font-family:Arial; }
.article .contenu { text-align:left; width:100%; font-family:Arial; font-size:13px; line-height:25px; }
.article img { cursor:pointer; }
.article .illustration { text-align:center;cursor:default; margin:10 auto; }
.article .photo_interview { cursor:default; float:left; width:120px; height:150px; padding-right:10px; text-align:left; }