p,div,h1,h2,h3,h4,h5,h6,span,li,ul,a,fieldset,legend{
margin:0;
padding:0;
}

body{
background-color:#7893a3;
}

#pere{
width:900px;
margin-right:auto;
margin-left:auto;
margin-top:20px;
background-color:#000;
}
												/*   STYLES HAUT DE PAGE   */
#bandesup{
clear:both;
width:900px;
height:47px;
}

#boutonpelemele{
display:block;
float:left;
width:710px;
height:26px;
margin-left:190px;
margin-top:21px;
}

#bandeau{
clear:both;
width:900px;
height:115px;
background-image:url(imagescvfmarin/bandeau.jpg);
background-repeat:no-repeat;
}

#filetgris{
clear:both;
width:900px;
height:3px;
background-image:url(imagescvfmarin/3pixelsgris.gif);
background-repeat:repeat-x;
}

#menu{
clear:both;
width:710px;
margin-left:190px;
margin-top:10px;
}
												/*   STYLES TITRES, TEXTES COURANTS, MENUS…   */
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:lighter;
color:#94a9b6;
padding-top:40px;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:lighter;
color:#94a9b6;
}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:18px;
color:#FFF;
}

h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:16px;
color:#ffcc00;
}

.interjaune{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#ffcc00;
}

.textcourgris{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:18px;
color:#afc5d2;
}

.textcourgrisexpe{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:24px;
color:#8daabc;
}

.textcourblanc{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:16px;
color:#FFF;
}

.textpelemeledroite{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
color:#afc5d2;
}

.textcourgrisitalic{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size:10px;
line-height:18px;
color:#7691a1;
}

.intro{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:30px;
text-align:left;
padding-right:30px;
padding-left:1px;
color:#7691a1;
}

.intropelemele{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
text-align:right;
padding-right:20px;
padding-left:20px;
color:#7691a1;
}

.titrepelemele{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:24px;
line-height:32px;
text-align:right;
padding-right:20px;
padding-left:20px;
color:#ffcc00;
}

.textcourgrisbold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
line-height:16px;
color:#94a9b6;
}

.textlegbook{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
line-height:14px;
color:#7893a3;
}

.textpied{
padding-top:4px;
padding-bottom:6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#7a94a4;
text-decoration:none;
}

#menupied a:hover {
color:#ffcc00;
}

/*   STYLE DES MENUS   */

.menu1{
font-size:12px;
padding-right:40px;
}

.menu2{
padding-top:4px;
padding-bottom:6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

ul{
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

li{
float:left;
}

li a:link,li a:active,li a:visited{
text-decoration:none;
color:#FFF;
}

li a:hover{
color:#ffcc00;
}

.soulign{
border-bottom:3px solid #7893a3;
padding-bottom:7px;
}
												/*   CENTRE   */
#centre{
clear:both;
width:900px;
padding-top:25px;
}
												/*   PARTENAIRES   */

#margepartenaires{
float:left;
width:188px;
height:100px;
}

#blocpartenaires{
float:left;
width:702px;
}

#partenaires1{
float:left;
width:300px;
}

#partenaires2{
float:left;
width:300px;
}

											/*   MENTIONS LEGALES   */
#margementionsleg{
float:left;
width:188px;
height:100px;
}

#blocmentionsleg{
float:left;
width:702px;
}

#mentionsleg1{
float:left;
width:300px;
}

#mentionsleg2{
float:left;
width:300px;
}

												/*   STYLES PRESENTATION   */
#contenupres{
clear:both;
width:900px;
}

#margegauchepres{
float:left;
width:188px;
height:386px;
background-image:url(imagescvfmarin/portrait.jpg);
background-repeat:no-repeat;
}

#milieupres{
float:left;
width:550px;
padding-right:20px;
}

#margedroitepres{
float:left;
width:142px;
}

#imagecrayonpres{
clear:both;
width:9px;
height:118px;
margin-top:110px;
background-image:url(imagescvfmarin/petitcrayonpresentation.jpg);
background-repeat:no-repeat;
}

#petittextepres{
clear:both;
width:120px;
margin-top:5px;
padding-right:20px;
padding-left:2px;
}
												/*   STYLES PELEMELE   */
#margegauchepelemele{
float:left;
width:188px;
}
#milieupelemele{
float:left;
width:550px;
}
#pelemele1{
width:550px;
height:389px;
background-image:url(imagescvfmarin/PELEMELE-1.jpg);
background-repeat:no-repeat;
}
#pelemele2{
width:550px;
height:407px;
background-image:url(imagescvfmarin/PELEMELE-2.jpg);
background-repeat:no-repeat;
}
#margedroitepelemele{
float:left;
width:137px;
padding-left:10px;
padding-right:5px;
}
#fonds{
clear:both;
width:550px;
}
#fond1{
float:left;
width:195px;
height:113px;
background-image:url(imagescvfmarin/Fond-4.jpg);
background-repeat:no-repeat;
}
#fond2{
float:left;
width:195px;
height:113px;
background-image:url(imagescvfmarin/Fond-5.jpg);
background-repeat:no-repeat;
}
#fond3{
float:left;
width:160px;
height:113px;
background-image:url(imagescvfmarin/Fond-6.jpg);
background-repeat:no-repeat;
}
													/*   STYLES PIED DE PAGE   */
