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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}

/* ------------------------------------------------------------------------ */

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:1.4em;
	margin:0;
	padding:0;
	background-color:#FFF;
}


p {margin-bottom:1.5em;}

a {color:#000; text-decoration:none;}

a img { border:none}

acronym {font-size:90%; letter-spacing:0.5px}



/* ------------------------------------------------------------------------ */

#navigation {
	width:100%;
	position:absolute;
	position:fixed;
	background-color:red;
	z-index:100
}

#navigation ul { overflow:hidden; width:960px}
#navigation ul li {	float:left;}

#navigation ul li a { display:block; height:84px;}

#navigation h1 a {background:transparent url('sprites.png') no-repeat 0 0; width:320px; text-indent:-10000px; margin-right:24px}
#navigation h1 a:hover {background-position:0 -84px}

#navigation a.presentation {background:transparent url('sprites.png') no-repeat -344px 0; width:127px; text-indent:-10000px; }
#navigation a:hover.presentation {background-position:-344px -84px}

#navigation a.equipes {background:transparent url('sprites.png') no-repeat -471px 0; width:166px; text-indent:-10000px;}
#navigation a:hover.equipes {background-position:-471px -84px}

#navigation a.partenaires {background:transparent url('sprites.png') no-repeat -637px 0; width:110px; text-indent:-10000px;}
#navigation a:hover.partenaires {background-position:-637px -84px}

#navigation a.construction {background:transparent url('sprites.png') no-repeat -746px 0; width:120px; text-indent:-10000px;}
#navigation a:hover.construction {background-position:-746px -84px}

#navigation a.contacts {background:transparent url('sprites.png') no-repeat -864px 0; width:93px; text-indent:-10000px;}
#navigation a:hover.contacts {background-position:-864px -84px}


/* ------------------------------------------------------------------------ */

#content {
	width:920px;
	padding:0 20px 600px 20px;
}

.box {
	padding:0;
	padding-top:114px;
	overflow:hidden;
	position:relative;
}

.col1 {
	width:320px;
	margin-right:20px;
	float:left;
}

.col2 {
	width:520px;
	float:left;
	padding-top:20px
}

.moitie { width:250px; float:left}

h2, h3 {background:transparent url('sprites.png') no-repeat 0 -168px; width:320px; text-indent:-10000px; height:108px;}

h3.presentation {background-position:-344px -168px; height:44px; width:250px}
h3.equipes {background-position:-344px -223px; height:145px; width:250px}
h3.partenaires {background-position:-640px -168px; height:44px}
h3.construction {background-position:0 -280px; height:88px}
h3.contacts {background-position:-640px -223px; height:44px}

p a {color:#000; text-decoration:none; border-bottom:1px solid red}
p a:hover {background-color:#F33;  border-bottom:1px solid #F33}

hr {height:22px; border:none; margin:0; padding:0; background:transparent url('sprites.png') no-repeat center bottom; clear:both}

.next, .totop {width:30px; height:30px; bottom:0; left:0; position:absolute; background-color:yellow}
.next a {background:transparent url('sprites.png') no-repeat -640px -280px; width:30px; height:30px; text-indent:-10000px; display:block}
.next a:hover {background-position:-700px -280px;}
.totop a {background:transparent url('sprites.png') no-repeat -640px -310px; width:30px; height:30px; text-indent:-10000px; display:block}
.totop a:hover {background-position:-700px -310px;}


/* Cimac
*/

h2 { margin-bottom:20px}

p.txtintro1 {
	color:#666;
	font-size:15px;
	line-height:20px;
	font-style:italic;
	font-weight:bold;
	padding-right:50px
}

p.txtintro2 {
	color:#999;
	font-weight:bold;
	padding-left:16px;
	background:transparent url('sprites.png') no-repeat 0 -374px;
}

.liste { 
	font-weight:normal;
	font-style:normal;
	padding-left:2px
}

/* Presentation
*/

p.chapeau { font-size:16px; font-weight:bold; color:#333}

.colonnes {-moz-column-count:2; -moz-column-gap:30px}

p.signature { text-align:right}


/* Equipes
*/

.intertitre {color:red; text-transform:uppercase; letter-spacing:1px; font-weight:bold;}

/* Contacts
*/

.newsletter a { color:red; font-style:italic}
.newsletter a:hover { color:white;}


.credit { padding-top:40px}
.credit a {color:#999; font-size:11px; text-decoration:none; border:none}
.credit a:hover { color:#666; background-color:#FFF}


/* Programmation :
*/

.programmation {margin-bottom:20px; padding:10px; border:1px solid #333}

.dateprog {display:block;}
.dateprog a { text-decoration:none; border:none; display:block}
.dateprog a:hover { text-decoration:none; border:none}
.dateprog a:hover .liens { color:white}

.liens {text-decoration:underline; color:red}

a.download { display:block; height:48px; line-height:48px; color:red; text-decoration:underline; border:none}
a:hover.download { border:none; background-color:red; color:#000}
a.download img { float:left;}