* {
margin : 0;
padding : 0;
font-family : arial;
}
body {
font-size : 12px;
}
a img {
border : none;
}
a {
color : #7f7f7f;
}
#main {
width : 960px;
margin : 0 auto;
}
#main_intro {
width : 960px;
margin : 0 auto;
background-image : url("../images/intro/fond_intro.jpg");
background-repeat : no-repeat;
}
#nav_haut {
text-align : right;
font-size : 10px;
}
#nav_haut a {
color : #aaaaaa;
text-decoration : none;
margin : 0 10px;
text-transform : uppercase;
}
#nav_haut a:hover {
color : #7f2846;
}
#nav_haut a.encours {
color : #7f2846;
}
#navigation {
position : relative;
}
#navigation ul {
position : absolute;
bottom : 0;
right : 0;
}
#navigation ul li {
float : left;
margin-left : 30px;
list-style : none;
display : block;
}
#navigation ul li a {
display : block;
}
#contenu {
clear : both;
color : #7f7f7f;
min-height : 470px;
}
#contenu .visuel {
position : relative;
margin-bottom : 1px;
}
#contenu ul {
list-style-type : square;
}
#contenu ul ul {
list-style : none;
}
#contenu ul ul li {
padding-left : 10px;
}
#contenu {
color : #4c4c4c;
}
#menu {
float : left;
width : 194px;
}
#menu .nom_partie {
position : relative;
height : 129px;
}
#menu ul {
margin-left : 10px;
}
#menu ul ul {
margin : 0;
}
#menu ul ul li {
background-image : none;
}
#menu ul li {
height : 1%;
list-style : none;
display : block;
}
#menu ul li a {
text-transform : uppercase;
font-weight : bold;
font-family : Arial;
font-size : 11px;
color : #7f7f7f;
display : block;
text-decoration : none;
padding-top : 2px;
padding-bottom : 2px;
border-bottom : 1px solid #aaaaaa;
}
#menu ul li li a {
text-transform : none;
font-weight : normal;
}
#menu a:hover, #menu a.encours {
background-color : #e5e5e5;
}
#interieur {
display : table;
margin-left : 0;
}
#intro {
width : 957px;
height : 400px;
border-style : solid;
border-width : 0;
border-color : #7f2846;
margin-top : 65px;
}
#intro .flash_intro {
float : left;
width : 675px;
height : 300px;
margin-left : 5px;
margin-top : 5px;
}
#intro .flash_seul {
width : 675px;
height : 300px;
margin-left : 25px;
margin-top : 50px;
}
#intro .actu {
float : right;
position : relative;
width : 270px;
height : 400px;
margin-right : 5px;
margin-top : 5px;
overflow : auto;
}
#intro ul {
margin-left : 10px;
}
#intro ul ul {
margin : 0;
}
#intro ul ul li {
background-image : none;
}
#intro ul li {
height : 1%;
list-style : none;
display : block;
}
#intro ul li a {
text-transform : uppercase;
font-weight : bold;
font-family : Arial;
font-size : 11px;
color : #7f2846;
display : block;
text-decoration : none;
padding-top : 2px;
padding-bottom : 2px;
border-bottom : 1px solid #aaaaaa;
}
#intro ul li li a {
text-transform : none;
font-weight : normal;
}
#page {
margin-left : 10px;
margin-right : 10px;
margin-top : 5px;
}
#page h1 {
font-size : 12px;
margin-bottom : 15px;
color : #000000;
text-transform : uppercase;
}
#page h1:first-letter {
color : #7f2846;
font-size : 24px;
}
#page .intro {
font-size : 14px;
margin-top : 15px;
margin-bottom : 15px;
margin-left : 30px;
text-align : justify;
font-family : times;
font-style : italic;
}
#page .text {
font-size : 12px;
margin-top : 15px;
margin-bottom : 15px;
margin-left : 30px;
text-align : justify;
}
#page .text:first-letter {
text-transform : uppercase;
}
#page .auteur {
font-size : 10px;
margin-top : 15px;
margin-bottom : 15px;
margin-left : 30px;
text-align : right;
}
#page .liste {
margin-left : 100px;
margin-top : 5px;
width : 250px;
float : left;
}
#page .liste ul {
font-size : 11px;
margin-left : 40px;
margin-bottom : 10px;
text-align : justify;
}
#page .liste ul li {
list-style : none;
background-image : url('../images/commun/puce.gif');
background-repeat : no-repeat;
background-position : 0 0.4em;
padding-left : 0.6em;
}
#page .liste .partie {
font-size : 12px;
margin-bottom : 10px;
margin-top : 10px;
color : #7f2846;
text-transform : uppercase;
font-weight : bold;
border-bottom : 1px solid #7f2846;
}
#page .onfocus {
float : left;
margin-right : 10px;
margin-top : 5px;
margin-bottom : 5px;
}
#page .textfocus {
position : relative;
top : 20px;
margin-left : -180px;
font-size : 20px;
color : #7f2846;
height : 100px;
width : 150px;
float : left;
}
#page .photo {
float : left;
margin-right : 10px;
margin-top : 0;
margin-bottom : 5px;
}
#page .plandusite {
margin-left : 100px;
margin-top : 5px;
width : 250px;
float : left;
}
#page .plandusite .partie {
font-size : 12px;
margin-bottom : 10px;
margin-top : 10px;
color : #7f2846;
text-transform : uppercase;
font-weight : bold;
border-bottom : 1px solid #7f2846;
}
#page .plandusite ul {
margin-left : 10px;
}
#page .plandusite ul ul {
margin : 0;
}
#page .plandusite ul ul li {
background-image : none;
}
#page .plandusite ul li {
height : 1%;
list-style : none;
display : block;
}
#page .plandusite ul li a {
text-transform : uppercase;
font-weight : bold;
font-family : Arial;
font-size : 11px;
color : #7f7f7f;
display : block;
text-decoration : none;
padding-top : 2px;
padding-bottom : 2px;
}
#page .plandusite ul li li a {
text-transform : none;
font-weight : normal;
}
#page .plandusite a:hover {
background-color : #e5e5e5;
}
#page b {
color : #7f2846;
}
#page .retrait {
background-image : url('../images/commun/puce.gif');
background-repeat : no-repeat;
background-position : 0 0.4em;
padding-left : 0.6em;
margin-left : 50px;
}
#page .form_retrait {
padding-left : 0.6em;
margin-left : 50px;
}
form {
background-color : #fafafa;
padding : 10px;
width : 550px;
}
fieldset {
padding : 10px;
margin-bottom : 10px;
}
legend {
color : #7f2846;
font-weight : bold;
}
label {
margin-top : 5px;
display : block;
font-size : 90%;
}
label.inline {
display : inline;
}
input {
border : 1px solid black;
background-color : #ffffff;
}
input[type="radio"] {
margin-right : 50px;
background-color : transparent;
border : none;
}
select, option {
background-color : #ffffff;
}
textarea {
border : 1px solid black;
background-color : #ffffff;
}
input:focus, select:focus, option:focus, textarea:focus {
background-color : #e5e5e5;
}
#pied_de_page {
clear : both;
margin-top : 15px;
}
#pied_de_page {
color : #aaaaaa;
text-decoration : none;
text-transform : uppercase;
font-size : 10px;
}
#pied_de_page .certification {
float : right;
}
#pied_de_page img {
margin-bottom : 3px;
}
#pied_de_page li {
display : inline;
margin-right : 25px;
}
#pied_de_page a {
color : #aaaaaa;
text-decoration : none;
margin : 0 10px;
text-transform : uppercase;
}
#pied_de_page a:hover {
color : #7f2846;
}

