@import "layout.css";

 
/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	margin: 0px;
	padding:0px;
	background: #bacdf4 url(../img/Fond_site_pointille.png) no-repeat left top;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color:#4b4949;
	font-size:12px;
}

h1, h2, h3, h4, h5, h6{
	font-family:Verdana, Tahoma, Arial, sans-serif;
}

h1{font-weight:bold;
	font-size:1.2em;
	}
h2{font-size:1em;
font-weight:bold;
padding-top:0;
text-align:left;
padding-top:10px;}
h3{font-size:0.9em;
color:#014948;
font-weight:bold;
padding:0px 0px 3px 0px;
text-align:left;
line-height:0px;}
h4{font-size: 1em;
color:#D0403A;
font-weight:bold;}
h5{font-size: 0.9em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #CCC;
}

textarea{
	width: 80%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	color: #D0403A;
z-index: 1;
}

a:visited{
	color: #D0403A;
}

a:hover{
	text-decoration:none;
}
p{
		font-size:0.9em;
}
.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

/* La page
-------------------------------------------------------- */
#page{
	background-position: top center;
	color: inherit;
	display:block;
	position: relative;
     margin-left: auto;
     margin-right: auto;
}

#colonnegauche{
	display:block;
	position: relative;
	width:390px;
	float:left;

}
#colonnedroite{
	display:block;
	position: relative;
	width:560px;
	float:left;
}



#logo a{
	position:relative;
	display:block;
	width:354px;
	height:274px;
	left: 20px;
	 top:20px;
}
#rebours{
	position:relative;
	display:block;
	width:370px;
	height:189px;
	left: 20px;
	top:20px;
	background: transparent url(../img/rebours.png) no-repeat left top;
}
#rebourso{
	position:relative;
	display:block;
	width:370px;
	height:189px;
	left: 20px;
	top:20px;
	background: transparent url(../imgpt/rebourso.png) no-repeat left top;
}

#compterebours {
position:relative;
	display:block;
	width:30px;
	height:30px;
	left: 135px;
	 top:80px;
	 font-size:24px;
	 color:#D0403A;

}
#patronage{
	position:relative;
	display:block;
	width:370px;
	height:189px;
	left: 20px;
	top:20px;
}
#hautpatronage{
	position:relative;
	display:block;
	width:370px;
	height:89px;
	left: 0px;
	top:0px;
}


#adepba{
	position:relative;
	display:block;
	left: 0px;
	top:0px;
	float:left;
}
#imperio{
	position:relative;
	display:block;
	left: 0px;
	top:0px;
	float:left;

}
#portoeditora{
	position:relative;
	display:block;
	left: 0px;
	top:0px;
	float:left;

}
#drapeaux{
	position:relative;
	display:block;
	width:126px;
	height:36px;
	left: 470px;
	top:0px;
}
#francais{
	position:relative;
	display:block;
	float:left;
}
#portugais{
	position:relative;
	display:block;
	float:left;
}

#menu{
	position:relative;
	display:block;
	width:515px;
	height:42px;
	left:50px;
	top:20px;
	clear:both;
}

#presentation a{
	display:block;
	position:relative;
	float:left;
	left:0px;
	top:0px;
}
#concours a{
	display:block;
	position:relative;
	float:left;
	left:0px;
	top:0px;
}
#sinscrire a{
	display:block;
	position:relative;
	float:left;
	left:0px;
	top:0px;
}
#telechargements a{
	display:block;
	position:relative;
	float:left;
	left:0px;
	top:0px;
}
#blocblanc{
background-color:#FFFFFF;
width:560px;
display:block;
position:relative;
top:40px;
left:20px;
padding:10px;
min-height:400px;
}
#footer{
	position:relative;
	display:block;
	width:267px;
	height:34px;
	clear:both;
	left: 380px;
	top:30px;
	padding-top:20px;
}
#presse{
	display:block;
	position:relative;
	float:left;
	left:0px;
	top:0px;
}
#mentions{
	display:block;
	position:relative;
	float:left;
	left:0px;
	top:0px;
}
#plan{
	display:block;
	position:relative;
	float:left;
	left:0px;
	top:0px;
}
.contourpointille{
border:#D0403A 1px dashed;
padding:10px;}