/******************************** BALISES ********************************/
body {
background: url(../inter/fond_pag.gif) no-repeat top center #ececec;
font-family: Verdana, Arial,Geneva,Tahoma,Helvetica,sans-serif;
padding:0;
margin:0;
font-size:14px;
color:#666666
}

.spacer {clear: both;padding:0;margin:0;height:0;line-height:0px}

hr {display:none}
form {padding:0px;margin:0px}
form input {padding:0px;margin:0px}
img {border: 0px solid #FF0000}
a {text-decoration:none;color:#0066CC}
a:hover {text-decoration:none;color:#FF0000}

p {margin:0px;padding:0;}
ul {padding:0px;margin:0px}
li {padding:0px;margin:0px;list-style-type:none}

h1 {display:none}
h1, h2, h3, h4, h5 {margin:0;padding:0}
h2 {font-size:16px;margin-top:20px;}
h3 {font-size:12px}

/******************************** BALISES ********************************/

/******************************** HAUT ********************************/
div {}

#logo {position:absolute;top:0}
/*---------------menu---------------*/
#menuprincipal {
position:absolute;
top:30px;
margin-left:119px;
width:841px;
}
#menuprincipal div {float:left;}
#menuprincipal span {display:none}

#menucorpor img {width:197px;height:27px;background: url(../inter/menucorpor.gif) no-repeat;}
#menucorpor a:hover img,
.corpor #menucorpor img {width:197px;height:27px;background: url(../inter/menucorpor_roll.gif) no-repeat}

#menuevenem img {width:226px;height:27px;background: url(../inter/menuevenem.gif) no-repeat;}
#menuevenem a:hover img,
.evenem #menuevenem img {width:226px;height:27px;background: url(../inter/menuevenem_roll.gif) no-repeat}

#menupresse img {width:140px;height:27px;background: url(../inter/menupresse.gif) no-repeat;}
#menupresse a:hover img,
.presse #menupresse img  {width:140px;height:27px;background: url(../inter/menupresse_roll.gif) no-repeat}

#menuclient img {width:162px;height:27px;background: url(../inter/menuclient.gif) no-repeat}
#menuclient a:hover img,
.client #menuclient img  {width:162px;height:27px;background: url(../inter/menuclient_roll.gif) no-repeat}

#menucontac img {width:116px;height:27px;background: url(../inter/menucontac.gif) no-repeat}
#menucontac a:hover img,
.contac #menucontac img  {width:116px;height:27px;background: url(../inter/menucontac_roll.gif) no-repeat}
/*---------------menu---------------*/


.index0 #flash,
.index1 #flash,
.index2 #flash {position:absolute;top:57px;margin-left:220px;width:0px;height:0px;}

.corpor #flash,
.evenem #flash,
.presse #flash,
.client #flash,
.contac #flash {position:absolute;top:390px;margin-left:0px;width:0px;height:0px;}

{margin-left:10px}

#infobox1 {position:absolute;top:95px;width:855px;margin-left:53px;}
#infobox2 {position:absolute;top:110px;width:145px;margin-left:745px;}
#infobox3 {position:absolute;top:380px;width:210px;margin-left:740px;font-size:12px}
#textebox {position:absolute;top:95px;
background: url(../inter/fond_texte.gif);
width:470px;
padding: 0px 3px 30px 7px;
margin-left: 240px;
border-bottom:1px solid #e4e4e4}

#basdepage {
text-align:center;font-size:9px;height:40px;margin-bottom:10px;
background: none;
width:220px;
padding: 0px;
position:absolute;top:373px;margin-left:30px;
color:#666}

.index0 #basdepage,
.index1 #basdepage,
.index2 #basdepage
{
text-align:center;font-size:9px;height:40px;margin-bottom:10px;
background: none;
width:960px;
padding: 0px;
position:absolute;top:560px;
color:#999}

#basdepage span {display:none}
.index0 #basdepage span,
.index1 #basdepage span,
.index2 #basdepage span {display:inline}


#basdepage a {
color:#666}

#infobox3 ul {margin-top:10px}
#infobox3 li {padding-left:12px;margin:5px 0px 5px 0px;border-top:1px dotted #CCC}
.corpor #infobox3 li {background: url(../inter/li_corpor.gif) no-repeat;}
.evenem #infobox3 li {background: url(../inter/li_evenem.gif) no-repeat;}
.presse #infobox3 li {background: url(../inter/li_presse.gif) no-repeat;}
.client #infobox3 li {background: url(../inter/li_client.gif) no-repeat;}
.contac #infobox3 li {background: url(../inter/li_contac.gif) no-repeat;}
.contac #infobox3 b {font-weight:bold;font-size:80%;color:#000000}



/********** INDEX *************/

.index0 #conteneur {
background: url(../inter/cont_index0.jpg) no-repeat top center;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
width: 960px;
height: 520px;
margin-bottom:40px;
}

.index1 #conteneur {
background: url(../inter/cont_index1.jpg) no-repeat top center;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
width: 960px;
height: 520px;
margin-bottom:40px;
}

.index2 #conteneur {
background: url(../inter/cont_index2.jpg) no-repeat top center;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
width: 960px;
height: 520px;
margin-bottom:40px;
}

.index0 #infobox1 {display:none;}
.index0 #infobox2 {display:none;}

.index1 #infobox1 {position:absolute;top:110px;width:145px;margin-left:745px;}
.index1 #infobox2 {display:none;}

.index2 #infobox1 {position:absolute;top:110px;width:145px;margin-left:745px;}
.index2 #infobox2 {position:absolute;top:110px;width:145px;margin-left:70px;}

