* {
	margin: 0;
}
html, body {
	height: 100%;
}
#site {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px;
}
.footer, .push {
	height: 20px;
}

body {
	text-align: center;
}
#site {
	position: relative;
	width: 780px;
	font-size: 0.9em;
	margin: 0 auto -20px;
	text-align: left;
	background: url(/media/img/fond.gif);
	background-position: center;
    background-repeat: repeat;
}
#header {
	height: 117px;
	background-position: center;
	background: url(/media/img/header.gif) no-repeat;
}

#menu {
	height: 30px;
	background-position: center;
	background: url(/media/img/menu.gif) no-repeat;
}

#navigation {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 700px;
	position: absolute;
	left: -110px;
	top: 80px;
	z-index: 4000;
}

/* Pour IE 6 */
* html #navigation {
	width: 700px;
	position: relative;
	left: -110px;
	top: -67px;
	
	z-index: 4000;
}

/* Pour IE7 */
*+html #navigation {
    width: 700px;
	position: relative;
	left: -110px;
	top: -67px;
	
	z-index: 4000;
}


#content {
    padding: 15px 28px 0px 28px;
}

#footer {
	position: relative;
	width: 743px;
	margin: 0 auto;
	background-color: #d43c8b;
}

.blank {
	width: 100%;
	height: 1px;
	clear: both;
	background-color:  transparent;
}


h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E01177;
	line-height: 16px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	background-image: url(/media/img/bottom.gif);
	background-position: left top;
	background-repeat: repeat;
	height: 20px;
	width: 100%;
}

h2 {
    top: 10px;
    margin-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #665297;
	line-height: 25px;
	font-weight: bold;
	background-color: #CCCCCC;
	background-position: center center;
	padding: 3px;
	display: inline;
}

h3 {
    top: 10px;
    margin-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #665297;
	line-height: 12px;
	font-weight: bold;
	background-color: #CCCCCC;
	background-position: center center;
	display: inline;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7f7f7f;
	text-align: justify;
	padding: 5px;
}

.intro {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: justify;
	margin: 5px 0px 10px 0px;
}

.info_presentation, .info_presentation_seconde, .info_presentation_third {
    width: 230px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid 1px #cccccc;
    margin-bottom: 10px;
}

#footer p {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	color: #ffffff;
}

/** utiliser pour la presentation du bloc 1 en premier */
#presentation {
    background: url(/media/img/points.gif);
	background-position: center;
	background-repeat: repeat;
	width: 100%;
	height: auto;
	padding: 10px 0px 10px 0px;
	margin-bottom: 10px;
}

#accueil_txt, #accueil_second {
    margin-left: 10px;
    float: left;
    width: 370px;
    border: solid 1px #cccccc;
    background-color: #ffffff
}

#accueil_txt ul, #accueil_second ul {
    margin: 0px;
    padding: 5px 0px 5px 0px;
    list-style-type: none;
}

#accueil_txt li, #accueil_second li {
    margin: 5px 0px 5px 28px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #7f7f7f; 
}

#accueil_img, #accueil_second {
    float: left;
    margin-left: 20px;
	width: 300px;
}

#accueil_img {
    background: url(/media/img/espace-photo02.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 400px;
}

#titre_accueil {
    margin: 4px 0px 0px 4px;
    padding: 0px 0px 0px 20px;
	background-image: url(/media/img/logo.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/*** positionement de contexteur */
.float_left, .float_left_border_right {
    float: left;
}

.float_left_border_right {
   border-right: 1px gray dotted;
}

.float_right {
    float: right;
}