@charset "iso-8859-1";
html {overflow-y: scroll;overflow-x:hidden;}
body {
	background-color: #000000;
	text-align: center;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#container {
	width: 673px;
	margin-top: 75px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
#header {
	background-image: url(../images/header4.png);
	background-repeat: no-repeat;
	height: 126px;
	width: auto;
}
#header2 {
	background-image: url(../images/header5Vert.png);
	background-repeat: no-repeat;
	height: 126px;
	width: auto;
	margin: 0px;
	padding: 0px;
}
#header3 {
	background-image: url(../images/header6Jaune.png);
	background-repeat: no-repeat;
	height: 126px;
	width: auto;
}
#header4 {
	background-image: url(../images/header7Violet.png);
	background-repeat: no-repeat;
	height: 126px;
	width: auto;
}


/*ul.sousMenu {
	list-style-type: none;
	height: 29px;
	width: 673px;
	clip: rect(auto,auto,29px,auto);
	left: 373px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 32px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	top: 243px;
}*/
ul.sousMenu {
	list-style-type: none;
	height: 29px;
	width: 673px;
	position:relative;
	left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 32px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	clip: rect(0px,0px,0px,0px);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header_content2 .sousMenu li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color:#3B3837;
	float: left;
	width: 75px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}
li.studio {
	margin-left: 64px;
	margin-bottom: 25px;
}
li.control {
	background-image: url(../images/barre_sousMenu.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 52px;
}
#header_content2 .sousMenu .control {
	background-image: url(../images/barre_sousMenu.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	padding-right: 15px;
}
#header_content2  a {
	text-decoration: none;
	color: #3B3837;
}


ul#menu {
	list-style-type: none;
	display: inline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul#menu  li.accueil {
	float: left;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	vertical-align: middle;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
}

ul#menu li.accueil_actif {
	float: left;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	vertical-align: middle;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
}

li.présentation {
	float: left;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
}


ul#menu li.présentation_actif {
	float: left;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
}



ul#menu li.services {
	margin-top: 10px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	margin-right: 0px;
	float: left;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}


ul#menu li.services_actif {
	margin-top: 10px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	margin-right: 0px;
	float: left;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}


ul#menu li.contact {
	height: 29px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 25px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clip: rect(0px,0px,0px,0px);
	left: 0px;
	margin: 0px;
	float: left;
}

ul#menu li.contact_actif {
	height: 29px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 25px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clip: rect(0px,0px,0px,0px);
	left: 0px;
	margin: 0px;
	float: left;
}

ul#menu  .accueil a {
	float: left;
	margin: 0;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3B3837;
	height: 24px;
	width: 157px;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

ul#menu  .accueil_actif a {
	float: left;
	margin: 0;
	text-decoration: none;
	height: 24px;
	width: 157px;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #99cccc;
	color: #3B3837;
	font-weight: bold;
}

ul#menu  .présentation a {
	float: left;
	margin: 0;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3B3837;
	height: 24px;
	width: 157px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


ul#menu .présentation_actif a {
	float: left;
	margin: 0;
	text-align: center;
	text-decoration: none;
	height: 24px;
	width: 157px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #b9d483;
	color: #3B3837;
	font-weight: bold;
}


ul#menu  .services a {
	float: left;
	margin: 0;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3B3837;
	height: 24px;
	width: 157px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


ul#menu  .services_actif a {
	float: left;
	margin: 0;
	text-align: center;
	text-decoration: none;
	height: 24px;
	width: 157px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #ffcc66;
	color: #3B3837;
	font-weight: bold;
}



ul#menu  .contact a {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3B3837;
	height: 29px;
	width: 157px;
}



ul#menu  .contact_actif a {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	height: 29px;
	width: 157px;
	background-color: #cc99cc;
	color: #3B3837;
	font-weight: bold;
}

ul#menu .accueil a:hover {
	background-color: #99cccc;
	color: #3B3837;
	font-weight: bold;
}


ul#menu .présentation a:hover {
	background-color: #b9d483;
	color: #3B3837;
	font-weight: bold;
}

ul#menu .services a:hover {
	background-color: #ffcc66;
	color: #3B3837;
	font-weight: bold;
}

ul#menu .contact a:hover {
	background-color: #cc99cc;
	color: #3B3837;
	font-weight: bold;
}

#header_content {
	height: 43px;
	width: 673px;
	background-image: url(../images/header_content_01.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
}
#header_content2 {
	background-image: url(../images/headerContent_02.png);
	background-repeat: no-repeat;
	height: 43px;
	width: 673px;
	clear: both;
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header_content3 {
	background-image: url(../images/headerContent_03.png);
	background-repeat: no-repeat;
	height: 43px;
	width: 673px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	clear: both;
}
#header_content4 {
	background-image: url(../images/headerContent_04.png);
	background-repeat: no-repeat;
	height: 43px;
	width: 673px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
}

#header_content3 .sousMenu li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color:#3B3837;
	float: left;
	width: 75px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}
#header_content3 .sousMenu li.enregistrement {
	margin-left: 22px;
	padding-right: 35px;
}


