/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #f22182;
text-decoration:none;
}
a:hover {color: #000000;}

body {
	background: url(img/bg.jpg) no-repeat;
	font: normal 65% Georgia;
	}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
	font: normal 1.4em Georgia;
	margin-bottom: -5px;
	margin-left: 10px;
	color:#f06300;
}

.colonne1 {
width: 220px;
float: left;
margin-left:20px;
margin-top:10px;
font-family: Georgia;
font-size:12px;
text-align:center;
}
.colonne2 {
width: 220px;
float: left;
margin-left:50px;
margin-top:10px;
font-family: Georgia;
font-size:12px;
text-align:center;
}
.colonne3 {
width: 220px;
float: left;
margin-left:50px;
margin-top:10px;
font-family: Georgia;
font-size:12px;
text-align:center;
}
.colonne4 {
width: 220px;
float: left;
margin-left:20px;
margin-top:10px;
font-family: Georgia;
font-size:12px;
text-align:center;
}
.colonne5 {
width: 220px;
float: left;
margin-left:50px;
margin-top:10px;
font-family: Georgia;
font-size:12px;
text-align:center;
}
.colonne6 {
width: 220px;
float: left;
margin-left:50px;
margin-top:10px;
font-family: Georgia;
font-size:12px;
text-align:center;
}


code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Verdana;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}

h1,h2,h3 {padding-top: 6px;}

/* misc */

.clearer {
height:20px; 
display:block; 
clear:both; 
visibility:hidden;
}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
	background: #f6cdfe;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 5px 0;
	width: 780px;
}


/* title */
.header {
	background: #f6cdfe url(img/header.png);
	font-size: 1.2em;
	height: 200px;
	margin: 0 auto;
	padding: 10px 10px 0px;
	width: 770px;
}



/* content */

h4 {
cursor:pointer; 
text-decoration:none;
color:#000;
width:500px;
font-weight:normal;
padding-left:10px; 
margin-bottom:10px;
margin-top: 10px;
margin-left:10px;
margin-right:10px;
}

h4:hover {
color:#000;
text-decoration:underline;
background:#fff;
width:450px;
}

.accordeon {
margin-left:30px;
margin-right:10px;
}

.content {
	float: left;
	width: 790px;
	background:#f6cdfe;
}

.hr {
width:500px;
color: #fff;
background-color: #fff;
height: 1px;
border: 0;
}

/* Scroller Box */
#scroller_container {
 position: relative;
 margin-left:200px;
 width:400px;
 height:220px;
}

#scroller {
 white-space: nowrap;
 line-height: 60px;
 font-size: 60px;
}

#scroller img {
 padding-right: 50px;
}
/* Scoller Box */


.content2 {
	float: left;
	width: 750px;
	margin:20px 20px 20px 20px;
	background:#f6cdfe;
}

.media {
float:left;
margin-left:150px;
}

#radio_button {
display: block; 
float: left; 
margin-left: 10px;
}

img {
border:none;
}	

.presentation {
float:left;
margin:20px;
}

.citation {
text-align:center;
margin :0 auto;
width:790px;
height:30px;
background:#fbbcd4;
font-size:13px;
font-weight:bold;
font-style:italic;
}

.auteur {
text-align:center;
margin:0 auto;
width:790px;
height:15px;
background:#fbbcd4;
font-size:10px;
font-weight:normal;
}

.ariane{
text-align:left;
position:relative;
margin-left:10px;
width:790px;
font-size:10px;
font-style:italic;
font-weight:normal;
}

.contact {
text-align:center;
font-size:14px;
}

.signature {
text-align:right;
position:relative;
margin-top:-70px;
padding-right:20px;
padding-bottom:20px;
}


.couleur1 {
color:#f22182;
font-size:15px;
}
.couleur2 {
color:#f06300;
font-weight:bold;
}
.couleur3 {
color:#f22182;
font-size:13px;
}
.couleur4 {
color:#f06300;
font-weight:normal;
font-size:13px;
}
/* footer */
.footer {
	color: #fff;
	font: bold 0.7em sans-serif;
	line-height: 15px;
	padding: 0;
	text-align: center;
	text-decoration: none;
}
.footer .left a{color: #fff; text-decoration: none;}
.footer .right {color: #fff; text-decoration: none;}
.footer .right a {color: #fff; text-decoration: none;}
.footer a, .footer a:hover,.footer .right a:hover {color: #000;}