/*

ACCESSIBILITE :

   * Utilisation de tailles relatives (em)

*/

/****************
	GENERAL
****************/

*{
	margin:  0;
	padding: 0;
}
	
* body {
	margin: 50px 0 0;
	background: #fff url(../images/bg.gif) repeat-x;
	font: 0.74em "Trebuchet MS", Arial, Sans-Serif;
	color: #444;
}


#mainTitleHome {
	font-size: 2em;
	font-weight: normal;
	float: left;
	
}
h1 a {
	text-decoration: none;
}

h2 {
	font-size: 2em;
	color: #FFF2B3;
	font-weight: normal;
	margin: 0 0 0.8em;
}

h3 {
	font-size: 1.5em;
	border-bottom: 1px solid #eee;
	margin: 0 0 .8em;
}

p  {
	margin: 0 0 2em 0;
	line-height: 1.8em;
}

em {
	border-bottom: 1px dotted #fff;
	cursor: pointer;
}

a {
	color: #9D2900;
}

a:hover {
	color: #A0000E;
	text-decoration: none;
}

img {
	border: 0;
}

.red {
	color: #9D2900;
}
	
.wrap {
	width: 900px;
	margin: 0 auto;
}

textarea {
    resize: none;
} 

.clear
{
	clear : both;
}
/****************
	TEMPLATE
****************/

#header {
	width: 900px;
	height: 50px;
	margin: 0 auto;
}

#smallTeaser
{
	clear: both;
	background:url(../images/teaserbg.jpg) repeat-x;
	height : 100px;
	
}


#teaser {
	clear: both;
	height: 253px;
	background: #fff url(../images/teaserbg.jpg) repeat-x;
}

	.box {
		float: left;
		padding: 66px 0 0;
		width: 480px;
		color: #C7E3EE;
	}
	
	#smallTeaser .box {
		padding: 50px 0 0;	
	}
	
	#image {
		float: right;
		width: 388px;
		position: relative;
		top: 16px;
		background: url(../images/logotype.jpg) no-repeat top right;
		height: 237px;
	}
		
#bar {
	height: 40px;
	margin: 0 0 30px;
	padding: 8px 0 0 0;
	background: url(../images/bar.gif) repeat-x;
}

	.step li {
		color: #FAFDDD;
		padding: 4px 0 0 11px;
		margin: 0 75px 0 0;
		font-size: 1.4em;
		float: left;
		text-align: center;
		background: url(../images/step.gif) no-repeat;
		height: 30px;
		list-style: none;
		
	}
	
	.step li .number {
		color: #fff;
		margin: 0 20px 0 0;
	}
	
	.small li {
		margin: 0 20px 0 0;
	}

#fontSize
{
	float : right;
}

.floatRight
{
	float : right;
}

.floatLeft
{
	float : left;
}

#fontSize
{
	margin-top : -50px;
	height : 20px;
	color : #FFF;
	font-weight:bold;
	widht : 100%;
}

#fontSize img
{
	margin-top : 3px;
	margin-left : 7px;
	cursor:pointer;
}
/****************
	BODY
****************/
	
.col {
	float: left;
	width: 276px;
	margin: 0 30px 16px 0;
}

	.last {
		float: right;
		margin: 0;
	}
	
	.info {
		border: 1px solid #e0e0e0;
		background: #f4f4f4;
		padding: 7px;
	}
	
	.col img {
		border: solid 1px #999;
		padding: 1px;
		text-align:center;
	}
	
	.justify {
		text-align:justify;
	}

#footer {
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding: 15px;
	border-top: 1px solid #e0e0e0;
}

	#footer .right {
		float: right;
		margin: 0 15px 0 0;
	}
	
	#footer a {
		color: #808080;
		font-weight: bold;
	}

/****************
	MENU
****************/

#menu  {
	float: right;
	padding: 6px 0 0 0;
	list-style: none;
}

	#menu li {
		display: inline;
	}
	
	#menu a {
		display: block;
		float: left;
		margin-left: 30px;
		padding: 7px;
		text-decoration: none;
		font-size: 13px;
		color: #000000;
	}
	
	#menu a:hover {
		color: #000;
		border-bottom: 2px solid #ccc;
	}
	
	#menu .active a {
		border-bottom: 2px solid #C70012;
		color: #9D2900;
	}
	
.accessKey
{
	border-bottom : 1px dotted #9D2900;
}


/****************
	BLIND
****************/

.bindText
{
	display : none;
}

/****************
	TABLEAUX
****************/

table 
{
	border: medium solid #444;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 50%;
}

th 
{
	border: thin solid #444;
	padding: 5px;
	color:#FFF2B3;
	background: url(../images/bar.gif) repeat-x;
}

td 
{
	border: thin solid #444;
	padding: 5px;
	text-align: center;
	background-color: #ffffff;
}

/****************
	CONTACT
****************/

#contactPage
{
	background:url(../images/teaserbg.jpg) repeat-x;
	height : 200px;
}

#contactContent
{
	width : 500px;
	height : 150px;
	margin : auto;
	padding-top : 10px;
	color : #FFF;
}

#contactPage h1
{
	width : 160px;
	margin : auto;
	margin-top : 10px;
}

.goodWarning
{
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	background-color:  #A6FFA2;
	color:#009900;
	border : 1px solid #009900;
	font-size : 2em;
	font-weight : bold; 
}

#validationImage
{
	position : relative;
	top : -97px;
	left : 220px;
}

.messageInfo
{
	background:url(../images/teaserbg.jpg) repeat-x;
	height : 220px;
}

.messageInfo h1
{
	width : 230px;
	margin : auto;
	margin-top : 10px;
}

#formulaireContact
{
	margin-top : -30px;
	width : 200px;
}

.errorGrowl
{
	color:#DA5654;
}

#messageSuccess
{
	display : none;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	background-color:  #A6FFA2;
	color:#009900;
	border : 1px solid #009900;
	font-size : 2em;
	font-weight : bold;
	margin : auto;
	width : 400px;
	height : 55px;
	padding-top : 10px;
	margin-top : 50px;
	text-align:center;
}

#validationImageScript
{
	position : relative;
	top : -105px;
	left : 190px;
}

/*************
	HELP PAGE
**************/
#teaserAide
{
	background:url(../images/teaserbg.jpg) repeat-x;
	height : 210px;
}
#teaserAide ul
{
	color : #FFF;
	font-size : 1.2em;
}
.helpKey
{
	color : #FFF;
	font-weight:bold;
}

#flash
{
    padding-bottom: 30px;
    height : 176px;
}