html, body {
margin:0;
padding:0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
text-align:center;
background-color:#000;
background-image:url(../images/design/main_bg2.jpg);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
padding:0;
margin:0;
}

div#cadre-principal {
width:750px;
margin:0 auto;
position:relative;
border-left:3px solid #000;
border-right:3px solid #000;
background-color:#FFF;
}

div#cadre-secondaire {
border-top:7px solid #0066CC;
border-bottom:15px solid #0066CC;
}

div#logo {
position:absolute;
left:0;
top:0;
z-index:10;
text-align:left;
}

div#bandeau {
height:250px;
background-color:#000;
clear:both;
background-image:url(../images/design/entete3-fr.jpg);
background-repeat:no-repeat;
background-position:0 0;
position:relative;
}

div#bandeau p#langues-bandeau {
text-align:right;
}

div#milieu {
padding:13px 30px 0 30px;
background-image:url(../images/design/bande.gif);
background-repeat:no-repeat;
}

div#corps {
background-repeat:no-repeat;
background-position:top right;
background-color:#ECF2F9;
width:100%;
text-align:left;
height:300px;
}

html>body div#corps {
height:auto;
min-height:300px;
}

div#PageProduitsServices div#corps {
background-image:url(../../images/design/bg/bg-produits.jpg);
}

div#PageAPropos div#corps {
background-image:url(../../images/design/bg/bg-apropos.jpg);
}

div#PageContact div#corps {
background-image:url(../../images/design/bg/bg-contact.jpg);
}

div#PageHistoire div#corps {
background-image:url(../../images/design/bg/bg-histoire.jpg);
}

div#corps-contenu {
padding:1em 2em;
}

div#menu-principal {
height:42px;
margin-left:244px;
background-image:url(../images/design/menu.jpg);
background-repeat:repeat-x;
}

div#menu-principal ul
{
margin:0;
padding:0;
width: 100%;
}

div#menu-principal ul li { display: inline; }

div#menu-principal ul li a
{
padding:15px 10px 0 10px;
color:#000;
text-decoration: none;
float: left;
height:23px;
text-transform:uppercase;
font-weight:bold;
font-size:80%;
background-image:url(../images/design/bouton.jpg);
background-repeat:no-repeat;
background-position:0 0;
border-bottom:5px solid #FFF;
}

div#menu-principal ul li a:hover
{
border-bottom:5px solid #FF6A06;
color:#000;
}

h1 {
background-color:#F3F3F3;
width:241px;
height:29px;
background-image:url(../images/design/h1.gif);
background-repeat:no-repeat;
background-position:0 0;
margin:0;
padding:16px 20px 0 20px;
text-align:center;
position:absolute;
bottom:0;
left:30px;
font-size:150%;
font-weight:bold;
color:#FF6633;
font-style:italic;
}

h2 {
font-size:130%;
font-weight:bold;
color:#FF6633;
margin:0 0 1em 0;
padding:0;
}

h2 a:link {
color:#FF6633;
}

h2 a:visited {
color:#FF6633;
}

h2 a:hover {
color:#FF6633;
}

h2 a:active {
color:#FF6633;
}

h3 {
font-size:115%;
font-weight:bold;
color:#000;
margin:1em 0 0.8em 0;
padding:0;
}

h4 {
font-size:105%;
font-weight:bold;
color:#333;
margin:0.5em 0 0 0;
padding:0;
}

h5 {
font-size:100%;
font-weight:bold;
color:#333;
margin:0.5em 0 0 0;
padding:0;
}

h3 span {
font-size:130%;
font-weight:normal;
color:#FF6633;
}

a:link {
color:#000;
font-weight:bold;
}

a:visited {
color:#000;
font-weight:bold;
}

a:hover {
color:#555;
font-weight:bold;
}

a:active {
color:#555;
font-weight:bold;
}

ul {
margin:0 0 1em 0;
padding:0 0 0 2em;
}

ul li {
margin:0.5em 0 0.5em 0;
padding:0;
}

dl {

}

