/* @group Reset */

*
{
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
}

body {
	text-align: center; 
}
a {
	color: #f87903;	
	text-decoration: none;
}
a img {
	border: none;
}
h1 {
	font-size: 14px;
	margin: 0 0 10px 0;
}

/****************************************/
/*      BLOCS   PRINCIPAUX                    */

#Wrapper{
	width:920px;
	height: 650px;
	margin: 10px auto 0px auto;
	text-align: left; 
	}
#Wrapper2{
	width:920px;
	height: 650px;
	position: absolute;
	background-image: url(../images/angle.gif);
	background-repeat: no-repeat;
 	background-position: 225px 85px;
	}

#BlockHeader {
	width: 920px;
	height: 150px;
}

#BlockMenu {
	position: relative;
	width: 855px;
	height: 480px;
	left:65px;
	top: 10px;
	text-align: left;
}

#BlockFooter{
	position: absolute;
	bottom: 0px;
	left: 230px
}

#IMGCurseur {
	position: absolute;
	float: left;
	left:158px ;
	top:-4px;
	z-index: 3;
}
#IMGCurseurOver {
	position: absolute;
	float: left;
	left:158px ;
	top:-4px;
	z-index: 2;
	opacity: 0.7;
}

/****************************************/
/*               MENU                                 */
.accordion_toggler_1 {
	width: 155px;
	cursor: pointer;
}


/****************************************/
/*      PARTIE DESCRIPTIVE                    */

.ddDescription {
	float: right;
	position: absolute;
	top: -3px; left: 180px;	
	width: 650px;
	visibility: hidden;
}
.ddDescription p {
	text-align: justify;
	color: #7e7e7e;
}
.IMGBoule {
	float: left;
	position: absolute;
	left: 298px;
	top: 202px;
	z-index: 5;
	visibility: hidden;
}
.IMGBloc {
	float: left;
	position: absolute;
	z-index:0;
}
.IMGBlocOver {
	float: left;
	position: absolute;
	z-index:1;
	opacity: 1;
}
.IMGSwitch {
	opacity: 0;
}
.TexteBlanc p {
	color: white;
}

/*************************/
/* GESTION EN 4 BLOCS */
.dd4Bloc {
	float: left;
	width: 323px;
	height: 226px;
}
.dd4Bloc h1 {
	text-align: left;
}
#Bloc4-2 h1, #Bloc4-4 h1 {
	text-align: right;
}

.BlocTexte {
	position: absolute;
	width: 281px;
	z-index: 1;
	margin: 5px;
	padding: 13px;
}
.BlocTexte p {
	margin: 5px 0 0 0;
}
/****************************************/
/* GESTION EN 2 BLOCS HORIZONTAUX */

.dd2BlocH {
	float: left;
	width: 648px;
	height: 226px;
}
.dd2BlocV {
	float: left;
	width: 323px;
	height: 458px;
}
.dd2BlocV p {
	margin: 0 8px 0 2px;	
}
.dd2Bloc h1 {
	text-align: left;
}
/* Parties paires */
#Bloc2-2 h1 {
	text-align: right;
}
#Bloc2-2 p {
	margin: 0 2px 0 8px;	
}



/************************************************************************/
/* PAGE D'ACCUEIL */
#BlocAccueil, #BlocProjecteur {
	position: relative;
	float: left;
	width: 323px;
	height: 458px;
}
#BlocAccueil p {
	margin: 0 7px 0 3px;
	font-size: 13px;
	font-weight: bold;
}
/*#BlocProjecteur {
	visibility: hidden;
}*/
#BlocProjecteur h1 {
	text-align: right;
	font-size: 13px;
}

#BlocProjecteur h2 {
	margin: 15px 0 10px 10px;
	font-weight: bold;
	color: #f87903;
}

