/* CSS Document */

body {
background:#737373 url(img/fond8.jpg) repeat-x;
margin: auto;
color: #ffffff; 
font-size: 76%; 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  
}
#conteneur {
width: 945px;
margin:auto; 
}

#fullwidth {
width: 100%;
margin:auto; 
}


#header {
height: 92px;

}
#centre { padding:0px; margin-top:0px; }

#centresessions { background:url(img/sessions2007-bkg.jpg) top left no-repeat; overflow: hidden; width:924px;  padding-left:30px; position:relative; top:0px;}

#content { margin-top:0px; }

#pied {
color:#FFFFFF;
font-weight:400;
}

p {
	color:#ffffff;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	line-height: 1.3em;
	font-size: 1.1em;	
}
li {
	color:#ffffff;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	line-height: 1.2em;
	font-size: 1.1em;
	margin-bottom:10px;
	
}


/* Menu */

#menu { float: right; width:400px; height:22px; background:transparent url(img/titres.jpg); overflow:hidden; margin-top: 40px;}
#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; width:100px; height:22px; display:inline;}
#menu a {display:block; float:left; width:100px; height:22px; overflow:hidden; color:#000; text-decoration:none; padding-top:50px; background:transparent url(img/titres-on.jpg) no-repeat 400px 22px;}

#menu a#item3:hover {background-position: 0px 0; z-index:50;}
#menu a#item4:hover {background-position: -100px 0; z-index:50;}
#menu a#item5:hover {background-position: -200px 0; z-index:50;}
#menu a#item6:hover {background-position: -300px 0; z-index:50;}
#menu a#item7:hover {background-position: -400px 0; z-index:50;}

#menu a#onitem3 {background-position: 0px 0; z-index:50;}
#menu a#onitem4 {background-position: -100px 0; z-index:50;}
#menu a#onitem5 {background-position: -200px 0; z-index:50;}
#menu a#onitem6 {background-position: -300px 0; z-index:50;}
#menu a#onitem7 {background-position: -400px 0; z-index:50;}

/* Squelette 3 colonnes */

#col1 {float:left; width:290px; overflow :hidden;  } /*colonne gauche*/
#col2 {float:left; width:290px; overflow :hidden; margin-left:20px; margin-right:20px;   }/*colonne milieu*/
#col3 {float:right; width:270px; text-align:left; overflow:hidden; margin-top:20px;  }/*colonne droite*/
#col-droite {float:right; width:310px; overflow :hidden; text-align:left; margin-top:30px;  }/*colonne droite*/

#doublecol {float:right; width:620px; overflow :auto;   }/*colonne milieu*/
#doublecol-left {float:left; width:580px; overflow:hidden;  margin-top:30px; }/*colonne milieu*/
#doublecols {float:left; width:632px; overflow:hidden;  margin-top:20px; }/*colonne milieu*/
#tricol{float:left; width:100%; overflow:hidden;  }/*colonne milieu*/

#doublecol-sessions {float:left; width:450px; overflow:hidden; margin-top:175px; }/*colonne milieu*/
#col-droite-sessions {float:left; width:370px; overflow :hidden; text-align:left; margin-top:175px; margin-left:45px }/*colonne droite*/

#incol1 {float:left; width:275px; overflow :auto;  } /*colonne gauche*/
#incol2 {float:left; width:275px; overflow :auto; margin-left:30px;   }/*colonne milieu*/