.cv-part {
margin-left : 20px;
margin-right : 20px;
margin-top : 5px;
padding : 10px;
margin-bottom : 10px;
border : 1px solid black;
}

.cv-part .titre {
font-size : 12px;
margin-bottom : 12px;
color : #000000;
text-transform : uppercase;
}
.cv-part .titre:first-letter {
color : #7f2846;
font-size : 12px;
}

.cv-part .soustitre {
font-size : 12px;
margin-left : 12px;
margin-bottom : 5px;
margin-top : 15px;
color : #000000;
text-transform : uppercase;
}

.cv-part .entreprise {
font-size : 9px;
margin-left : 10px;
margin-bottom : 5px;
color : #000000;
}

.cv-part .date {
font-size : 9px;
margin-left : 10px;
margin-bottom : 15px;
color : #000000;
font-style : italic;
}

.cv-part .text {
font-size : 11px;
margin-left : 20px;
margin-bottom : 7px;
}

.cv-part  ul {
font-size : 11px;
margin-left : 40px;
margin-bottom : 10px;
text-align : justify;
}
.cv-part  ul li {
list-style : none;
background-image : url('../images/commun/puce.gif');
background-repeat : no-repeat;
background-position : 0 0.4em;
padding-left : 0.6em;
}

.ecard {
width:160px;
height:110px;
float:left;
text-align:center;
margin: 10px;
padding:5px;
}

.description{
padding-top:0px;
font-size:10px;
width:150px;
text-align:left;
}

.ecard .visuel {
width:150px;
background-color: #F0F0F0;
}

.theme {
width:600px;
margin: 25px 5px 5px 10px;
font-size : 12px;
color : #000000;
text-transform : uppercase;
clear:both;
border-bottom:1px solid #7f2846;
}

.theme:first-letter {
color : #7f2846;
font-size : 24px;
}

#preview{

overflow:hidden;
}

.portrait{
margin: 10px auto;
width: 399px;
height: 600px;

}

.paysage {
margin: 10px auto;
width:600px;
height: 399px;
}