#pied{
clear:both;
width:900px;
background-image:url(imagescvfmarin/filetpied.gif);
background-repeat:repeat-y;
}

#menupied{
clear:both;
padding-left:188px;
width:712px;
/*	height:24px;	*/
}
									/*	NE SERT PAS !
			#filetmenuactif{
			clear:both;
			width:710px;
			margin-left:190px;
			padding-top:7px;
			}						*/

													/*   STYLES FORMATION   */
#contenuforma{
clear:both;
width:900px;
}

#gaucheforma{
float:left;
width:188px;
padding-top:40px;
}

#tit1forma{
clear:both;
width:188px;
text-align:right;
}

#tex1forma{
clear:both;
width:188px;
text-align:right;
margin-top:15px;
}

#centrforma{
float:left;
width:114px;
padding-left:56px;
padding-right:22px;
padding-top:40px;
}

#souris{
width:114px;
height:332px;
background-image:url(imagescvfmarin/souris.jpg);
background-repeat:no-repeat;
}

#droitforma{
float:left;
width:510px;
padding-top:40px;
}

#tit2forma{
clear:both;
width:510px;
}

#tex2forma{
clear:both;
width:508px;
margin-top:15px;
margin-left:2px;
}

#tex2aaaforma{
float:left;
width:220px;
padding-right:30px;
}

#tex2bbbforma{
float:left;
width:220px;
padding-right:30px;
}
													/*   STYLES EXPERIENCE   */
#topexper{
clear:both;
width:712px;
}

#topexpergauche{
float:left;
width:246px;
padding-left:100px;
text-align:right;
} 

#topexperdroit{
float:left;
width:366px;
}

#annees3{
width:366px;
height:25px;
background-image:url(imagescvfmarin/annee0.jpg);
background-repeat:no-repeat;
}

#gaucheexper{
float:left;
width:163px;
text-align:right;
padding-top:30px;
padding-left:25px;
padding-bottom:40px;
}

#droitexper{
float:left;
width:712px;
padding-top:30px;
padding-bottom:30px;
}

#hautexper{
clear:both;
width:712px;
padding-top:20px;
}

#hautexpergauche{
float:left;
width:346px;
padding-top:3px;
}

#annees1{
width:346px;
height:25px;
background-image:url(imagescvfmarin/annee1.jpg);
background-repeat:no-repeat;
}

#hautexpercentr{
float:left;
width:200px;
padding-right:54px;
text-align:left;
}

#hautexperdroit{
float:left;
width:112px;
}

#taille{
width:112px;
height:117px;
background-image:url(imagescvfmarin/taille.jpg);
background-repeat:no-repeat;
}

#basexper{
clear:both;
width:712px;
padding-top:20px;
}

#basexpergauche{
float:left;
width:246px;
padding-left:100px;
text-align:right;
}

#basexperdroit{
float:left;
width:366px;
}

#annees2{
width:366px;
height:25px;
background-image:url(imagescvfmarin/annee2.jpg);
background-repeat:no-repeat;
}

									/*   STYLES FORMULAIRE CONTACT   */
#margegauchecontact{
width:102px;
float:left;
padding-left:36px;
padding-right:50px;
}

#crayonscontact{
width:102px;
height:343px;
background-image:url(imagescvfmarin/crayonscontact.jpg);
background-repeat:no-repeat;
}

#centrecontact{
float:left;
width:712px;
padding-top:40px;
}

#titcontact{
clear:both;
width:712px;
}

#formcontact{
clear:both;
width:712px;
}

#formcontactgauche{
float:left;
width:356px;
padding-top:10px;
}

#formcontactdroite{
float:left;
width:356px;
padding-top:10px;
}

.calage{
display:inline;
float:left;
width:90px;
margin-top:3px;
color:#94a9b6;
}

label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
line-height:16px;
color:#94a9b6;
}

.champs{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#000;
margin-bottom:10px;
height:18px;
border:none;
background-color:#9ebcce;
}

fieldset{
border:none;
}

.saisiemessage{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
background-color:#9ebcce;
border:none;
height:110px;
margin-bottom:10px;
padding-left:5px;
}

.bouton{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#000;
height:20px;
width:150px;
background-color:#ffcc00;
}

.asterix{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
text-align:left;
}
									/*   ERREUR 404   */
#mess404{
clear:both;
width:712px;
margin-left:188px;
margin-top:60px;
margin-bottom:60px;
}
									/*   STYLES DU BOOK   */
#bookgauche{
float:left;
width:188px;
height:360px;
padding-bottom:20px;
}

#lorgnette{
float:left;
width:360px;
height:360px;
background-repeat:no-repeat;
}

#bookdroite{
float:left;
width:352px;
height:360px;
}

#booklegende{
clear:both;
width:246px;
margin-top:50px;
margin-left:53px;
margin-right:53px;
}

#fleches{
clear:both;
width:352px;
height:50px;
padding-top:100px;
}

#fleche-prec{
float:left;
width:50px;
height:50px;
padding-right:20px;
padding-left:116px;
}

#fleche-suiv{
float:left;
width:50px;
height:50px;
}
							/* DIV FLASH bannière animée, remplace la DIV "bandeau" initiale avec image fixe */
#divswf2{
clear:both;
width:900px;
height:115px;
background-color:#000;
}
														/*   FLASH VOEUX   */
#divswf{
float:left;
width:712px;
background-color:#000;
padding-bottom:20px;
}