* {
	margin: 0;
	padding: 0;
}

html, body { height: 100%; }

body {
	background: #e45c2c url(../images/background.gif) repeat-x;
	font: normal 10px Verdana, Sans-Serif;
	color: #054e9a;
}

a { color: #1f66a6; }

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

a img { border: 0; }

#container {
	width: 665px;
	margin:  0 auto;
	background: #fff;
	color: #000;
	min-height: 100%;
	position: relative;
}

* html #container { height: 100%; }

ul {
	margin: 10px 0px 10px 10px;
	list-style-type: none;
}

ul li {
	background: url(../images/bullet.gif) 0px 6px no-repeat;
	padding-left: 10px;
}

ol { margin: 10px 0px 10px 25px; }

ol li { text-indent: -5px; }

.clear {
	clear: both;
	visibility: hidden;
}

#top {
	margin: 0;
	background: url(../images/header_menu.jpg) no-repeat;
	width: 150px;
	padding-left: 505px;
	height: 24px;
	list-style: none;
}

#top li {
	margin-top: 5px;
	background: none;
	float: left;
	padding: 0;
}

#top li a {
	display: block;
	text-indent: -5000px;
	outline: none;
}

#top li a:hover { background: url(../images/header_menu.jpg) no-repeat; }

#top li#admin a {
	width: 13px;
	height: 15px;
}

#top li#telephonezNous a {
	margin-left: 11px;
	width: 9px;
	height: 13px;
}

#top li#ecrivezNous a {
	margin-left: 11px;
	width: 13px;
	height: 13px;
}

#top li#ouSommesNous a {
	margin-left: 10px;
	width: 80px;
	height: 13px;
}

#top li#admin a:hover { background-position: -505px -29px; }

#top li#telephonezNous a:hover { background-position: -529px -29px; }

#top li#ecrivezNous a:hover { background-position: -549px -29px; }

#top li#ouSommesNous a:hover { background-position: -572px -29px; }

h1 {
	width: 630px;
	height: 135px;
	background: url(../images/banner.jpg);
	text-indent: -5000px;
	padding-top: 29px;
	padding-left: 35px;
}

h1 a {
	width: 192px;
	height: 106px;
	display: block;
	outline: none;
}

#menu {
	width: 665px;
	height: 28px;
	background: url(../images/menu.jpg) no-repeat;
	list-style: none;
	margin: 0;
}

#menu li {
	margin-top: 7px;
	margin-right: 25px;
	height: 10px;
	line-height: 10px;
	float: left;
	background: none;
	padding: 0;
	display: inline;
}

#menu li a {
	display: block;
	text-indent: -5000px;
	outline: none;
	height: 10px;
}

#menu li a:hover { background: url(../images/menu.jpg) no-repeat; }

#menu li#accueil a {
	margin-left: 16px;
	width: 40px;
}

#menu li#cjem a { width: 25px; }

#menu li#equipe a { width: 34px; }

#menu li#mission a { width: 38px; }

#menu li#partenaires a { width: 64px; }

#menu li#accueil a:hover { background-position: -16px -35px; }

#menu li#cjem a:hover { background-position: -81px -35px; }

#menu li#equipe a:hover { background-position: -131px -35px; }

#menu li#mission a:hover { background-position: -190px -35px; }

#menu li#partenaires a:hover { background-position: -253px -35px; }

#menu_secondaire {
	margin-top: 17px;
	margin-bottom: 17px;
	height: 21px;
	list-style: none;
}

#menu_secondaire li {
	float: left;
	background: none;
	padding: 0;
	margin-left: 8px;
	width: 130px;
}

#menu_secondaire li a, .boutonIcone {
	display: block;
	background: url(../images/boutonIcone.gif) 0px 2px no-repeat;
	padding-left: 25px;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	color: #0299ce;
	text-decoration: none;
}

.boutonTexte {
	display: block;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	color: #0299ce;
	text-decoration: none;
}

#menu_secondaire a:hover { color: #fa201f; }

#menu_secondaire li.premier { margin: 0; }

