/* CSS Document */

/* Les éléments HTML en général
-------------------------------------------------------- */
a:link,	a:visited, a:active {
	color:#fff;
	text-decoration:underline;
}
a:hover {
	color:#9A000B;
	text-decoration:none;
}
body {
	color: #FFF;
	background-color:#580101;
	text-align:center;
}
body {
	font: bold 12px Arial,Helvetica,sans-serif;
}
body, h1, h2, h3, form, img {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0px;
	border:none;
	font-weight:bold;
}
input.form,textarea,select {
	border:1px solid #cea160;
}
input.form,textarea {
	padding-left:4px;
}
.juste{
	text-align: justify;
}
.centre{
	text-align: center;
}
#fondGauche, #fondDroite, #fondMGauche, #fondMDroite, #titre, #ecran, #rubrique, #blocPied, #blocAriane, #rubTravaux, #flecheDroite, #flecheGauche {
	position: absolute;
}
#blocAriane, #blocAriane a:link, #blocAriane a:active, #blocAriane a:visited, #blocPied, #blocPied a:link, #blocPied a:active, #blocPied a:visited, h1 a:link, h1 a:active, h1 a:visited {
	font: bold 11px Arial,Helvetica,sans-serif;
	color:#9a000b;
	text-decoration:none;
}
#blocAriane a:hover, #blocPied a:hover, h1 a:hover {
	color:#CEA160;
}
#page, #fondEntete, #fondBas, #blocTexte, #blocCrea, #vignettesCrea {
	position:relative;
}

/* fonds
-------------------------------------------------------- */
#fondHaut{
	width:100%;
	height:286px;
	background: #e7e1d3 bottom url(/images/fondM.gif) repeat-x;
}
#fondEntete, #fondBas {
	width:836px;
}
#fondEntete {
	background: url(/images/fondEntete.jpg) no-repeat 0px;
	height:197px;
	z-index: 1;
}
#fondBas {
	background: url(/images/fondBas.jpg) no-repeat 0px;
	height:108px;
	z-index: 1;
}
#fondGauche {
	background: url(/images/fondGauche.gif) no-repeat 0px;
	width:37px;
	height:91px;
	z-index: 2;
	top: 175px;
}
#fondDroite {
	background: url(/images/fondDroite.gif) no-repeat 0px;
	width:35px;
	height:91px;
	z-index: 2;
	top: 197px;
	left: 801px;
}
input,textarea,select{
	font: bold 11px Arial,Helvetica,sans-serif;
	color:#9A000b;
}

/* Fil d'ariane
-------------------------------------------------------- */
#blocAriane {
	top:71px;
	right:433px;
	width: 308px;
	z-index:5;
}

