/**************************************
*	Fichier	:	stytle.css
*	Auteur	:	Varouj (varoujhay@free.fr)
*	Thème	:	Oziria.com
*	Pour		:	Oziria.com
*	Date		:	23/10/08
*	Modifé	:	30/10/08
**************************************/

/*************************************************** GENERAL (Début) ***************************************************/
* {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
}

a {color : #000000; text-decoration : none;}
a:hover {color : #78B8BE; text-decoration : underline;}

body {
	width : 822px;
	margin : 0 auto;
	color : #000000;
	font : 1em  Verdana, Arial, sans-serif;
	background : #80ADB2 url(images/fond.jpg) repeat-x 0 0;
	position : relative;
}

/****** GLOBAL ******/
#global {
	float : left;
	width : 822px;
	margin : 2px auto 0;
}
/*************************************************** GENERAL (Fin) ***************************************************/

/*************************************************** HAUT DE LA PAGE (Début) ***************************************************/

/****** HEADER ******/
#top {
	margin : 0 auto;
	padding : 9px 10px 14px 14px;
	width : 798px;
	height : 72px;
	background : #C4DBDD url(images/header.jpg) no-repeat 14px 9px;
}
#top h1#header a {
	float : left;
	display : block;
	width : 162px;
	height : 72px;
	font-size : 0;
	text-decoration : none;
}
#top h1#header span {
	visibility : hidden;
}

/****** AUTEURS ******/
#top ol#auteurs {
	float : right;
	padding : 6px 27px 0 0;
	height : 66px;
	font-size : 0.9em;
	list-style : none;
}
#top ol#auteurs li {
	padding : 1px 0;
}

/*************************************************** HAUT DE LA PAGE (Fin) ***************************************************/

/*************************************************** CORPS (Début) ***************************************************/

/****** CORPS ******/
#corps {
	float : left;
	clear : both;
	width : 810px;
	margin-bottom : 50px;
	padding : 0 2px 0 10px;
	background : #ADCED1 url(images/corps.jpg) no-repeat center bottom;
}

/****** AUTEURS ******/
ul#menu {
	clear : both;
	float : left;
	display : inline;
	margin : -2px 7px 0 4px;
	width : 799px;
	height : 33px;
	font-size : 0.8em;
	text-align : center;
	color : #ffffff;
	list-style : none;
	overflow : hidden;
	background : url(images/menu.gif) repeat-x 0 0;
}
ul#menu li {
	padding : 0 14px 0 4px;
	display :inline;
	line-height : 1.9em;
	height : 33px;
	background : url(images/puce.gif) no-repeat 100% 5px;
}
ul#menu li a {
	color : #78B8BE;
}

/****** PAGE ******/
#page {
	float : left;
	display : inline;
	clear : both;
	width : 800px;
	margin : 10px 5px 0;
	padding-top : 7px; 
	font-size : 0.7em;
	line-height : 1.3em;
	background : url(images/page.gif) no-repeat 0 0;
}

/****** PAGE BAS ******/
#page_bas {
	float : left;
	padding-bottom : 7px;
	background : url(images/page_bas.gif) no-repeat left bottom;
}

/****** CONTENU ******/
#page #contenu {
	float : left;
	padding : 25px 50px 100px 45px;
	width : 705px;
	background-color : #789B9E;
}

/****** INTRODUCTION ******/
#page p#introduction {
	padding-bottom : 25px;
}

/****** BLOC ******/
#page #contenu .bloc {
	float : left;
	margin-top : 10px;
	padding-bottom : 9px;
	width : 705px;
	line-height : 1.2em;
	font-size : 1.1em;
	background : url(images/bloc_bas.gif) no-repeat left bottom;
}
#page #contenu .bloc .bloc_bas {
	padding : 6px;
	float : left;
	width : 693px;
	background : #6C8C8F url(images/bloc_haut.gif) no-repeat 0 0;
}
#page #contenu .bloc .infos {
	float : right;
	padding : 10px 0 0 0;
	margin-right : 10px;
	width : 480px;
}
#page #contenu .bloc .infos  h2 {
	padding-bottom : 5px;
	width : 420px;
	font-size : 1.05em;
	font-weight : normal;
	background : url(images/h2.gif) repeat-x left bottom;
}
#page #contenu .bloc .infos dl {
	padding-top : 25px;
}
#page #contenu .bloc .infos dt {
	font-weight : bold;
}
#page #contenu .bloc .photo {
	float : left;
	padding : 10px;
	width : 169px;
	height : 189px;
	background : url(images/bloc_photo.jpg) no-repeat 0 0;
}
#page #contenu .bloc .presentation {
	clear : both;
	padding : 5px;
}
#page #contenu .bloc .presentation span {
	display : block;
	font-size : 1.05em;
	font-weight : bold;
}

/****** ACCUEIL ******/
#accueil {
	float : left;
	display : inline;
	clear : both;
	width : 802px;
	margin : -8px 7px 0 1px;
	padding-bottom : 8px;
	font-size : 0.55em;
	color : #ffffff;
	line-height : 1.3em;
	background : url(images/cadre_bas.gif) no-repeat 3px bottom;
}

