*
{
	border: 0;
	margin: 0;
	padding: 0;
}

body
{
	background-color: #FFFFFF;
	background: url(../images/fond_CU_2.jpg) no-repeat top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: auto;
	width: 900px;
}

a
{
	color: #666666;
}

#prog_biennale
{
	color: #e95a00;
}

strong
{
	color: #000000;
	font-weight: bold;
}

em
{
	font-style: italic;
}

p
{
	text-align: justify;
}

.seminaire
{
	margin-left: 30px;
	margin-top: 30px;
}

#texte_rosee
{
	margin-top: 30px;
	border: 1px solid white;
}

.colonne1, .colonne2
{
	width: 45%;
}

.colonne1
{
	margin-left: 20px;
}

.colonne2
{
	float: right;
	margin-right: 20px;
}

.colonne1 p, .colonne2 p
{
	margin-top: 10px;
}

#texte_rosee ul
{
    list-style: none;
    margin-left: 10%;
    text-indent: -7px;
	width: 90%;
}

h3
{
/*	color: #666666;*/
	font-size: 14px;
}

.h3_ressources
{
	margin-top: 40px;
}

#copyright
{
	font-size: 10px;
	text-align: right;
}

h1 a
{
	background: url(../images/titre.jpg);
	width:0;
	height:75px;
	padding-left:600px;
	overflow:hidden;
	display: block;
}

#contact
{
	font-weight: bold;
	margin-right: 15px;
	margin-top: 50px;
	text-align: right;
	float: right;
}

#contact a
{
	color: #FFFFFF;
	text-decoration: none;
}

#corps, #corps2, #corps3
{
	margin-top: 20px;
}

#droite
{
	float: right;
/*	margin-right: 10px;*/
	width: 375px;
}

#gauche
{
	margin-left: 14px;
	width: 450px;
}

#droite h3, #gauche h3
{
	font-size: 14px;
	margin-bottom: 10px;
}

#diaporama
{
	width: 360px;
	height: 180px;
}

#droite ul, #gauche ul
{
	list-style-type: disc;
	margin-left: 15px;
	text-align: left;
}

.infos_fichier, .date_maj, .rendu_groupe
{
	font-size: 10px;
}

.date_maj
{
	color: #8C8C8C;
}

#bloc_actu
{
	height: 385px;
	margin-bottom: 20px;
	margin-top: 10px;
	overflow: auto;
}

#bloc_actu ul li
{
	margin-bottom: 10px;
}

#bloc_actu ul li p
{
	margin-left: 58px;
	text-align: left;
}

.retour_ligne
{
	margin-left: 58px;
}



.atelier_titre
{
	margin-top: 35px;
	font-size: 14px;
	font-weight: bold;
}

.atelier_titre a
{
	text-decoration: none;
}

.atelier_institution
{
	font-size: 12px;
	font-weight: normal; 
}

.atelier img
{
	float: left;
	height: 40px;
	margin-right: 20px;
	width: 80px;
	position: relative;
	top: -4px;
}

#ressources
{
	margin-top: 30px;
}

.partenaires
{
	font-size: 10px;
	margin-top: 30px;
}

.bloc_logos
{
	margin-top: 10px;
}

.bloc_logos .logos
{
	margin-right: 25px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.page_atelier #corps, .page_atelier #corps2, .page_atelier #corps3
{
	margin-left: 14px;
	margin-right: 10px;
}

h2
{
	color: #666666;
	font-size: 20px;
	text-align: center;
}

.descriptif_atelier
{
	text-align: center;
}

.projet
{
	clear: both;
	height: 90px;
	margin-top: 40px;
}

.projet img
{

	float: left;
	height: 90px;
	width: 180px;
}

.projet h3, .texte h3
{
	color: #666666;
	font-size: 16px;
	margin-bottom: 5px;
	margin-left: 220px;
	margin-top: 5px;
}

.texte h3
{
	font-size: 14px;
	margin-bottom: 30px;
	margin-top: 30px;
}

#corps3 h3
{
	font-size: 14px;
	margin-bottom: 10px;
	margin-left: 220px;
	margin-top: 20px;
}

.projet p, .texte p
{
	margin-left: 220px;
}

.texte p
{
	margin-bottom: 20px;
}

.atelier_footer
{
	clear: both;
	margin-top: 30px;
	text-align: center;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////*/

.illustrations
{
	float: left;
	margin-top: 40px;
}

.texte
{
	margin-top: 40px;
}

.illustrations img
{
	height: 90px;
	width: 180px;
	margin-bottom: 20px;
}

.illustrations p
{
	width: 180px;
	font-size: 10px;
	text-align: center;
}

#atelier3_3
{
	height: 135px;
	width: 180px;
	margin-bottom: 0px;
}

.illustrations .images_2-3
{
	height: 120px;
	width: 180px;
}

#bandeau_parcours_thermique
{
	margin: auto;
	margin-bottom: 50px;
	margin-top: 50px;
	width: 80%;
}

#bandeau_parcours_thermique img
{
	margin-right: 10px;
	margin-top: 20px;
}

#bandeau_parcours_thermique #telechargements
{
	float: right;
	margin-top: 50px;
}

#bandeau_parcours_thermique p
{
	font-size: 14px;
	text-align: center;
}

#bandeau_parcours_thermique strong
{
	color: #666666;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////*/

.rendus
{
	margin-top: 50px;
	height: 150px;
/*	border: 1px solid red;*/
	clear: both;
}

.rendu
{
	float: left;
/*	border: 1px solid green;*/
	width: 25%;
	
}

.rendu img
{
	display: block;
	width: 150px;
	height: 100px;
	margin: auto;
}

.rendu_groupe
{
	text-align: center;
}

/*////////////////// TABLEAU DE LA PAGE "RESSOURCES PEDAGOGIQUES ET SCIENTIFIQUES" ////////////////////*/

tr
{
	vertical-align: top;
}

td
{
	padding-bottom: 10px;
/*	border-bottom: 1px solid #CCCCCC;*/
}

.date_intervention
{
	width: 17%;
}

.nom_intervenant
{
	width: 65%;
}

.type_fichier
{
	width: 8%;
}

.taille_fichier
{
	width: 10%;
	text-align: right;
}