li.montage {
	background-image: url(../images/barre_sousMenu.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 52px;
}
#header_content3 .sousMenu .montage {
	background-image: url(../images/barre_sousMenu.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	padding-right: 15px;
}

#header_content3  a {
	text-decoration: none;
	color: #3B3837;
}


h1  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #3B3837;
	padding-left: 50px;
	letter-spacing: 0.1em;
	margin: 0px;
	padding-top: 18px;
}
#content {
	width: 673px;
	top: 0px;
	background-color: #FFFFFF;
	position: relative;
	height: 300px;
}
#content2 {
	background-image: url(../images/fond_content_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	font-size:10px;
}
table {padding: 50px; padding-bottom:0; padding-top:0;}

#content2 p{padding: 50px;}

#materiel p{padding: 50px;}
.bienvenue p{padding: 50px;}

#contentBottom  {
	background-image: url(../images/contentBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
#contentBottom2 {
	background-image: url(../images/fond_content_bot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 50px;
	margin-bottom: 25px;
}


#content .bienvenue {
	width: 591px;
	background-image: url(../images/ombre_01.gif);
	margin-top: 20px;
	margin-left: 50px;
	background-repeat: no-repeat;
	left: 0px;
	position: absolute;
	height: 168px;
	margin-bottom: 30px;
}
.bienvenueBottom {
	background-image: url(../images/ptombre_bot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 569px;
	padding-bottom: 40px;
	margin-bottom: 20px;
}

.bienvenueBottom  p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	font-weight: bold;
	line-height: 16px;
	color: #3B3837;
}
h1.bulletBlueLeft {
	background-image: url(../images/bullet_02.gif);
	background-repeat: no-repeat;
	height: 21px;
	width: 720px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	text-indent: 50px;
}


h1.bulletGreenLeft {
	background-image: url(../images/bullet_verte.png);
	background-repeat: no-repeat;
	height: 21px;
	width: 720px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	text-indent: 50px;
}
h1.bulletVioletLeft {
	background-image: url(../images/bullet_violet.png);
	background-repeat: no-repeat;
	height: 21px;
	width: 720px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	text-indent: 50px;
}

h1.bulletJauneLeft {
	background-image: url(../images/bullet_jaune.png);
	background-repeat: no-repeat;
	height: 21px;
	width: 720px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	text-indent: 50px;
}

h1.bienvenue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3B3837;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-transform: capitalize;
	letter-spacing: 1px;
	font-weight: bold;
	height: 18px;
}
.alignBullet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #3B3837;
	margin: 0px;
	padding-left: 90px;
	padding-top: 4px;
	font-weight: bold;
	line-height: 12pt;
	padding-right: 45px;
	padding-bottom: 10px;
}

.bulletGreenLeft {
	background-image: url(../images/bullet_verte.png);
	background-repeat: no-repeat;
	height: 21px;
	width: 18px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;

}
.bulletJauneLeft {
	background-image: url(../images/bullet_jaune.png);
	background-repeat: no-repeat;
	height: 21px;
	width: 18px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}
.bulletVioletLeft {
	background-image: url(../images/bullet_violet.png);
	background-repeat: no-repeat;
	height: 21px;
	width: 18;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}
h4.rejoindre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3B3837;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	letter-spacing: 1px;
	font-weight: bold;
	clear: both;
	float: none;
	display: inline;
	width: auto;
}
p.coordo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-top: 20px;
	padding-left: 80px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 160px;
	float: left;
}
#plan {
	height: 250px;
	width: 300px;
	left: 300px;
	right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 80px;
	top: 0px;
	overflow: visible;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.grand {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #3333FF;
	clear: both;
	padding-left: 320px;
	float: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#content #materiel {
	height: 162px;
	width: 591px;
	margin-top: 190px;
	position: absolute;
	margin-left: 50px;
	background-image: url(../images/ombre_02.gif);
}
#content  #contentBottom #materielBottom {
	background-image: url(../images/ptombre_bot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 50px;
	width: 569px;
	padding-bottom: 30px;
}
.bulletBlueRigth {
	background-image: url(../images/bullet_02.gif);
	background-repeat: no-repeat;
	float: right;
	padding-left: 30px;
	margin-top: 5px;
	width: 185px;
}
h1.matos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3B3837;
	margin: 0;
	letter-spacing: 1px;
	font-weight: bold;
	height: 18px;
	text-align: right;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-style: normal;
	text-transform: capitalize;
}
.lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A9DAE3;
	text-align: right;
	float: none;
	clear: both;
	margin: 0px;
	padding-top: 16px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}
.interne {
	text-decoration: none;
	color: #A9DAE3;
}

.alignRigth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	color: #3B3837;
	text-align: right;
	margin: 0px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.alignRigthP {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3B3837;
	margin: 0px;
	padding-left: 30px;
	padding-top: 10px;
	font-weight: bold;
	line-height: 12pt;
}
#arrondis {
	background-image: url(../images/arrondis2_content.gif);
	position: absolute;
	height: 89px;
	width: 673px;
	top: 300px;
	padding-bottom: 25px;
	background-repeat: no-repeat;
}