dt {
margin:0 0 0.3em 0;
}

dd {

}

hr {
clear:both;
margin:0;
padding:0;
border:0;
visibility:hidden;
}

div.clear {
clear:both;
margin:0;
padding:0;
border:0;
visibility:hidden;
font-size:0;
line-height:0;
height:0;
}

div.colonne {
float:left;
width:44%;
padding-right:4%;
}

p {
text-align:justify;
margin:0 0 1em 0;
padding:0;
line-height:1.3em;
}

a img {
border:0;
}

p#copyright {
float:left;
width:260px;
margin:0;
padding:0;
font-size:85%;
}

div#signature {
background-image:url(../images/design/signature.jpg);
background-repeat:repeat-x;
height:30px;
padding:27px 10px 0 10px;
}

#menu-secondaire {float:left;width:450px;}

/*Fat Erik's Pipelist*/
#menu-secondaire ul
{
list-style: none;
padding: 0;
margin: 0;
text-align:right;
}

#menu-secondaire ul li
{
display: inline;
padding: 0;
margin: 0;
}

#menu-secondaire ul li a
{
font-weight:bold;
text-transform:uppercase;
font-size:85%;
}

#menu-secondaire ul li:before { content: "| "; }
#menu-secondaire ul li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #menu-secondaire ul li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #menu-secondaire ul { height: 1%; }

* html #menu-secondaire ul li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #menu-secondaire ul li:first-child { border-left: 0; }

table {
border-collapse:collapse;
margin:0 0 1em 0;
}

caption {
	padding: 0 0 5px 0;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	caption-side:bottom;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/design/bg_header.jpg) no-repeat;
	text-align:center;
}

th.nobg {
	border:0;
	background: none;
}

td {
	border: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/design/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../images/design/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

form {
border:0;
padding:0;
margin:0 0 1em 0;
}

form h3 {
margin:0;
padding:0 0 0 0;
text-align:left;
color:#2C5587;
}

fieldset {
border-color:#366BAB;
border-width:1px 0 0 0;
border-style:solid none none none;
margin:0 0 0 0;
padding:0 1em 1em 1em;
}

fieldset legend {
font-weight:bold;
color:#366BAB;
padding:0.7em;
margin:0 1em;
text-align:left;
}

table.formulaire {
margin:0 0 10px 0;
}

table.formulaire td.champ{
background: #F5FAFA url(../images/design/bullet2.gif) no-repeat;
font: bold 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

label {
font-weight:bold;
cursor:pointer;
}

input,select,textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}

textarea {
margin-bottom:10px;
}

textarea.grand {
width:95%;
height:14em;
}

textarea.moyen {
width:95%;
height:5em;
}

textarea.petit {
width:95%;
height:4em;
}

div#equipe img {
border:2px solid #000;
}

div#equipe p{
margin:0 0 1em 0;
padding:0;
text-align:left;
}

div#equipe div.membre {
width:190px;
height:20em;
float:left;
margin:10px;
}

div#equipe div.membre p {
font-size:85%;
text-align:center;
}

html>body div#equipe div.membre {
height:auto;
min-height:20em;
}

div#erreur {
color:#7D0205;
margin:1em 0 1em 0;
}

div#erreur h3 {
margin:0;
padding:0;
text-align:left;
border:0;
color:#990000;
}

div#erreur ul {
margin:1em 0 1em 1em;
}

div#erreur p {
padding:0 1em 1em 1em;
border-bottom:1px solid #7D0205;
}

div#photo {
text-align:center;
}

div#photo p {
text-align:center;
}

div#photo img {
padding:7px;
background-color:#FFF;
border:1px solid #000;
}

div#photo h2 {
color:#666;
text-align:center;
margin:2em 0 0.5em 0;
}

div#mini-album {
margin:1em 0 0 0;
text-align:left;
}

div#mini-album img {
padding:4px;
background-color:#FFF;
border:1px solid #000;
width:70px;
height:50px;
}