/* Menus
-------------------------------------------------------- */
#flag {
	position: absolute;
	left:120px;
	top:19px;
	z-index:3;
}
#menuDeroulant
{
 position:absolute;
	left:64px;
	top: 68px;
}
#menuDeroulant, #menuDeroulant .sousMenu, #menuDeroulant li, #menuDeroulant .sousMenu li
{
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant a {
	text-decoration:none;
}
#menuDeroulant a:link, #menuDeroulant a:visited, #menuDeroulant a:active {
	color:#9a000b;
}
#menuDeroulant a:hover {
	color:#cea160;
}
#menuDeroulant, #menuDeroulant .sousMenu
{
 list-style-type: none;
}
#menuDeroulant a , #menuDeroulant .sousMenu li
{
 font-size:11px;
 line-height:15px;
}
#menuDeroulant li
{
width: 102px;
}
#menuDeroulant li a, #menuDeroulant .sousMenu li
{
 display: block;
}
#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 position:relative;
 top:-55px;
 left:-15px;
}
#menuDeroulant .sousMenu li
{
 padding: 0px 12px 0px 12px;
 background: url(/images/bulleFond.png) left repeat-y;
 color:#cea160;
}
#menuDeroulant .sousMenu li:last-child
{
 padding-bottom:6px;
 background: url(/images/bulleBas.png) bottom left no-repeat;
}
#menuDeroulant .sousMenu li:first-child
{
 padding-top:15px;
 background: url(/images/bulle.png) top left no-repeat;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
#liHome, #liBook, #liCv, #liQui, #liMail
{
	position:absolute;
}
#liHome, #liBook, #liCv, #liQui
{
	top:8px;
}
#liBook
{
	left:111px;
}
#liCv
{
	left:223px;
}
#liQui
{
	left:340px;
}
#liMail
{
	left:480px;
}


/* Conteneurs
-------------------------------------------------------- */
#page {
	margin: auto;
	text-align: left;
	width:823px;
	background: url(/images/fond.gif) repeat-y;
}
#blocTexte {
	margin: 10px 50px 10px 50px;
	width: 736px;
	min-height: 100px;
}
#flashContent {
	margin: 11px;
	width: 736px;
	min-height: 100px;
}
#blocAnim {
	margin: 0px 38px 0px 40px;
	width: 758px;
}
#blocTexte h1 {
	font-size:14px;
}
#blocTexte h2 {
	margin-top:10px;
}
#blocTexte h2, #blocTexte h3 {
	font-size:12px;
}
#blocExamples {
	background: #FFF url(/images/fondAcHaut.gif) top left no-repeat;
	font-size:11px;
	color:#cea160;
}
#blocExamples a {
	color:#cea160;
}
#blocTexte h1,#blocTexte h2,#blocTexte h3, #blocExamples a:hover{
	color:#9A000B;
}
#blocCrea {
	margin: 10px 38px 10px 50px;
	width: 748px;
	min-height: 100px;
}
#vignettesCrea {
	width: 542px;
	background: #FFF url(/images/arondiBas.gif) bottom left no-repeat;
}
.vignetteCrea, .vignetteGif {
	float: left;
	margin:1px;
	background-color:#fff;
	text-align:center;
}
.vignetteGif{
	width:75px;
	height:60px;
}
.vignetteCrea{
	width:133px;
	height:89px;
}
.vignetteAc{
	float: left;
	margin:1px;
	text-align:center;
	width:139px;
	height:89px;
}
.vignetteAcLeft{
	margin:1px;
	text-align:center;
	width:290px;
	float:left;
}
.txtAc{
	width:404px;
	float:left;
	padding-right:10px;
}
#basVignettesCrea {
	height: 30px;
}
.imgCrea{
	padding:10px 0 10px 0;
	text-align:center;
}
#titreCrea {
	top:1px;
	left:35px;
	width: 472px;
	color:#cea160;
	margin:0px 35px 0px 35px;
}
#encartCrea {
	float:right;
	right:0px;
	top:0px;
	width: 192px;
	background: url(/images/fondEncartCrea.gif) right repeat-y;
}
#encartCreaHaut {
	background: url(/images/encartCreaHaut.gif) top left no-repeat;
}
#encartCreaBas {
	background: url(/images/encartCreaBas.gif) bottom left no-repeat;
	padding: 25px 10px 25px 0px;
}
#texteEncartCrea {
	padding:0px 0px 15px 15px;
}
#texteEncartCreaBas {
	padding:15px 0px 0px 15px;
}
#encartCreaBas h1 {
	font-size: 12px;
	color: #802a00;
	padding-bottom:5px;
}
#encartCreaBas h1 a{
	font-size:12px;
}
#encartCreaBas a:link, #encartCreaBas a:visited, #encartCreaBas a:active {
	color:#9a000b;
	text-decoration:none;
}
#encartCreaBas a:hover {
	color:#cea160;
}
#encartCreaMilieu {
	background: url(/images/fondEncartCreaM.gif) left repeat-y;
	width:178px;
}
#encartCreaMilieuH {
	background: url(/images/fondEncartCreaMH.gif) top right no-repeat;
}
#encartCreaMilieuB {
	background: url(/images/fondEncartCreaMB.gif) bottom right no-repeat;
	padding: 15px;
	font-size:11px;
	color:#cea160;
}
#encartCreaMilieuB h1 {
	color:#9d5d00;
	font-size:11px;
}
#encartCreaMilieuB a:link, #encartCreaMilieuB a:visited, #encartCreaMilieuB a:active {
	color:#9a000b;
	font-size:11px;
	text-decoration:none;
}
#encartCreaMilieuB a:hover {
	color:#cea160;
}
#blocExamplesfr,#blocExamplesen {
	padding: 15px;
}
#blocExamplesfr {
	background: url(/images/fondAcBasfr.gif) left bottom no-repeat;
}
#blocExamplesen {
	background: url(/images/fondAcBasen.gif) left bottom no-repeat;
}
.clear{
	clear:both;
}
.table{
	text-align:center;
	height:116px;
}
.blocFondCvBas {
	background: url(/images/fondCvBas.gif) no-repeat bottom left;
	padding: 2px 25px 10px 25px;
	min-height: 66px;
}
#hautCv {
	margin-bottom: 10px;
}
.blocFondCvHaut {
	background: #fff url(/images/fondCvHaut.gif) no-repeat top left;
	color:#cea160;
	margin-bottom:10px;
}
.cvLoisirs {
	padding-bottom: 50px;
}
.blocCvGauche, .blocCvDroite, .blocContactGauche, .blocContactDroite, .blocContactMilieu, #date, .blocsPlanGauche, .blocPlanDroite, .blocIdPassGauche, .blocIdPassDroite {
	float:left;
}
.blocCvGauche {
	width:124px;
}
.blocCvDroite {
	width:562px;
}
.blocContactGauche {
	width:175px;
}
.blocContactDroite {
	width:511px;
}
.blocContactMilieu {
	width:200px;
}
#date {
	width:311px;
}
.blocsPlanGauche {
	width:210px;
}
.blocPlanDroite {
	width:228px;
}
.blocCvDroite a:link, .blocCvDroite a:active, .blocCvDroite a:visited, .blocFondCvBas a:link, .blocFondCvBas a:active, .blocFondCvBas a:visited {
	color:#cea160;
}
.blocCvDroite a:hover, .blocFondCvBas a:hover {
	color:#9a000b;
}
.droite {
	text-align:right;
}
.blocIdPassGauche {
	width:91px;
}
.blocIdPassDroite {
	width:76px;
}
.divSel {
 background: #fff url(/images/fondAcHaut.gif) no-repeat top left;
 }
