@charset "utf-8";

/* ///////////////////////////////////////////// */
/* A T E L I E R X X I I /////////////////////// */
/* FEUILLE DE STYLES CSS /////////////////////// */
/* ///////////////////////////////////////////// */

/* Base ---------------------------------------- */
html {overflow-y: scroll;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #626262;
	background-color: #eef1e7;
	background-image: url(/imports/images/bg_top.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

p { margin: 0px 0px 20px 0px; }

/* Mise en page -------------------------------- */

#container { text-align: left; z-index:90; }
#header { width: 900px; height: 100px; margin: 0 auto; background-image: url(/imports/images/header.jpg); background-repeat: no-repeat; clear:both; }
	#logo { float: left; height: 100px; margin-left: 20px; }
	#navsec { float: right; height: 20px; margin: 10px 20px; }
#bande_index { width: 100%; background-color: #fff; }
	#bande_index_int { width: 900px; height: 300px; margin: 0 auto; }
	#bande_index_int_etudiants {
	width: 410px;
	height: 245px;
	margin: 0 auto;
	padding: 15px 40px 40px 450px;
	color: #878787;
	font-size: 12px;
	line-height: 18px;
	background-image: url(../images/index_family.jpg);
	background-repeat: no-repeat;
}
	#bande_index_int_mission { width: 410px; height: 175px; margin: 0 auto; padding: 85px 40px 40px 450px; background: url(/imports/images/index_mission.jpg) no-repeat; color: #878787; font-size: 12px; line-height: 18px;  }
	#bande_index p { margin: 0px 0px 10px 0px; }
#content_container { width: 100%; background-color: #fff; line-height: 18px; }
#content { width: 860px; padding: 40px 20px; margin: 0 auto; }
	#col1 { float: left; width: 260px; margin-right: 40px; }
	#col2 { float: left; width: 260px; margin-right: 40px; }
	#col3 { float: left; width: 260px; }
	#col_double { float: left; width: 560px; margin-right: 40px; }
	#col_gauche { float: left; width: 260px; margin-right: 40px; }
	#col_droite { float: right; width: 560px; margin-leftt: 40px; }
#footer { width: 860px; padding: 20px; border-top: solid 1px #ced3c3; color: #a9ada0; font-size: 10px; letter-spacing: 1px; margin: 0 auto; }
	#copyrights { float: left; width: 260px; }
	#unid { float: right; width: 260px; text-align: right; }

/* Navigation ---------------------------------- */

#nav { width: 900px; height: 50px; margin: 0 auto; z-index: 100; }
	#nav span { display:none; }
		.nav1 a { background: url(/imports/images/nav1.jpg) no-repeat; background-position: 0px 0px; }
			.nav1 a:hover { background-position: 0px -50px; }
		.nav2 a { background: url(/imports/images/nav2.jpg) no-repeat; background-position: 0px 0px; }
			.nav2 a:hover { background-position: 0px -50px; }
		.nav3 a { background: url(/imports/images/nav3.jpg) no-repeat; background-position: 0px 0px; }
			.nav3 a:hover { background-position: 0px -50px; }
		.nav4 a { background: url(/imports/images/nav4.jpg) no-repeat; background-position: 0px 0px; }
			.nav4 a:hover { background-position: 0px -50px; }

/* Textes -------------------------------------- */

h1 {}
h2 { font-size: 14px; color: #31424c; margin: 0px 0px 10px 0px; }
h3 { font-size: 14px; font-weight: bold; color: #31424c; margin: 0px; }
h4 { font-size: 12px; font-weight: bold; color: #31424c; margin: 0px; }

.txt_small { font-size:11px; line-height:14px;}
.txt_medium {}
.txt_large {}

/* Liens --------------------------------------- */

a:link, a:visited, a:active { text-decoration:none; color: #6da3c1; }
a:hover {}

#navsec a:link, #navsec a:visited, #navsec a:active { text-decoration: none; color: #468aa4; }
#navsec a:hover { color: #fff; }

#footer a:link, #footer a:visited, #footer a:active { text-decoration: none; color: #a9ada0; }
#footer a:hover { text-decoration: underline; }

/* Listes -------------------------------------- */

#content ul { padding: 0px; margin: 10px 20px; }
#content li { padding: 3px; }

#bande_index ul { padding: 0px; margin: 10px 0px 0px 40px; }
#bande_index li { padding: 0px; }

/* Autres -------------------------------------- */

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.img_mar { margin-bottom: 10px;}

/* Accordion ----------------------------------- */

#accordion {}

h5.toggler {
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	color: #528CE0;
	margin: 5px 0 5px 0;
	padding: 5px;
}

div.element p { margin:0px; padding:10px; }