@charset "UTF-8";
/* CSS Document */

/*--------Normalisation------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin : 0;padding : 0;}
h1, h2, h3, h4, h5, h6 {font-size : 100%; font-weight:normal;}
ol, ul {list-style : none;}
address, caption, cite, code, dfn, em, th, var {font-style : normal;font-weight : normal;}
table {border-collapse : collapse;border-spacing : 0;}
fieldset, img {border : 0;}
caption, th {text-align : left;}
q:before, q:after {content :'';}
a{outline: none;}
:focus{-moz-outline-style: none;}
.spacer {clear:both;}
html { height: 100% }
body { height: 100% }
#caleur { width: 100%; height:3px; background-color: #FFF; border: 1px solid red; float: left }
#caleur img.space { clear: both; width: 100% }
p { margin: 5px 0; }

table#tform td { padding: 4px !important; }
#LesTextes ul { list-style-type: disc; margin-left: 15px; }


/*Supersize Plugin Styles*/  
body { background-color: #FCFCFC }  
#supersize img, #supersize a{  height:100%;  width:100%;  display:none;  }  
#supersize .activeslide, #supersize .activeslide img{  display:inline;  }  
#supersize {background:url(images/fond.jpg) no-repeat;position: fixed;z-index: 0;} 

/* Gabarit général */

#header { width: 100%; height: 325px;position: fixed; top:0; z-index: 3; margin: 0 auto 0 auto; font-family:Arial, Helvetica, sans-serif }
#header-size { width: 990px; height: 100%; margin: 0 auto 0 auto;}
#header-content { width: 815px; height: 325px; background: #FFF}
#header-content img { margin: 0 0 0 67px; float: left }
#header-content .left { width: 218px; height: 100px; float: left; color: #7b6a70; font-size: 16px; text-align:right; padding: 25px 0 0 0;}
#header-content .left strong { text-transform: uppercase; }
#header-content .right { width: 218px; height: 58px; float: right; color: #c2305d; text-align:left; padding: 70px 0 0 0; font-size: 9px }
#header-content .right strong { text-transform: uppercase; font-size: 18px; display: block  }


#menu-haut { width: 805px; height: 20px; background: #7b6a70; clear: both; margin: 0 auto 0 auto; text-align: center }
#menu-haut ul { padding: 3px 0 0 0 }
#menu-haut ul ul { padding: 1px 0 0 0 }
#menu-haut ul li { display: inline; text-transform: uppercase; font-size: 12px;height: 20px }
#menu-haut ul li a:hover{ background: #c43060; }
#menu-haut ul li a { color: #FFF; text-decoration: none; font-weight: bold;  padding: 3px 15px 3px 15px;  }
#menu-haut ul li a.active { background: #c43060; color: #FFF;}
#menu-haut ul li a.inactive { background: none; color: #FFF;}
#menu-haut ul li a.selected { color: #fff;}
#menu-haut ul li a:hover { color: #000;}
#menu-haut ul ul {padding-left: 18px}
#menu-haut ul ul li a {color: #000;}
#menu-haut ul ul li a:hover {color: #fff;}



#ssmenu1, #ssmenu2, #ssmenu3, #ssmenu4, #ssmenu5, #ssmenu6, #ssmenu7 { position: absolute; margin: 0px 0 0 0; display: none; width: 815px; text-align: left}
#menu-bas { width: 805px; height: 20px; background: #c43060; margin: 0 auto 0 auto }
#menu-bas ul { padding: -5px 0 0 0 }
#menu-bas ul li { display: inline; text-transform: uppercase; font-size: 12px;height: 20px }
#menu-bas ul li a:hover{ background: #c43060; color: #fff }
#menu-bas ul li a { color: #000; text-decoration: none; font-weight: bold;  padding: 0px 15px 3px 15px;  }
#menu-bas ul li a.active { background: #c43060; color: #FFF;}
#menu-bas ul li a.inactive { background: none; color: #FFF;}
#menu-bas ul li a.selected { color: #fff;}







#ariane { font-size: 12px; color: #7d7d7d; width: 805px; margin: 8px auto 5px auto }
#ariane a { font-size: 12px; color: #7d7d7d; text-decoration: none }
#visuels { margin: 8px 0 0 5px; clear:both; }
#visuels img { margin: 0; border-bottom: 8px solid #FFF}


#footer-content { width: 100%; height: 75px; background: #FFF; text-align: center; padding: 0px 0 0 0; border-top: 1px #999 solid; margin: 0px 0 0 0; clear: both}
#footer-content .left { float: left; margin: 10px 0 10px 0 }
#footer-content .right { float: right; width: 585px }
#footer-content img { margin: 0 18px 0 18px }
#footer-content img.margBot10 { margin-bottom: 3px }
#footer-content .left img { margin: 0 10px 0 9px }


#SuperContent { position:absolute; height: 100%; width: 100%; z-index: 0; }
#content { margin: 0 auto 0 auto; color:#454545; font-family: Arial, Helvetica, sans-serif; font-size: 12px; max-width: 990px; min-width: 815px; }
#content-text { float: left; width: 805px; background: #fff; padding: 333px 5px 0px 5px  }
#content-pub { float: right; width: 170px; margin: 100px 0 0 0; }
#content-pub img { margin: 0 0 10px 0}
#content a { color: #c43060; text-decoration: none }
#content a:hover { text-decoration: underline }



/* page d'accueil */
#actus { float: left; width: 193px; min-height: 350px; background: #f5f5f5; padding: 7px 10px 7px 10px }
#actus h1 { font-size: 14px; background: url(../images/puceActus.jpg) no-repeat; padding: 0 0 0 20px; font-weight: bolder; margin: 0 0 20px 0 }
#actus h2 { font-size: 14px;font-weight: bolder; margin: 15px 0 8px 0; text-transform:uppercase; }
#content-text .right { float: right; width: 585px; padding: 7px 0 0 0; }
#content-text .right h1 { margin: 0 0 15px 0; font-size: 14px; font-weight: bolder }

/* page conference*/
#conference h1 { display:block; float:left; width: 213px; text-transform: uppercase; font-size: 22px; font-weight: bold}
#conference p { display: block; float: right; width: 592px; font-weight: bold; margin: 0; }
#conference table { margin: 20px 0 0 0; clear: both }
#conference .date { font-weight: bold; text-transform:uppercase; font-size: 13px }
#conference .heure { font-weight: bold; }
#conference td {padding: 0 0 15px 0 }

/* page exposants*/
#exposants h1 { display:block; float:left; width: 213px; text-transform: uppercase; font-size: 22px; font-weight: bold}
#exposants p { display: block; float: left; width: 213px; font-weight: bold; text-transform:uppercase; font-size: 13px; margin: 15px 0 0 0 }
#exposants table { display: block; float: right; width: 588px;}
#exposants table input { border: 1px solid #CCC }
#exposants table td { padding: 5px }

/* page type */
#content-type { border: 1px solid white; background-color: #FFF }
#content-type .left { float: left; width: 213px; }
#content-type .left h1 { width: 213px; text-transform: uppercase; font-size: 22px; font-weight: bold}
#content-type .left p { width: 213px; font-weight: bold; text-transform:uppercase; font-size: 13px; margin: 15px 0 0 0 }
#content-type .right { float: right; width: 580px }

.error {
	color: red;
}