@import url("main.css");
@import url("fond.css");
@import url("menu.css");

@font-face {
	font-family: 'Quadranta';	
	src:local('Quadranta'), url('/global/fonts/quadranta-regular.woff') format("woff"), url('/global/fonts/quadranta-regular.ttf') format("truetype"), url('/global/fonts/quadranta-regular.eot');
}
@font-face {
	font-family: 'Quadranta IE';
	font-style: normal;
	font-weight: normal;
	src: url('/global/fonts/quadranta-regular.eot');
}

@font-face {
	font-family: 'Distro';	
	src:local('Distro'), url('/global/fonts/distro.woff') format("woff"), url('/global/fonts/distro.ttf') format("truetype"), url('/global/fonts/distro.eot');
}
@font-face {
	font-family: 'Distro IE';
	font-style: normal;
	font-weight: normal;
	src: url('/global/fonts/distro.eot');
}

/* Liens
********************************************/

a.lien:active {COLOR: #336699; TEXT-DECORATION: none;}
a.lien:link {COLOR: #336699; TEXT-DECORATION: none;}
a.lien:visited {COLOR: #336699; TEXT-DECORATION: none;}
a.lien:hover {COLOR: #F35201; TEXT-DECORATION: none;}

a:active {COLOR: #336699; TEXT-DECORATION: none;}
a:link {COLOR: #336699; TEXT-DECORATION: none;}
a:visited {COLOR: #336699; TEXT-DECORATION: none;}
a:hover {COLOR: #F35201; TEXT-DECORATION: none;}


/* General */
ul {
	list-style-image:url(../img/puce.gif);
	margin:0;
	padding:0;
	margin-left:20px;
}

strong {
	color:#336699;
}

hr {
	height:1px;
	width:400px;
	color:#587FA2;
	background-color:#587FA2;
	border:0px solid #000;
}

h1 {
	margin:0px;
	padding:0px;
	color:#94cb00;
	font-size:24px;
	font-family:"Distro", "Distro IE";
	margin-bottom:10px;
}

h2, h3 {
	margin:0px;
	padding:0px;
	color:#F35201;
	font-size:20px;
	font-weight:bold;
	font-family:"Distro", "Distro IE";
}

h3 {
	font-size:18px;
	color:#336699;
}

.clear {
	clear:both;
	height:1px;
	line-height:1px;
}


/* Couleurs */
.gris {color:#999999;}
.bleu {color:#336699;}
.vert {color:#81AA21;}
.orange {color:#F35201;}


/* Layout */
#content {
	position:relative;
	background-color:#FFFFFF;
	/*background-image:url(../img/fond-contenu.gif);
	background-repeat:repeat-y;*/
	text-align:left;
	min-height:400px;
	_height:400px;
	padding-bottom:20px;
}

#content_pad {
	position:relative;
	padding-left:30px;
	padding-right:30px;
}

.content_header {
	position:relative;
	width:960px;
	height:90px;
	background-image:url(../img/bg/content-header-960.png);
}

.content_header h1 {
	position:absolute;
	top:5px;
	left:40px;
}

.content_header h2 {
	position:absolute;
	top:35px;
	left:40px;
}


/* Haut */
#header {
	position:relative;
	width:960px;
	height:90px;
}


/* Page d'accueil : index.php
********************************************/

.accueil_gauche {
	position:relative;
	float:left;
	background-image:url(../img/bg/accueil-img-g.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:340px;
	height:400px;
	padding-left:20px;
}

#rss_feed {
	position:absolute;
	top:420px;
	left:100px;
}

#rss_feed img {
	position:relative;
	top:10px;
}

.accueil_droite{
	position:relative;
	float:left;
	width:580px;
	padding-left:10px;
	padding-right:10px;
}

#txt_accueil{
	position:relative;
	text-align:justify;
	margin-top:20px;
	margin-right:10px;
}

#news_titre {
	position:relative;
	float:left;
	width:280px;
	height:44px;
	background-image:url(../img/accueil-news.jpg);
}

#news_txt {
	position:relative;
	float:left;
	width:275px;
	padding-left:5px;
}

#update_titre {
	position:relative;
	float:left;
	width:280px;
	height:44px;
	background-image:url(../img/accueil-update.jpg);
}

#update_txt {
	position:relative;
	float:left;
	width:255px;
	padding-left:25px;
}

#boutons {
	text-align:left;
	margin-top:30px;
}


/* Portfolio
********************************************/

.portfolio_menu01{
	background-image:url(../img/menu-galeries-01.gif);
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
}

.portfolio_menu02{
	background-image:url(../img/menu-galeries-02.gif);
}

.portfolio_accueil{
	background-image:url(../img/accueil-book.jpg);
	width:800px;
	height:300px;
}

#menu_book {
	position:absolute;
	top:35px;
	left:240px;
	margin-top:0px;
	padding-left:30px;
	font-weight:bold;
	font-size:14px;
}

.rub_book{
	position:absolute;
	top:106px;
	left:0px;
	margin-left:20px;
	background-color:#FFFFFF;
	line-height:20px;
	width:inherit;
	padding-left:5px;
	padding-right:5px;
}

#txt_portfolio {
	position:relative;
	top:50px;
	left:130px;
	width:300px;
	padding-right:0px;
	text-align:justify;
}

.elt_mn, .elt_ref {
	position:relative;
	float:left;
	width:210px;
	height:150px;
	margin-left:20px;
	margin-top:20px;
	border: 1px solid #EFEFEF;
	background: #FFF;
}

.elt_ref {
	text-align:center;
	padding-top:10px;
	height:140px;
	font-weight:bold;
}

.elt_ref img {
	margin-bottom:5px;
}

.elt_mn:hover, .elt_ref:hover {
	border: 1px solid #336699;
	background: #EFEFEF;
}

.elt_mn_txt {
	position:relative;
	top:20px;
	left:10px;
	width:100%;
	height:50px;
	text-align:left;
}

.elt_mn_img {
	position:relative;
	top:10px;
	left:10px;
}

.elt_mn_img img{
	border:1px solid #EFEFEF;
}

.titre_site {
	color:#336699;
	font-weight:bold;
}

.pf_gauche {
	position:relative;
	padding-left:20px;
	width:650px;
	float:left;
}

.pf_droite {
	position:relative;
	width:290px;
	float:left; 
}

.pf_desc {
	position:relative;
	background-image:url(../img/bg/pf-desc-contenu.jpg);
	background-repeat:repeat-y;
	margin-top:40px;
}

.pf_desc_haut {
	position:absolute;
	height:85px;
	width:280px;
	background-image:url(../img/bg/pf-desc-haut.jpg);
}

.pf_desc_contenu {
	position:relative;
	padding:16px 20px 0px 20px;
}

.pf_desc_bas {
	position:relative;
	width:280px;
	height:160px;
	background-image:url(../img/bg/pf-desc-bas.jpg);
}