div#menu  {
margin:1em 0 0 0;
border:1px solid #7CA5D6;
padding:1em;
background-color:#C4D6EC;
}

div#menu ul {
text-align:center;
margin:0;
padding:0;
}

div#menu ul li {
display:inline;
margin:0 1em;
}

dl.notes {
margin:1em 0;
padding:0;
}

dl.notes dt {
margin:1em 0 0 0;
padding:1em 0 0 20px;
border-top:1px dashed #85AAD8;
font-weight:bold;
background-position:0 50%;
background-repeat:no-repeat;
}

dl.notes dt.contact {
background-image:url(../images/icones/contact.gif);
}

dl.notes dt.responsable {
background-image:url(../images/icones/responsable.gif);
}

dl.notes dd.date {
font-weight:bold;
color:#666;
}

h3.titre-bloc {
margin:0;
padding:0.5em 1em;
border-left:1px solid #7CA5D6;
border-top:1px solid #7CA5D6;
border-right:1px solid #7CA5D6;
background-color:#C4D6EC;
display:inline;
}

div.bloc  {
margin:0.4em 0 2em 0;
border:1px solid #7CA5D6;
padding:0.5em;
background-color:#C4D6EC;
}

p.important {
font-size:150%;
text-align:center;
font-weight:normal;
}

div#album-flash {
text-align:center;
}

body#entree {
background-image:url(../images/design/bg-accueil.jpg);
}

body#entree h1 {
width:100%;
height:175px;
background:none;
margin:0;
padding:0;
left:0;
position:relative;
font-size:200%;
font-weight:bold;
color:#000;
font-style:italic;
}

body#entree table td div {
background-image:url(../images/design/bg-bande.gif);
background-repeat:repeat-x;
border-top:6px solid #101A57;
border-bottom:6px solid #101A57;
background-color:#DDDDDD;
height:237px;
}

body#entree table td p {
text-align:center;
margin:0;
padding:0;
height:60px;
}

body#entree table {
height:100%;
margin:0;
padding:0;
border:0;
border-collapse:collapse;
width:100%;
}

body#entree table td {
background:none;
padding:0;
height:100%;
text-align:center;
}

img.accompagnement-gauche {
float:left;
margin-right:1em;
border:2px solid #7CA5D6;
}

div#menu-extranet {
padding:0.3em;
border:1px solid #7CA5D6;
background-color:#C4D6EC;
margin-bottom:1em;
}



div#logo-radium {
text-align:right;
padding-right:40px;
padding-bottom:5px;
}

html>body div#logo-radium {
text-align:right;
padding-right:30px;
}

div#info-connexion {
background-color:#FFF;
position:absolute;
left:0;
top:42px;
width:229px;
padding:5px;
color:#000;
font-size:85%;
}

div#info-connexion p.colonne {
float:left;
width:113px;
}

div#info-connexion p {
text-align:left;
}

table.documents {
width:95%;
}

table.documents td {
vertical-align:top;
}

table.documents td.colPartager {
width:100px;
}

ul.pure {
list-style-type:none;
padding:0;
margin:0 0 10px 0;
}

div#erreur {
background:#FFFFDF;
padding:10px 20px;
min-height:64px;
border:1px solid #E5E5E5;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius: 7px;
margin:10px 0;
color:#000;
}

div#erreur h2 {
font-size:100%;
color:#000;
}

.bouton {
padding:5px;
font-weight:bold;
cursor:pointer;
}

input#btnSoumettre_Permanent {
padding:0;
font-weight:normal;
}

.formBoutons {
padding:5px 0 10px 0;
}

ul.options-horizontales {
list-style-type:none;
margin:0 0 10px 0;
padding:0;
}

ul.options-horizontales li {
display:inline;
margin:0 20px 0 0;
white-space:nowrap;
}

ul.options-horizontales-4 {
list-style-type:none;
margin:0 0 10px 0;
padding:0;
}

ul.options-horizontales-4 li {
float:left;
width:140px;
margin:0 20px 20px 0;
white-space:nowrap;
}