#content {
	width: 649px;
	margin: 0 auto;
	padding: 0 1px;
	background: url(../images/contentBG.jpg) repeat-y;
	position: relative;
}

#contentBoutique {
	width: 649px;
	margin: 0 auto;
	padding: 0 1px;
	background: url(../images/contentBG-b.jpg) repeat-y;
	position: relative;
}

#left {
	width: 405px;
	background-color: #caf5fe;
	color: #000;
	float: left;
	margin-right: 6px;
	display: inline;
	padding: 0 13px 13px 13px;
}

#leftBoutique {
	width: 405px;
	background-color: #fff;
	color: #000;
	float: left;
	margin-right: 6px;
	display: inline;
	padding: 0 13px 13px 13px;
}

h3#commentaire { margin: 10px 0; }

.commentaireGauche {
	float: left;
	clear: both;
	width: 80%;
	margin: 20px 0 3px 0;
	padding: 5px 0;
	border-top: 1px #0182de solid;
	border-bottom: 1px #0182de solid;
}

.commentaireDroite {
	float: left;
	width: 20%;
	margin: 20px 0 3px 0;
	padding: 5px 0;
	text-align: right;
	border-top: 1px #0182de solid;
	border-bottom: 1px #0182de solid;
}

a.commentaires {
	float: right;
	margin: -12px 0 0 0;
	padding: 0 0 0 13px;
	background: url(../images/commentaires.jpg) left center no-repeat;
}

p.commentaire {
	clear: both;
	height: 100px;
}

html>body p.commentaire {
	height: auto;
	min-height: 100px;
}

h3#commentaire { margin: 10px 0; }

form#commentaire .ligne {
	clear: both;
	width: 100%;
	margin: 2px 0;
	line-height: 18px;
}

form#commentaire label {
	display: block;
	float: left;
	clear: both;
	width: 100px;
}

form#commentaire input, form#commentaire textarea {
	float: left;
	font: normal 10px Verdana, Sans-Serif;
}

form#commentaire textarea {
	width: 250px;
	height: 75px;
}

h3 {
	margin-bottom: 10px;
	font-size: 10pt;
	color: #045199;
	text-transform: uppercase;
}

#left h2 { margin: 0 -13px 13px -13px; }
#leftBoutique h2 { margin: 0 -13px 13px -13px; }
h2 {
	color: #045199;
	background-color: #caf5fe;
	font-size: 10px;
	background: url(../images/content_title.jpg) repeat-x;
	padding-top: 3px;
	padding-left: 10px;
	height: 20px;
	line-height: 17px;
	border-bottom: 1px solid #0083de;
}

.liens {
	clear: both;
	width: 100%;
	margin: 10px 0;
	text-transform: uppercase;
}

.liens a { color: #1f66a6; }

.liens a:hover { color: #fa201f; }

h2.boutiqueVirtuelle {
	background: url(../images/titre_boutiqueVirtuelle.jpg) no-repeat;
	text-indent: -5000px;
	margin-left: 2px;
}

#boutiqueVirtuelle {
	position: relative;
	width: 100%;
}

#boutiqueVirtuelle a#entrez {
	height: 22px;
	position: absolute;
	bottom: 0px;
	right: 5px;
	padding-top: 6px;
}

h2.heuresDOuverture {
	background: url(../images/titre_heuresDOuverture.jpg) no-repeat;
	text-indent: -5000px;
	border-top: 1px solid #0083de;
	height: 20px;
	margin-left: 2px;
}

h3 {
	margin-bottom: 10px;
	font-size: 10pt;
	color: #054f98;
	text-transform: uppercase;
}

h4 {
	margin-top: -10px;
	font-size: 7pt;
	color: #054f98;
}

h5, h5 a, h5 a:hover {
	margin-bottom: 5px;
	font-size: 7pt;
	color: #1f65aa;
	text-transform: uppercase;
	text-decoration: none;
}

h5 b {
	color: #000;
	text-transform: none;
	font-weight: normal;
}

h5.titre { font-size: 8pt; }