.index1 p,
.index2 p 
{font-size:12px;}
.index1 input,
.index2 input 
{width:80px;margin:0;padding:0}
.index1 .ok, 
.index2 .ok 
{width:auto;}

/********** INDEX *************/

/********** CORPOR *************/

.corpor #conteneur {
background: url(../inter/cont_corpor.jpg) no-repeat top center;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
width: 960px;
height: 520px;
margin-bottom:40px;
}

.corpor #textebox h2 {font-size:24px;color:#FF0099}
.corpor #textebox strong {font-size:18px;font-weight:normal;color:#FF0099}
.corpor #textebox h3 {font-size:14px;margin: 10px 0px 5px 0px;color:#FF0099}
.corpor #textebox p {font-size:14px;margin: 10px 0px 5px 0px }

/********** CORPOR *************/

/********** EVENEM *************/

.evenem #conteneur {
background: url(../inter/cont_evenem.jpg) no-repeat top center;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
width: 960px;
height: 520px;
margin-bottom:40px;
}

.evenem #textebox h2 {font-size:24px;color:#FF4500}
.evenem #textebox strong {font-size:18px;font-weight:normal;color:#FF4500}
.evenem #textebox h3 {font-size:14px;margin: 10px 0px 5px 0px;color:#FF4500}
.evenem #textebox p {font-size:14px;margin: 10px 0px 5px 0px }

/********** EVENEM *************/

/********** presse *************/

.presse #conteneur {
background: url(../inter/cont_presse.jpg) no-repeat top center;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
width: 960px;
height: 520px;
margin-bottom:40px;
}

.presse #textebox h2 {font-size:24px;color:#99cc00}
.presse #textebox strong {font-size:18px;font-weight:normal;color:#99cc00}
.presse #textebox h3 {font-size:14px;margin: 10px 0px 5px 0px;color:#99cc00}
.presse #textebox p {font-size:14px;margin: 10px 0px 5px 0px }

/********** presse *************/


/********** client *************/

.client #conteneur {
background: url(../inter/cont_client.jpg) no-repeat top center;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
width: 960px;
height: 520px;
margin-bottom:40px;
}

.client #textebox h2 {font-size:24px;color:#3366cc}
.client #textebox strong {font-size:18px;font-weight:normal;color:#3366cc}
.client #textebox h3 {font-size:14px;margin: 10px 0px 5px 0px;color:#3366cc}
.client #textebox p {font-size:14px;margin: 10px 0px 5px 0px }

/********** client *************/

/********** contac *************/

.contac #conteneur {
background: url(../inter/cont_contac.jpg) no-repeat top center;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
width: 960px;
height: 520px;
margin-bottom:40px;
}

.contac #infobox1 {position:absolute;top:95px;width:167px;margin-left:53px;}
.contac #infobox2 {position:absolute;top:95px;width:145px;margin-left:740px;}

.contac #textebox h2 {font-size:24px;color:#FF0000}
.contac #textebox strong {font-size:18px;font-weight:normal;color:#FF0000}
.contac #textebox h3 {font-size:14px;margin: 10px 0px 5px 0px;color:#FF0000}
.contac #textebox p {font-size:14px;margin: 10px 0px 5px 0px }

.contac form div div {float:left;width:110px;text-align:right;margin: 0px 6px 6px 0px}

/********** contac *************/

/********** galfot *************/
.galfot {background: url(../inter/fond_pag22.gif) no-repeat top center #1d1d1d;}

.galfot #conteneur {
margin-top: 10px;
margin-left: 10px;
}

.galfot #textebox h2 {font-size:24px;color:#FF0000}
.galfot #textebox strong {font-size:18px;font-weight:normal;color:#FF0000}
.galfot #textebox h3 {font-size:14px;margin: 10px 0px 5px 0px;color:#FF0000}
.galfot #textebox p {font-size:14px;margin: 10px 0px 5px 0px;
color:#FFF}

/*--------------- Virtual Pagination---------------*/

.paginationstyle{ /*Style for pagination divs*/
width: 630px;
text-align: center;
padding: 1px 0;
margin: 10px 0;
}

.paginationstyle a{ /*Style for pagination links*/
padding: 0 5px;
text-decoration: none;
color: #FFF;
background-color: #000;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #ccc;
}

/*--------------- Virtual Pagination---------------*/

/********** galfot *************/



/*---------------debut animation---------------*/
#anim
{z-index:0;
position:absolute;
top:421px;
margin:0px;
margin-left:220px;
width:auto;
height:auto;
padding:0px;
padding-bottom:0px;
background-color: none
}

#anim li {list-style: none;margin:0px;padding:0px;}
#anim ul {list-style: none;margin:0px;padding:0px;}
.photoArrow {display: none;cursor: po../inter;}
.photoPrevActive {display: none;float: left;}
.photoNextActive {display: none;float: right;}
.photoListActive {text-align: center;list-style: none;}
.photoListActive li {display: none;}
.photoListActive li.photoItemActive {display: none;}
.photoListActive a {}
.photoContainer {margin:0px;padding:0px;}
.photoArea {position: relative;visibility: hidden;}
.photoAreaActive {visibility: visible;padding: 0px;}
.photoLoadMessage, .photoAutoPause, .photoAutoPauseLabel, .photoAutoDisabled,.photoAutoPlay, .photoAutoPause, .photoAutoPlay span, .photoAutoPause span, .photoAutoPlay .photoAutoPlayLabel {
display: none;}
/*--------------- fin animation---------------*/