body {font-family: arial; text-align: center; margin: 0; background: url('img/bg.png') top left repeat-X;}
#main {width: 950px; margin: 0 auto;}
#header {width:100%; height: 120px; background: url('img/header.png'); margin: 0px;}

#content {width: 100%;}
#colg {width: 200px; float: left;}
#cold {width: 740px; float: right;}
.col1 {width: 49%; float: left; border-right: dotted 3px; border-color: #e2001a;}
.col2 {width: 49%; float: right;}

#colg h1 {color: #e2001a; font-size: 22px;}
#colg p {font-size: 12px; color: #555555; padding: 5px;}

#flash {width: 740px; margin: 0; padding: 0; background: url('img/bandeau_photo.jpg'); height: 62px;}

.bloc {border-bottom: dotted 3px; border-color: #e2001a; padding: 0 10px; margin-right: 2px;}
.bloc#last {border: none;}
.bloc p {font-size: 14px; text-align: justify; margin: 10px 0px; line-height: 1.5;}
.bloc p.fl {float: left;}
.bloc p.f14 {font-size: 14; text-align: justify; padding:10px 20px;}
.bloc p.cadre32p {padding: 5px; border: 1px solid #444444; width: 32%;}
.bloc p.cadre100p {padding: 5px; border: 1px solid #444444; width: 100%;}
.bloc p.cadre_centre_60p {padding: 5px; border: 1px solid #444444; width: 60%; text-align: center; margin: 10px 20%; font-size: 24px;}
.bloc ul {width: 100%;}
.bloc ul li {font-size: 12; text-align: justify; color: #404040; margin: 4px 0px;}
.bloc table#program {width: 100%; border: 1px; margin: 5px auto; v-align: top;}
td#td1 {width: 35%; v_align: top; padding: 0px 10px; border: 1px solid; border-color: #dddddd;}
td#td2 {width: 65%; v_align: top; padding: 0px 20px;}

.bloc2 {border-bottom: dotted 3px; border-color: #e2001a; padding: 0 10px; margin-right: 2px;}
.bloc2#last {border: none;}
.bloc2 p {font-size: 14px; text-align: justify; margin: 10px 0px; line-height: 1.3;}
.bloc2 p.fl {float: left;}
.bloc2 p.f14 {font-size: 14; text-align: justify; padding:10px 20px;}
.bloc2 p.pcenter {text-align: center;}
.bloc2 ul {width: 100%;}
.bloc2 ul li {font-size: 14px; text-align: justify; color: #404040; margin:  4px 0px;}
.bloc2 table tr td.td1 {padding-right: 10px;}
.bloc2 table tr td.td2 {padding-left: 10px; width: 250px;}
.bloc2 table tr td.td3 {padding-left: 10px; width: 50%;}

#menu_title {width: 100%; height: 50px; background: url('img/menu.png');}
#colg ul {width: 100%; list-style: none; margin: 0px; padding: 0px;}
#colg ul li {height: 60px; margin: 0px; padding: 0px;	display: block;}
#colg ul li.inter {height: 30px; margin: 0px; padding: 0px; display: block; background: url('img/menuinter.png');}

a.B {
	background-image: url("img/menu1.png");
	display: block;
	width: 200px;
}
a.B:hover {
	background: url("img/menu1.png") 0 -60px;
}

a.C {
	background-image: url("img/menu2.png");
	display: block;
	width: 200px;
}
a.C:hover {
	background: url("img/menu2.png") 0 -60px;
}

a.D {
	background-image: url("img/menu3.png");
	display: block;
	width: 200px;
}
a.D:hover {
	background: url("img/menu3.png") 0 -60px;
}

a.E {
	background-image: url("img/menu4.png");
	display: block;
	width: 200px;
}
a.E:hover {
	background: url("img/menu4.png") 0 -60px;
}

a.F {
	background-image: url("img/menu5.png");
	display: block;
	width: 200px;
}
a.F:hover {
	background: url("img/menu5.png") 0 -60px;
}

a.G {
	background-image: url("img/menu6.png");
	display: block;
	width: 200px;
}
a.G:hover {
	background: url("img/menu6.png") 0 -60px;
}

img {border: none;}
img.affiche {margin: 10px; margin-left: 20px; float: right;}
img.center {margin: 5px auto;}
img.right {margin: 5px 10px; float: right;}
img.left {margin: 5px 10px; float: left;}
#cold h1.presseh1 {font-size: 28px; color: #e2001a; padding: 0; margin: 15px 0 0 0;}
#cold h2.presseh2 {font-size: 24px; color: #555555; padding: 0; margin: 5px 0; font-weight: normal; text-align: center;}
#cold h3.presseh3 {font-size: 24px; color: #555555; padding: 0; margin: 5px 0; text-align: center;}
#cold h3.presseh32 {font-size: 34px; color: #555555; padding: 0; margin: 5px 0; text-align: center;}
#cold h4.presseh4 {font-size: 22px; color: #e2001a; padding: 0; margin: 5px 0; margin-top: 20px; text-align: center;}
#cold h5.presseh5 {font-size: 22px; color: #e2001a; padding: 0; margin: 5px 0; margin-top: 20px; text-align: left;}
#cold h1 {font-size: 28px; color: #e2001a; padding: 0; margin: 10px 0;}
#cold h1.h1accueil {font-size: 40px; color: #e2001a; padding: 0; margin: 10px 0;}
#cold h2 {font-size: 22px; color: #e2001a; padding: 0; margin: 5px 0;}
#cold h2.soustitre {font-size: 18px; color: #aaaaaa; padding: 0; margin: 5px 0;}
#cold h2.soustitre2 {font-size: 16px; color: #aaaaaa; padding: 0; margin: 5px 0; text-align: left; font-weight: normal;}
#cold h2.soustitre3 {font-size: 16px; color: #aaaaaa; padding: 0; margin: 5px 0; text-align: center; font-weight: normal;}
#cold h3 {font-size: 16px; color: #e2001a; padding: 0; margin: 5px 0; text-align: left;}
#cold h1.center {text-align: center;}
#cold h2.center {text-align: center;}
a.A {background: url("img/bouton.png") repeat-X; display: block; width: 128px;}
a.A:hover {background: url("img/bouton.png") 0 -28px;}
a.detail {text-align: center; font-size: 14px; color: #404040; text-decoration: underlined; margin: 0px; padding: 0px;}
a.lightbox {text-decoration: none; border: 0; color: #aaaaaa;}
a.lightbox2 {text-decoration: none; border: 0; color: #aaaaaa; font-size: 12px; text-align: center;}
p {font-size: 14px; color: #404040; text-align: justify; margin: 0px 0px 0px 0px; padding: 0px;}

#cold h1#galerieh1 {text-align: right; margin-bottom: 15px; font-size: 38px;}
#cold h2#galerieh2 {text-align: left; color: #404040; font-size: 30px;}
table.galery {width: 98%; margin: 10px auto; padding: 0;}
table.galery td {border-bottom: dotted 1px; border-color: #8a8a8a;}
table.galery td.last {border: none;}
table.galery p.legende {font-size: 10px; text-align: center; color: #404040; margin: 0; padding: 0;}

table.mail_form {width: 95%;}
table.mail_form td {font-size: 14px; color: #404040}
td.mailtd {width: 25%;}
textarea {width: 100%;}
input {width: 100%;}

.colend{clear: both;}
#footer {width: 100%; height: 50px;}