.boutiqueD { padding: 5px; }

#boutiqueCouleurs {
	width: 140px;
	float: right;
	margin-bottom: -10px;
}

html>body #boutiqueCouleurs { margin-bottom: -10px; }

#boutiqueCouleurs img {
	float: left;
	width: 33px;
	height: 33px;
	margin: 0px 2px 2px 0px;
}

#right ul { font-size: 11px; }

#right img {
	display: block;
	margin: 0 auto;
}

ul.heuresDOuverture {
	width: 195px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/heuresDOuverturesFond.jpg);
}

ul.heuresDOuverture li {
	height: 14px;
	padding: 0 60px 0 0;
	color: #064e96;
	background: none;
	text-align: right;
}

ul.heuresDOuverture li strong {
	float: left;
	display: block;
	width: 20px;
	height: 14px;
	text-indent: 15px;
}

h2.aVisiter {
	background: url(../images/titre_aVisiter.jpg) no-repeat;
	text-indent: -5000px;
	border-top: 1px solid #0083de;
	height: 20px;
	margin-left: 2px;
}

#cjemImage {
	margin-left: 2px;
	display: block;
	width: 200px;
	height: 105px;
	text-indent: -5000px;
	background: url(../images/cjem.jpg) no-repeat;
	outline: none;
}

#cjemImage:hover { background-position: 0px -105px; }

#right {
	width: 210px;
	float: left;
}

.borderTop {
	background: url(../images/border.jpg) no-repeat;
	height: 1px;
	font-size: 0px;
	line-height: 1px;
	width: 649px;
	position: relative;
	left: 7px;
	top: 1px;
	z-index: 2;
}

.borderBottom {
	background: url(../images/border.jpg) no-repeat;
	height: 1px;
	font-size: 0px;
	line-height: 1px;
	width: 649px;
	position: relative;
	left: 7px;
	bottom: 1px;
	z-index: 2
}

#footer {
	text-align: center;
	clear: both;
	color: #045199;
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}

#leftGradient {
	position: absolute;
	width: 16px;
	height: 609px;
	left: -16px;
	top: 0;
	background: url(../images/degradeGauche.jpg);
}

#rightGradient {
	position: absolute;
	width: 16px;
	height: 609px;
	right: -17px;
	top: 0;
	background: url(../images/degradeDroit.jpg);
}

#trousse{
	background-color:#b6e8f6; margin-left:-13px; margin-right:-13px; margin-top:-13px;
	padding-left:22px;
	padding-top:10px;
	padding-bottom:14px;
	padding-right:17px;
	border-bottom:1px solid #0083de;
	
}

#trousse{
	color: #000099;
	font-size:10px; 
}

#trousse #imgTitleETS{
	margin-left:26px;
	margin-bottom:14px;
}

#trousse h3{
	color:#a6242c;
	font-size:10px;
	text-transform:none;
	margin-top:22px;
	margin-bottom:10px;
}


#trousse a.icone:hover{
	text-decoration:underline;
}

#trousse a.icone{
	display:block;
	clear:both;
	padding-left:24px;
	background-repeat:no-repeat;
	background-position:center left;
	height:19px;
	line-height:19px;
	color:#000099;
	text-decoration:none;
	padding-top:2px;
	padding-top:2px;
}

#trousse #download{
	margin-left:18px;
}

a.iconePDF{
	background-image:url(../images/trousse/ico_pdf.gif);
}

a.iconeWMV{
	background-image:url(../images/trousse/ico_wmedia.gif);
}

a.iconeMOV{
	background-image:url(../images/trousse/ico_quicktime.gif);
}

a.plusInfos{
	color:#000099;
	text-decoration:none;
	margin-top:10px;
	display:block;
	font-weight:bold;
	line-height:28px;
	height:28px;
	padding-left:28px;
	background: #d1eef6 url(../images/trousse/flechebleue.gif) no-repeat;
	background-position: 13px;
}

#videoContent{
	margin-left:33px;
	margin-top:14px;
	margin-bottom:14px;
	display:block;
}