.divSelBas {
	background: url(/images/fondAcBas.gif) left bottom no-repeat;
	padding-left:20px;
}
.sel {
list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 color:#CEA160;
}
.sel li {
	width:338px;
	float:left;
	padding:0px 20px 20px 0px;
	
}
.sel h3{
	padding:10px 10px 10px 0px;
}
.sel h3 a{
color:#9a000b;
text-decoration: underline;
}
.sel h3 a:hover{
color:#CEA160;
text-decoration: none;
}
.seltitre{
	border-top:solid 2px #9a000b;
	padding-top:30px;
}

/* Images
-------------------------------------------------------- */	
#titre {
	top: 16px;
	right: 178px;
	z-index: 3;
}
#rubTravaux{
	top: 104px;
	right: 29px;
	z-index: 3;
}
#rubrique {
	top: 72px;
	right: 274px;
	z-index: 5;
}
#ecran{
	top: 3px;
	right: -33px;
	z-index: 5;
}
.index{
	margin:0 80px 10px 0;
	float: left;
}
.liens{
	margin:0px 50px 10px 30px;
	float: left;
}
#flecheGauche {
	top: 0px;
	left: 0px;
	z-index: 3;
}
#flecheDroite {
	top: 0px;
	right: 0px;
	z-index: 3;
}
.trans:hover{
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}
	
/* Pied de page
-------------------------------------------------------- */
#blocPied {
	top:29px;
	right:276px;
	width: 308px;
}

/* Formulaires
-------------------------------------------------------- */	
input.pass{
	clear:both;
	width:70px;
	float:right;
}
.long{
	width:500px;
}
.court{
	width:150px;
}
#date{
	float:left;
}