/****** BLOC  ******/
#accueil .bloc1 {
	padding : 45px 10px 10px 17px;
	float : left;
	width : 418px;
	height : 161px;
	overflow : hidden;
	background : url(images/bloc_1.gif) no-repeat 0 0;
}
#accueil .bloc2 {
	padding : 35px 36px 10px 20px;
	float : left;
	width : 301px;
	height : 171px;
	overflow : hidden;
	background : url(images/bloc_2.gif) no-repeat 0 0;
}
#accueil .bloc2 p {
	padding-bottom : 12px;
	height : 25px;
	font-size : 1.4em;
}
#accueil .bloc2 p.champs {
	background : url(images/champs.gif) no-repeat right top;
}
#accueil .bloc2 p.liens {
	padding-left : 31px;
}
#accueil .bloc2 p.submit {
	padding-left : 186px;
}
#accueil .bloc2 p.liens a {
	float : left;
	display : block;
	padding : 4px 3px 0;
	height : 16px;
	text-align : center;
	color : #ffffff;
}
#accueil .bloc2 p.liens a#mdp_oublie {
	width : 149px;
	background : url(images/mdp_oublie.gif) no-repeat center top;
}
#accueil .bloc2 p.liens a#inscription {
	width : 107px;
	background : url(images/inscription.gif) no-repeat center top;
}
#accueil .bloc2 p.submit input {
	width : 115px;
	height : 25px;
	font-size : 1.05em;
	cursor : pointer;
	background : url(images/submit.gif) no-repeat 0 0;
}
#accueil .bloc2 p.champs label {
	float : left;
	width : 87px;
	line-height : 1.7em;
}
#accueil .bloc2 p.champs input {
	float : left;
	padding : 3px 3px 0;
	width : 208px;
	height : 22px;
	border : none;
	background : none;
}
#accueil .bloc3 {
	clear : both;
	float : left;
	padding : 34px 15px 10px 19px;
	width : 408px;
	height : 246px;
	font-size : 1.2em;
	line-height : 1.4em;
	overflow : hidden;
	color : #DFF6C8;
	background : url(images/bloc_3.gif) no-repeat 0 0;
}
#accueil .bloc3 p.photo {
	float : left;
	margin : 0 10px 10px 0;
	width : 162px;
	height : 111px;
	background : url(images/bloc_photo_accueil.jpg) no-repeat 0 0;
}
#accueil .bloc3 h2 {
	padding : 10px 0;
	font-size : 2.2em;
	color : #EDEDED;
	font-weight : normal;
}
#accueil .bloc3 h3 {
	font-size : 1.1em;
	font-family : "Trebuchet MS";
	color : #526B3A;
}
#accueil .bloc3 .infos p {
	padding : 5px 0;
}
#accueil .bloc3 .infos p a {
	color : #ffffff;
	font-weight : bold;
}
#accueil .bloc3 .infos p a.lien {
	margin-left : 30px;
}
#accueil .bloc4 {
	padding : 58px 17px 10px 22px;
	float : left;
	width : 317px;
	height : 222px;
	overflow : hidden;
	background : url(images/bloc_4.gif) no-repeat 0 0;
}

/****** CONTENU ******/
#accueil #contenu {
	float : left;
	display : inline;
	margin : 0 0 0 3px;
	padding-top : 8px;
	width : 800px;
	font-size : 1.4em;
	line-height : 1.2em;
	text-align : center;
	background : url(images/cadre_haut.gif) no-repeat 0 0;
}

/****** CONTENU HAUT ******/

#accueil #contenu #contenu_haut {
	float : left;
	padding : 0 18px 10px;
	width : 764px;
	background-color : #485449
}

/****** CADRE ******/
#accueil #contenu #contenu_haut div {
	float : left;
	padding : 10px 18px 10px 18px;
	width : 346px;
	overflow : hidden;
}
#accueil #contenu #contenu_haut h2 {
	padding-bottom : 10px;
	font-size : 1.3em;
}
#accueil #contenu #contenu_haut p {
	padding : 5px 0;
}
#accueil #contenu #contenu_haut .cadre1, #accueil #contenu #contenu_haut .cadre3 {
	width : 345px;
	border-right:1px dashed #ffffff;
}
#accueil #contenu #contenu_haut .cadre3, #accueil #contenu #contenu_haut .cadre4 {
	border-top:1px dashed #ffffff;
}
#accueil #contenu #contenu_haut a {
	color : #ffffff;
}

/*************************************************** CORPS (fin) ***************************************************/

/*************************************************** BAS DE LA PAGE (Début) ***************************************************/

/****** FOOTER ******/
#footer {
clear : both;
padding : 10px 5px 20px;
text-align : center;
color : #426569;
font-size : 11pt;
font-family:"Trebuchet MS";
}
#footer a {
color : #426569;
font-style : italic;
}

/*************************************************** BAS DE LA PAGE (Fin) ***************************************************/
#pagination {
    clear : both;
    padding-top : 10px;
}
#pagination p#pagination_left {
    float : left;
	font-size : 11pt;
	font-family:"Trebuchet MS";
}
#pagination p#pagination_right {
    float : right;
	font-size : 11pt;
	font-family:"Trebuchet MS";
}