/*ALL*/
*{padding:0;margin:0;}
html, body {font-family: Arial;  font-size:12px; color:#434343; font-weight:100; line-height:120%; min-height:100%;  height:100%; background-image:url(../img/fond2.jpg); background-position:top; background-repeat:repeat-x;}
#clear{clear:both;}
dt,ul,li{list-style-type:none;}
span.bleu{color:#18A9D0;}
em{font-size:10px;}
span.grasbleu{color:#18A9D0;font-weight:bold;}
strong.bleu{color:#18A9D0;}
a{color:#18A9D0; text-decoration:none;}
a img{border:0}

/*COMMUN*/
#global{width: 960px; padding:0;position: relative; margin:0px auto 0 auto; }
#global #header{height:145px;width:960px;}
#global #header img{border:0;}
#global #icone{background-image:url(../img/icone.png); background-repeat:no-repeat; width:582px; height:193px; position:absolute; top:0; left:380px;}

#global #menu {width:560px; height:55px; background-image:url(../img/fondMenu.png); background-repeat:no-repeat; padding-left:400px; line-height:55px;}
#global #menu ul{display:inline; position:absolute; top:148px; left:400px;}
#global #menu ul li{display:inline; padding-right:60px;}
#global #menu ul li a{color:#434343; text-decoration:none;}
#global #menu ul li a.currentpage{color:#18A9D0;}

#global #centreHOME{width:960px; position:relative;}
#global #centre{width:960px; position:relative; background-color:#FFFFFF;}
#global #centre2{width:960px; position:relative;background-image:url(../img/imgFondContact.gif); background-repeat:no-repeat; background-position:bottom; background-color:#FFFFFF;}
#global #centre3{width:960px; position:relative;background-image:url(../img/imgFondBook.gif); background-repeat:no-repeat; background-position:bottom; background-color:#FFFFFF;}

/*HOME*/
#global #centreHOME #gaucheHOME{float:left; width:662px; height:309px;}
#global #centreHOME #gaucheHOME #image{float:left; padding-top:35px; width:310px; height:266px; border-left:1px solid #CACBCB; background-color:#FFFFFF;}
#global #centreHOME #gaucheHOME #texte{float:left; padding-top:45px; width:320px; padding-right:31px;height:256px;  background-color:#FFFFFF;}
#global #centreHOME #gaucheHOME #texte h1{padding-bottom:15px; color:#18A9D0; font-size:30px; font-weight:normal;}
#global #centreHOME #gaucheHOME #texte h2{color:#18A9D0; font-size:16px;  font-weight:normal;}
#global #centreHOME #gaucheHOME #basHOME{padding:8px; width:646px; height:28px;font-size:11px; background-image:url(../img/home/bas.gif); background-repeat:no-repeat;}

#global #centreHOME #droiteHOME{ float:left; width:298px; height:345px; background-image:url(../img/droite.png); background-repeat:no-repeat;}
#global #centreHOME #droiteHOME #animation{position:absolute; left:662px; z-index:2;}
#global #centreHOME #droiteHOME #speDescriptionHome{position:absolute; left:680px; z-index:3; top:95px; font-size:12px; color:#434343; width:280px; height:20px; overflow:hidden;}

/*PAGE CLASSIC*/
#global #centre #gauche{float:left; width:395px; min-height:313px; border-left:1px solid #CACBCB; background-color:#FFFFFF;}
#global #centre #droite #texte{float:left; padding-top:45px; width:549px;  background-color:#FFFFFF; padding-right:14px; padding-bottom:10px;}
#global #centre #droite #texte h1{padding-bottom:15px; color:#18A9D0; font-size:30px; font-weight:normal;}
#global #centre #droite #texte h2{color:#18A9D0; font-size:16px;  font-weight:normal;}
#global #centre #droite{ float:left; width:563px; min-height:313px; border-right:1px solid #CACBCB;background-color:#FFFFFF;}

/*PAGE REFERENCE (NUAGE TAG)*/
#global #centre #gaucheRef{float:left; width:395px; min-height:413px; border-left:1px solid #CACBCB; background-color:#FFFFFF;}
#global #centre #gaucheRef #lien{float:left; width:352px; min-height:288px; background-color:#FFFFFF; margin-top:45px; padding-top:60px; padding-left:15px; padding-right:28px; text-align:justify; margin-bottom:20px; background-image:url(../img/imgFondRef.gif); background-repeat:repeat-y; color:#959595;}
#global #centre #gaucheRef #lien span.theme{color:#026580; font-weight:bold; font-size:13px;}
#global #centre #droiteRef{ float:left; width:563px; min-height:413px; border-right:1px solid #CACBCB;background-color:#FFFFFF;}
#global #centre #droiteRef #texte{float:left; padding-top:45px; width:549px; background-color:#FFFFFF; padding-bottom:10px;}
#global #centre #droiteRef #texte h1{padding-bottom:15px; color:#18A9D0; font-size:30px; font-weight:normal;}
#global #centre #droiteRef #texte h2{color:#18A9D0; font-size:16px;  font-weight:normal;}

/*PAGE AVEC FOND CENTRE2*/
#global #centre2 #gauche{float:left; width:395px; min-height:313px; border-left:1px solid #CACBCB;}
#global #centre2 #droite #texte{float:left; padding-top:45px; width:549px;  padding-right:14px; padding-bottom:10px;}
#global #centre2 #droite #texte h1{padding-bottom:15px; color:#18A9D0; font-size:30px; font-weight:normal;}
#global #centre2 #droite #texte h2{color:#18A9D0; font-size:16px;  font-weight:normal;}
#global #centre2 #droite{ float:left; width:563px; min-height:313px; border-right:1px solid #CACBCB;}

#global #centre2 #droite #texte table tr td{color:#434343;padding-bottom:3px;vertical-align:top;}
#global #centre2 #droite #texte table tr td.label{color:#434343;padding-bottom:3px;width:115px;}
#global #centre2 #droite #texte table tr td input{border:1px solid #31A0EF;width:265px;height:17px;}
#global #centre2 #droite #texte table tr td input.file{position: relative;text-align: left;-moz-opacity:0 ;filter:alpha(opacity: 0);opacity: 0;z-index: 2;}
#global #centre2 #droite #texte table tr td div.fileinputs {position: relative;padding-bottom:4px;}
#global #centre2 #droite #texte table tr td div.fakefile {position: absolute;top: 1px;left: 0px;z-index: 1;}
#global #centre2 #droite #texte table tr td div.fakefile img{position: absolute;top: -1px;left: 200px;}
#global #centre2 #droite #texte table tr td div.fakefile input{border:1px solid #31A0EF;width:190px;height:17px;}
#global #centre2 #droite #texte table tr td input.send{border:none;width:107px;height:21px;padding:0; margin:0;}
#global #centre2 #droite #texte table tr td textarea{border:1px solid #31A0EF;width:265px;height:50px;}

/*PAGE AVEC FOND CENTRE3*/
#global #centre3 #gauche{float:left; width:395px; min-height:313px; border-left:1px solid #CACBCB;}
#global #centre3 #gauche #titre{height:50px; width:395px;}
#global #centre3 #gauche #animation{height:253px; width:365px; margin-left:15px; margin-right:15px; margin-bottom:10px;}
#global #centre3 #droite #texte{float:left; padding-top:45px; width:549px;  padding-right:14px; padding-bottom:30px;}
#global #centre3 #droite #texte li{width:528px; height:18px; padding-top:4px; color:#FFFFFF; padding-left:30px; background-image:url(../img/menuBook.gif); background-repeat:no-repeat;display:block; padding-bottom:3px;}
#global #centre3 #droite #texte li.currentPageBook{width:528px; height:18px; padding-top:4px; color:#FFFFFF; padding-left:30px; background-image:url(../img/menuBookOver.gif); background-repeat:no-repeat;display:block; padding-bottom:3px;}
#global #centre3 #droite #texte li a{font-size:14px; color:#FFFFFF; text-decoration:none; display:block; width:528px; height:18px;}
#global #centre3 #droite #texte h1{padding-bottom:15px; color:#18A9D0; font-size:30px; font-weight:normal;}
#global #centre3 #droite #texte h2{color:#18A9D0; font-size:16px;  font-weight:normal;}
#global #centre3 #droite{ float:left; width:563px; min-height:313px; border-right:1px solid #CACBCB;}
#bas{margin:0px auto 0 auto; padding:8px; width:944px; height:16px;font-size:11px; background-image:url(../img/bas.png); background-repeat:no-repeat;}


#footer{font-size:10px; color:#626262; width: 960px; height:42px; margin:3px auto 0 auto; background-image:url(../img/footer.png); background-repeat:no-repeat;}
#footer #floatLeft{float:left;padding-top:6px;color:#FFFFFF;padding-left:5px;}
#footer #floatRight{float:right;padding:0px;padding-top:6px; padding-right:5px;color:#FFFFFF;}
#footer #floatRight img{vertical-align:middle;}
#footer a{font-size:10px;color:#FFFFFF;; text-decoration:none;}





/*IMAGE BOX*/
#ImageBoxOverlay
{
	background-color: #333333;
	font-size: 10px;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
	font-size: 10px;
}
#ImageBoxContainer
{
	z-index:4;
	width: 250px;
	height: 50px;
	background-color: #F4F4EC;
	font-size: 10px;
}
#ImageBoxCaptionText
{
	z-index:4;
	font-weight: bold;
	padding-bottom: 1px;
	font-size: 10px;
	color: #000;
}
#ImageBoxCaptionImages
{
	z-index:4;
	margin: 0;
}

#ImageBoxNextImage
{
	z-index:4;
	background-image: url(../img/next.gif);
	background-repeat:	no-repeat;
	background-position: right bottom;
}
#ImageBoxPrevImage
{
	z-index:4;
	background-image: url(../img/prev.gif);
	background-repeat:	no-repeat;
	background-position: left bottom;
}


