/* body : page entière */
/* body, wrap : bleu pale R205 V225 B255 #cde1ff*/
body {
margin: 0 auto;
padding: 0;
font: 75% Arial, Verdana, sans-serif;
background-color: #cde1ff;
}

/* wrap = bande titre en haut (au dessus de Assistce et Conseils en Packaging)*/
/* body, wrap : bleu pale R205 V225 B255 #cde1ff*/
/* wrap, title h1, content, content h2, extras a, menu li a  : texte en bleu foncé R0 V0 B100 = #000064 */
#wrap {
background: #cde1ff;
color: #000064;
margin: 0 auto;
width: 760px;
}

/* a = lien vers autre page : bleu ciel R10 V120 B250 = #0A78FA */
a {
font-style: italic;
text-decoration: none;
color: #0A78FA;
}

/* a hover = lien vers autre page : Rouge R225 V40 B25 = #E12819 */
a:hover {
font-style: normal;
text-decoration: underline;
color: #E12819;
}

/* header = marge de haut de page */
#header {
margin: 30px 0 0 0;
width: 760px;
padding: 0;
}

/* tittle = position du titre */
#title {
float: left;
margin: 0 0 0 0;
padding: 0;
}

/* tittle h1 = titre première ligne */
/* wrap, title h1, content, content h2, extras a, menu li a  : texte en bleu foncé R0 V0 B100 = #000064 */
#title h1 {
margin: 0 0 0 0;
font-weight: 760;
font-size: 2.4em;
width: 750px;
float: left;
color: #000064;
}

/* tittle h2 = titre seconde ligne ET texte en gris foncé  R60 V60 B60 = #3C3C3C */
#title h2 {
clear: left;
float: left;
margin: 0 0 0 0;
font-size: 1.5em;
font-weight: 400;
width: 750px;
color: #3C3C3C;
}

/* header2 = ? */
#header2 {
clear: right;
float: right;
margin: 0 0 0 0;
padding: 0;
}

/* header2 h3= ROUGE R225 G40 B25 */
#header2 h3 {
margin: 25px 0 0 0;
padding: 0;
text-align: right;
font-size: 1.2em;
font-weight: 700;
color: #E12819;
}

/* header2 h4= GRIS CLAIR R153 G 153 B153 */
#header2 h4 {
clear: right;
margin: 0 0 0 0;
padding: 0;
text-align: right;
font-size: 1.2em;
font-weight: 400;
color: #999999;
}

/* bar (surface autour du corps du texte), menu li a : bleu pétrole clair R78 V147 B255 #4E93ff  */
#bar {
margin: 30px 0 0 0;
width: 760px;
padding: 0;
float: left;
background-color: #4E93ff;
}

/* frontphoto = emplacement du logo */
.frontphoto {
margin: 0 0 0 0;
border: 0;
float: left;
clear: left;
width: 101px;
height: 45px;
}

/* menu = titre dans onglet, onglet bleu ciel R140 V200 B250 = #8CC8FA */
#menu {
float: right;
width: 150px;
margin: 0 0 0 0;
padding: 0;
font-size: 0.8em;
}

#menu ul {	
font-weight: bold;
list-style: none;
width: 130px;
margin: 0 0 0 0;
padding: 0;
font-size: 1.4em;
}	

#menu li {
margin-bottom: 3px;
}

/*  bar, menu li a : bleu pétrole clair R78 V147 B189 #4E93BD */
/* wrap, title h1, content, content h2, extras a, menu li a : texte en bleu foncé R0 V0 B100 = #000064 */
#menu li a {
height: 30px;
text-decoration: none;
color: #000064;
display: block;
padding: 5px 3px 0 5px;
background-color: #4E93bd;
line-height: 1.5em;
}	

/* menu li a:hover  : rouge foncé R225 V40 B25 = #E12819 et texte en noir */
#menu li a:hover {
background-color: #E12819;
color: #000000;
}

/* wrap, title h1, content, content h2, extras a, menu li a  : texte en bleu foncé R0 V0 B100 = #000064 */
/* content  : fond ocre R55 V238 B160 = #FFEEAD */
#content {
margin: 0 160px 0 110px;
min-height: 200px;
padding: 15px 10px 0 10px;
background-color: #FFEEAD;
color: #00003C;
line-height: 1.3em;
border-style: solid;
border-width: 1px;
border-color: #00003C;
}
p {
margin: 0px 0 0px 0;
}

/* cadre photo, bleu foncé R0 V0 B125 = #000064 */
img.main {
margin: 8px 0 8px 0;
padding: 1px;
background-color: #000064;
}

img.main2 {
float: left;
margin: 8px 5px 8px 0;
padding: 1px;
background-color: #000064;
}

/* content h1 = titre premier niveau : couleur rouge foncé R204 V0 B0 = #CC0000 */
#content h1 {
margin: 0 0 0 0;
padding: 0 0 6px 0;
font-size: 1.4em;
color: #CC0000;
font-weight: 600;
}

/* content h2 = titre deuxième niveau : texte en  */
/* wrap, title h1, content, content h2, extras a : texte en bleu foncé R0 V0 B100 = #000064 */
#content h2 {
margin: 3px 0 0 0;
padding: 15px 0 0 0;
font-size: 1.2em;
color: #000064;
font-weight: 550;
}

/* content h3 = texte troisième niveau : texte en bleu foncé R0 V0 B100 = #000064 */
#content h3 {
margin: 0 0 0 0;
padding: 10px 0 6px 0;
font-size: 1.0em;
font-weight: 550;
text-align: center; 
color: #000064;
}

#content h5 {
margin: 0 0 0 0;
padding: 10px 0 6px 0;
font-size: 0.9em;
font-weight: 550;
text-align: center;
color: #E12819;
}

/* extras = petit encart: couleur de fond beige clair = #FFEEAD */
.extras {
float: left;
clear: both;
width: 120px;
margin-top: 20px;
padding: 5px;
color: #000064;
background-color: #FFEEAD;
line-height: 1.5em;
border-style: solid;
border-width: 1px;
border-color: #000064;
}

.extras h1 {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 1.2em;
color: #0A78DC;
font-weight: 600;
}
/* wrap, title h1, content, content h2, extras a : texte en bleu foncé R0 V0 B100 = #000064 */
.extras a {
color: #000064;
}

.extras a:hover {
color: #E12819;
}

/* a = lien vers autre page, footer : bleu ciel R10 V120 B250 = #0A78FA */
#footer {
margin: 30px 0 10px 0;
padding: 2px;
background-color: #FFEEAD;
color: #000064;
font-size: 0.7em;
font-weight: 600;
text-align: center;
text-decoration: none;
}

.hide {
display: none;
}