.thumbnail { text-align:right; margin-bottom:14px; margin-right:14px; padding:2px;}
.thumbnail:hover {background-color: #C8DC38;}

	
#thumbnails {text-align: left; display:inline;	}	

.minithumbnail {text-align: right; display:inline; margin-left:15px; margin-bottom:15px; 	border: solid 1px #ccc;	}	

.thumb {border: 2px solid #fff ; text-align:center; margin-bottom:10px;	}	

.pano {
border:solid 1px #ccc; margin-top:15px; 
}

.demologo { width:178px; float:left;
}

.nomargin { margin-bottom:10px; margin-right:0px; float:left; width:410px;
}

.titldemo { 
width:60%;
min-width:500px;
margin-top:35px;
color: #fff; 
font-size: 1.8em; 
float:left;
text-align:center;
}

.titl { 
float:left; 
}

.backto a{color: #fff; font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; float:right; margin-top:35px; margin-right:0px; border:0px;
}

.left { float:left}

.heademo { margin-top:0px; }

/* Style titres et textes */

h1 {color: #fff	  ; font-size: 1.9em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; margin-top:0px;	}
h2 {color: #fff	  ; font-size: 1.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; margin-top:10px; }
h3 {color: #C8DC38; font-size: 1.6em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none;	}

.big {color: #FFFFFF; font-size: 2.1em; letter-spacing:1px; line-height:35px; 	}

.bigtext {font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 25px; text-decoration: none; color:#fff;
display:inline;
margin-bottom:5px;font-size:1.2em;
letter-spacing:0.05em;
text-align:justify;
	}
	
.green {color: #C8DC38;	}
.bigtextbold {color: #ffffff; font-size: 1.3em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 25px; text-decoration: none;	}

#resultsform {color: #333; font-size: 1.3em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; padding:25px; background-color:#B3BF55	  ; border: 2px solid #ffffff; line-height: 25px; }

.bigtextgreen {color: #C8DC38	  ; font-size: 1.3em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 25px; text-decoration: none;	}

a { color:#C8DC38	  ; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }

a:hover { color:#FFFFFF; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none;}


.exolink { background:url(img/link.gif) no-repeat top left; color:#C8DC38	  ; padding-left:20px;  font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; margin-top:20px; margin-right:30px; }

.imgleft { float:right; margin-left:20px; margin-bottom:15px; }/*colonne milieu*/
.imgright { float:left; margin-right:20px; margin-bottom:10px; margin-left:40px; }/*colonne milieu*/
.imgrit { float:left; margin-right:20px; margin-bottom:10px; }

.bloc { padding-left:25px; border-left: 1px solid #868659 ;  margin-bottom:35px; }

.black { color:#fff; font-size:1.7em; }

.blocvert { background-color:#C8DC38;padding:25px; margin-bottom:25px; background: url(img/blocvert.jpg) top right no-repeat ;  }

#cnwsessions { background:url(img/teaser-sessions.jpg) repeat-x top left; padding:20px; border: 0px solid #C8DC38; margin-top:0px; }
	
.intro { border-left:1px solid #868659; padding-left:20px; font-size:1.5em; letter-spacing:0px; line-height:1.7em; }
.txtintro { border-left:1px solid #868659; padding-left:20px; font-size:1.4em; letter-spacing:1px; line-height:1.5em; margin-top:25px; }
.padleft { padding-left:20px; }
	
.rosace { background:url(img/rosace.png) no-repeat top left; padding-left:15px; margin-bottom:0px; line-height:40px;  }/*colonne milieu*/

.numero {color: #333333; font-weight: bold; text-decoration: none;	}

.tjpzoom {border: 5px solid #ffffff;	}



#minigallery {
float:right; width:280px; margin-top:25px;}
#slideshow {
float:left; margin-top:0px; margin-bottom:0px;}

/* formulaire de contact */

fieldset { border:0;margin:0px;padding:0; }
label { display:block; margin-bottom:5px; margin-top:15px; }
input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

/* AVANTAGES */

.holder { }
.holder h2 {}
a.hid {color:#FFFFFF; text-decoration:none; }
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#FFFFFF; cursor:default;}
.clear {clear:both;}

/* PLUGIN DETECTOR */

.found {
	height:19px;
	width:19px;
	background: url(img/plug-ok.png) no-repeat top center;
}
.notFound {
	height:19px;
	width:19px;
	background: url(img/plug-paok.png) no-repeat top center;
}




/* gallery*/
.screenshot img {height:104px;width:267px;}
.screenshot a:hover img {border:6px solid #C8DC38;}

#gallerySites {clear:both; padding:0px; margin:0px;}
#gallerySites ul {list-style-type:none;}
#gallerySites li {float:left;display:inline;height:185px;width:290px;margin:0;}
#gallerySites img {border: 1px solid #CCCCCC;padding: 1px;}
#gallerySites a:hover img {border:2px solid #C8DC38;}
#gallerySites h1 {clear:both;margin-bottom:20px;}

.adress {font-size: 10px}