#IMGApercuSite {
	position: relative;
	left: 45px;
	top: 10px;
	width: 225px;
	margin: 0 0 20px 0;
}
#IMGMasque {
	position: absolute;
	left: 56px; 
	top: 1px;
	z-index: 2;
} 
#ResumeSite p {
	width: 281px;
	margin: 0 5px;
	font-size: 11px;
}
#BlocProjecteur a {
	position: absolute;
	bottom: 25px; 
	right: 25px;
}
#BlocProjecteur a img{
	position: relative;
	top: 5px; 
	margin: 0 6px 0 0;
	border: none;
}


/************************************************************************/
/* PAGE DE RÉFÉRENCES */
#ReferenceContent {
	position: relative;
	top: 20px;
	width: 600px;
	left: 20px;
}
#ReferenceContent p {
	color: white;
}
#ReferenceMenu {
	position: relative;
	top: 50px;
	width: 630px;
	height: 100px;
	left: 5px;
}
#ReferenceMenuWrapper {
	position: relative;
	top:10px;
	left: 57px;
	width: 515px;
	height: 82px;
	overflow: hidden;
}
#ReferenceMenuCaroussel {
	position: relative;
	height: 82px;
	width: 10000px;
}
#ReferenceMenuCaroussel img {
	width:110px;
	float: left;
	margin: 0 25px 0 0;
	cursor: pointer;
}
#ReferenceBackButton {
	position: absolute;
	top:35px; 
	left: 26px;
	opacity:0;
	cursor: pointer;
}
#ReferenceNextButton {
	position: absolute;
	top:35px; 
	left: 577px;
	cursor: pointer;
}
#IMGCarousselMask {
	position: absolute;
	top: 5px;
	left: 50px;
	z-index: 100;
	visibility: hidden;
}
#ReferencePresentation {
	position: relative;
	left: 20px;
	top: 20px;
	width: 600px;
	height: 185px;
	overflow: hidden;
}
#ReferencePresentationCaroussel {
	position: relative;		
}
#ReferencePresentationCaroussel dd{
	height: 185px;
}
.IMGApercuSite {
	position: relative;
	float: left;
	height: 180px;
}
.RefBlocTexte {
	float: right;
	position: relative;
	left: 0px;
	width: 280px;
	height: 185px;
	}
.RefBlocTexte a {
	position: absolute;
	right: 10px;
	bottom: 0px;
}
.RefBlocTexte a img{
	position: relative;
	top: 5px; 
	margin: 0 6px 0 0;
}

/************************************************************************/
/* PAGE DE CONTACTS */
.ContactBlocTexte {
	width: 610px;
	position: relative;
	left: 8px;
	margin:5px;
	padding: 5px;
}

.ContactBlocTexte h1 {
	margin: 15px 0 20px 0;
}

.ContactBlocTexte h2 {
	margin: 10px 0 0 0;
	color: #f87903;
}

#Formulaire {
	position: relative;
}
#Formulaire fieldset {
	border: none;
}
#cfName {
	position: absolute;
	width: 210px;
	height: 18px;
	top: 88px;
	left: 95px;
	border: none;
	background-color: #f87903;
        z-index:1;
}
#cfEmail {
	position: absolute;
	width: 210px;
	height: 18px;
	top: 114px;
	left: 95px;
	border: none;
	background-color: #f87903;
}
#cfRegarding {
	position: absolute;
	width: 210px;
	height: 18px;
	top: 138px;
	left: 95px;
	border: none;
        background-color: #f87903;
}
#cfMessage {
	position: absolute;
	width: 271px;
	height: 181px;
	top: 23px;
	left: 348px;
	border: none;
	background-color: #f87903;
}
#cfMessage p {
	color: black;
}
 #ButtonSend {
 	position: absolute;
	top: 175px;
	left: 208px;
	width: 98px;
	text-align: center;
}
#ButtonSend p {
	display: block;
	text-align: center;
	color: black;
}
#cfContact {
	width: 100px;
	border: none;
	background-color: #f87903;
	cursor: pointer;	
} 



/* ############################################### */
/* GESTION DE L'ACCORDEON */
.accordion_toggler_1 {
	position: relative;
	height: 30px;
	width: 162px;
}
.accordion_content_1 {
	width: 200px;
}

.space {
	height: 100px;
}