/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	font-family: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

/*
	CODES COULEUR
				rose : #e43279;
				vert : #c1c900;
				gris de fond : #ebebeb;
				rose faux-transparent : #e94486;
				gris d'écriture : #626060;
*/

body {
		 font-family : Century Gothic, Trebuchet MS;
		 font-size : 13px;
		 color : #626060;
		 height : 100%;
}

/*************************/
/* PRELOAD */
#preloader {
position:absolute;
background-color:white;
height:100%;
width:100%;
display:none;
z-index:100; /* Mettez le z-index au-dessus des autres */
background: #ffffff;
}

*+html #preloader{
  left:-70px;
}

#preloadIMG {
position:absolute;
left:50%;
width:20px;
margin-left:-10px;
height:20px;
top:150px;
}

/* fin PRELOAD */
/*************************/

/* ***** MENU ***** */
#menu {
			background : url('../images/strigris.png') repeat;
			width : 100%;
			height : 60px;
			position : relative;
}

#menu #menu_inner {
			width : 930px;
			height : 60px;
			margin : auto; 
			background : url('../images/strigris.png') repeat;
			position : relative;			
}

#menu #menu_inner #logo {
			background : url('../images/logo-vanessa-guerinoni.gif') no-repeat;
			width : 295px;
			height : 32px;
			position : absolute;
			top : 20px;
}

*+html #menu #menu_inner #logo {
			 left : 0px;
}

#menu #menu_inner #logo a{
			display : block;
			width : 100%;
			height : 100%;
}

#menu #menu_inner #menu_liste {
			position: relative;
			top : 20px;
			margin-left : 610px;
			width : 300px;
}

#menu #menu_inner #menu_liste ul li {
			display : inline;
			font-size : 15px;
			color : #e43279;
}

#menu #menu_inner #menu_liste ul li a{
			color : #626060;
			text-decoration : none;
}

#menu #menu_inner #menu_liste ul li a:hover{
		 color : #e43279;
}
/* *** fin MENU *** */



/******************************/
/* PAGE ACCUEIL */
/* ***** HEADER ***** */
#header {
				background : url('../images/fond_header.gif') repeat-x;
				width : 100%;
				height : 282px;
				top : 8px;
				position : relative;
}

#header #header_inner {
				width : 930px;
				background : url('../images/fond_header.jpg') repeat-x;
	      margin : auto;
				height:274px;
}

#header #header_inner #fleur {
			 width : 281px;
			 height : 274px;
			 background : url('../images/fleur-bandeau.gif') no-repeat;
			 float : left;
			 margin-left : 40px;
}


#header #header_inner #cadre_texte {
			width : 506px;
			height : 224px;
			background : #e94486;
			margin-left :400px;
		 	position:absolute;
		  margin-top :26px;			 			 
}


*+html #header #header_inner #cadre_texte {
			 margin-left : 100px;
}

#header #header_inner #cadre_texte #texte_presentation {
			 padding : 10px;
			 text-align : right;
			 color : #ffffff;
			 font-size : 13px;
			 padding-right : 20px;
}


/* *** fin HEADER *** */



/* ***** CONTENT ***** */
#content {
				width : 100%;
				position : relative;
}

#content #content_inner {
				width : 930px;
				margin : auto;
}

#content #content_inner #jquery_rea {
         width : 483px;
				 height : 327px;
				 position : absolute;
				 top : 10px;
}

#content #content_inner #jquery_rea #legende_rea {
				 font-size : 36px;
				 font-weight : bold;
				 color : #dfdddd;
				 margin-top : 20px;
				 margin-left : 6px;
}



#content #content_inner #contact_rapide {
				 background : url('../images/post-it-contact.gif');
				 width : 424px;
				 height : 346px;
				 position : absolute;
				 margin-left : 490px;
				 top : 10px;
}

#content #content_inner #contact_rapide h1 {
				 text-align : right;
				 color : #e43279;
				 margin-top : 40px;
				 margin-right : 70px;
}

#content #content_inner #contact_rapide #contenu_contact {
				 margin-left : 100px;
				 margin-top : 20px;
}

#content #content_inner #contact_rapide #contenu_contact label {
				 font-size : 14px;
}

#content #content_inner #contact_rapide #contenu_contact input {
				 width : 264px;
}

#content #content_inner #contact_rapide #contenu_contact textarea {
				 width : 264px;
				 height : 40px;
}

#content #content_inner #contact_rapide #contenu_contact #bouton_envoyer {
				 background : url('../images/bouton-envoyer.gif') no-repeat 0 2px;
				 width : 121px;
				 height : 26px;
				 border : 0;
				 margin-top : 15px;
				 text-align : left;
				 float : right;
				 color : #ffffff;
				 margin-right : 50px;
				 font-weight : bold;
			 	 font-family : Century Gothic, Trebuchet MS;
			 	 padding-left : 5px;
}

#content #content_inner #contact_rapide #contenu_contact #bouton_envoyer:hover {
				 cursor : pointer;
				 padding-left : 38px;
}
/* *** fin CONTENT *** */
/* fin PAGE ACCUEIL*/
/*************************************/

/* ***** HEADER 2 ***** */
#header2 {
				background : url('../images/fond-header-2.gif') repeat-x;
				width : 100%;
				height : 139px;
				top : 8px;
				position : relative;
}

#header2 #header_inner {
				width : 930px;
				background : url('../images/fond-header-2.gif') repeat-x;
	      margin : auto;
				height:139px;
}

#header2 #header_inner #fleur {
			 width : 279px;
			 height : 128px;
			 background : url('../images/fleur-bandeau-2.gif') no-repeat;
			 float : left;
			 margin-left : 40px;
}
/* *** fin HEADER 2 *** */

/* **** SOUS MENU  **** */
#header2 #header_inner #sous_menu {
				 padding-top : 80px;
}

#header2 #header_inner #sous_menu ul {
				 text-align : right;
				 margin-right : 20px;
}

#header2 #header_inner #sous_menu ul li {
					 display : inline;
}

#header2 #header_inner #sous_menu ul li {
 					 font-size : 39px;
					 color : #f29fc0;
					 font-weight : bold;
}

#header2 #header_inner #sous_menu ul li a {
					 font-size : 39px;
					 color : #f29fc0;
					 font-weight : bold;
					 text-decoration : none;
}

#header2 #header_inner #sous_menu ul li a:hover {
					 color : #ffffff;
}

#header2 #header_inner #sous_menu ul li a.selected {
					 color : #ffffff;
}
/* ** fin SOUS MENU  ** */


/* **** SOUS MENU 2 & 3 **** */
#header2 #header_inner #sous_menu2 {
				 padding-top : 30px;
				 text-align : right;
			   font-weight : bold;
			   font-size : 39px;
			   color : #f29fc0;
}


#header2 #header_inner #sous_menu2 a {
					 display : inline;
					 color : #f29fc0;
				   font-weight : bold;
					 text-decoration : none;
}


#header2 #header_inner #sous_menu2 a:hover {
					 color : #ffffff;
}

#header2 #header_inner #sous_menu3 {
				 padding-top : 80px;
				 text-align : right;
			   font-weight : bold;
			   font-size : 39px;
			   color : #f29fc0;
}

#header2 #header_inner #sous_menu3 a {
					 display : inline;
					 color : #f29fc0;
				   font-weight : bold;
					 text-decoration : none;
}


#header2 #header_inner #sous_menu3 a:hover {
					 color : #ffffff;
}
/* ** fin SOUS MENU  ** */





/* ******** PAGE REALISATIONS ****** */
#content #content_inner .img_realisation {
				  height : 160px;
				  margin-top : 20px;
}

#content #content_inner .img_realisation .apercu {
				 float : left;
				 height : 160px;			
				 width : 569px;
}

#content #content_inner .img_realisation .desc {
				 float : left;
				 margin-top : 5px;
				 width : 340px;
				 margin-left : 10px;
}

#content #content_inner .img_realisation .desc h2 {			
				 font-size : 16px;
				 color : #e43279;
}

#content #content_inner .img_realisation .desc .actions {
				 font-weight : bold;
				 font-size : 12px;
				 color : #626060;
}


#content #content_inner .img_realisation .lien_site a {
				 background : url('../images/bouton-voir-site.gif') no-repeat bottom;
				 width : 82px;
				 height : 18px;
				 border : 0;
				 text-align : left;
				 color : #fff;
				 font-weight : bold;
			 	 font-family : Century Gothic, Trebuchet MS;
			 	 text-decoration : none;
			 	 padding-left: 20px;
			 	 padding-top : 1px;
			 	 font-size : 11px;
			 	 float : right;
			 	 margin-top : -6px;
			 	 margin-top /*\**/ : -2px\9;
			 	 display :block;
			 	 margin-left : -15px;
}

*+html #content #content_inner .img_realisation .lien_site a {
	 			margin-top : -4px;
}



#content #content_inner .img_realisation .lien_site a:hover,
#content #content_inner .img_realisation .lien_site a:focus {
			height : 21px;
}

#content #content_inner .img_realisation .lien_apercu a {
				 background : url('../images/bouton-apercu.gif') no-repeat bottom;
				 width : 66px;
				 height : 18px;
				 border : 0;
				 text-align : left;
				 color : #fff;
				 font-weight : bold;
			 	 font-family : Century Gothic, Trebuchet MS;
			 	 text-decoration : none;
			 	 padding-left: 20px;
			 	 padding-top : 1px;
			 	 font-size : 11px;
			 	 float : right;
			 	 margin-top : -6px;			 	 
			 	 margin-top /*\**/ : -2px\9;
			 	 display :block;
}

*+html #content #content_inner .img_realisation .lien_apercu a  {
	    
}

#content #content_inner .img_realisation .lien_apercu a:hover,
#content #content_inner .img_realisation .lien_apercu a:focus {
			height : 21px;
}




/* ***** fin PAGE REALISATIONS ***** */

/**********************************/
/* PAGINATION */
.previous_link {
					 background : url('../images/fleche1.png') no-repeat;
					padding-top : 10px; 
					width : 30px;
					height : 30px;
					display : block;
					float : left;
}

.next_link {
					 background : url('../images/fleche2.png') no-repeat;
					padding-top : 10px; 
					width : 30px;
					height : 30px;
					display : block;
					float : left;
}

.page_link {
					 background : #fff;
					 	text-decoration:none;
					 	float : left;
}

#page_navigation {
			 margin-top : 50px;
			 margin-bottom : 70px;
			 text-align : center;
			 float : right;
}

#page_navigation a{
	padding:3px;
	margin:2px;
	color:#e43279;
	text-decoration:none
	border : none;
	font-size : 20px;
	font-weight : bold;
}

.active_page{
	background:#fff;
	border : none;
	color : #626060 !important;
	border-bottom : 1px dotted #525252;
}


/* fin PAGINATION*/

/* ************ page PROFIL ************* */
#content #content_inner #bloc_profil_graphisme {
				 margin-top : 35px;
				 float : left;
}

#bouton_telecharger_cv {
											 float : left;
											 background : url('../images/telecharger-cv.gif') no-repeat;
											 width : 172px;
											 height : 33px;
											 margin-top : 70px;
											 margin-left : 30px;
}

#bouton_telecharger_cv a {
											 display : block;
											 width : 100%;
											 height : 100%;
}

#content #content_inner #bloc_profil_graphisme h2 {
				 font-size : 16px;
}

#content #content_inner #bloc_profil_graphisme #texte_graph {
				 float : left;
				 margin-top : 35px;
				 margin-left : 10px;
}

#content #content_inner #bloc_profil_graphisme #texte_graph ul {
				 list-style-type : square;
				 margin-left : 40px;
				 margin-top : 5px;
}

#content #content_inner #bloc_profil_graphisme #texte_graph ul li {
				 margin-bottom : 1px;
}

#content #content_inner #bloc_profil_graphisme img{
				 float : left;
}

#content #content_inner #bloc_profil_web {
				 margin-top : 10px;
}

#content #content_inner #bloc_profil_web h2 {
				 font-size : 16px;
}

#content #content_inner #bloc_profil_web #texte_web {
				 margin-top : 25px;
				 float : left;
				 margin-left : 50px;
}

#content #content_inner #bloc_profil_web #texte_web ul {
				 list-style-type : square;
				 margin-left : 30px;
				 margin-top : 5px;
}

#content #content_inner #bloc_profil_web #texte_web ul li {
				 margin-bottom : 1px;
}

#content #content_inner #bloc_profil_web img{
				 float : right;
				 margin-right : 220px;
}
/* ********* fin page PROFIL ************ */


/* ***** PAGE CONTACT ***** */
#content #content_inner #texte_contenu {
				 margin-top : 40px;
				 font-size : 13px;
}


#content #content_inner #coordonnees {
				 float : left;
				 background : url('../images/post-it-contact-cooronnees.gif') no-repeat;
				 width : 340px;
				 height : 271px;
				 margin-top : 30px;
}


#content #content_inner #coordonnees #texte_coord {
				 margin-top : 60px;
				 margin-left : 70px;
}

#content #content_inner #coordonnees #texte_coord h1 {
				 color : #e43279;
				 font-size : 18px;
}


#content #content_inner #formulaire_contact {
				  float : left;				  
				  margin-left : 55px;
				  margin-top : 40px;
}

#content #content_inner #formulaire_contact #gauche{
				  float : left;
}

#content #content_inner #formulaire_contact #droit {
				  float : left;
				 margin-left : 20px;
}

#content #content_inner #formulaire_contact #droit textarea {
				 width : 350px;
				 height : 185px;
}

*+html #content #content_inner #formulaire_contact #droit textarea  {
			 width : 300px;
}

#content #content_inner #formulaire_contact #bouton_envoyer {
				 background : url('../images/bouton-envoyer.gif') no-repeat 0 2px;
				 width : 121px;
				 height : 26px;
				 border : 0;
				 margin-top : 15px;
				 text-align : left;
				 float : right;
				 color : #ffffff;
				 margin-right : 0px;
				 font-weight : bold;
			 	 font-family : Century Gothic, Trebuchet MS;
			 	 padding-left : 20px;
}


#content #content_inner #formulaire_contact #bouton_envoyer:hover {
				 cursor : pointer;
				 padding-left : 38px;
}


/* *** fin PAGE CONTACT *** */


/* *** PAGE MENTIONS LEGALES *** */
#texte_mentions {
		text-align : justify;						
}

#texte_mentions h2 {
	 margin-top : 20px;
}

#texte_mentions h3 {
	 font-size : 13px;
	 font-weight : bold;
}

#texte_mentions a {
color : #e43279;
}
/* *** fin PAGE MENTIONS LEGALES *** */



/* ***   FOOTER  *** */
#footer {
				width : 100%;
				position : relative;
				margin-top : 20px;
				color : #8a8a8a;
}

#footer #footer_inner {
				border-top : 1px solid #dcdcdc;
				padding : 10px;
				width : 930px;
				margin : auto;
				text-align : right;
}

#footer #footer_inner a {
				color : #8a8a8a;
				text-decoration : none;
}

#footer #footer_inner a:hover {
				text-decoration : underline;
}
/* *** fin FOOTER *** */



#centercol #galerie{
width : 483px;
height : 249px;
background: url('../images/bg_rea.png') no-repeat 0 20px ;
margin-top : 0px;
}

#centercol #galerie #description{
font-size:1.2em;
color:#ffffff;
background: #0a131c;
filter: alpha(opacity=85);
-moz-opacity: 0.85;
-khtml-opacity: 0.85;
opacity: 0.85;

position:relative;
top:-64px;
width:435px;
height:50px;
padding:4px;
padding-bottom:6px;

}


#centercol #galerie #description #linkrea {
text-align:right;
width:100%;

}


#centercol #galerie #description #linkrea a{
color:#f0f0f0;
text-decoration: none;

}


#centercol #galerie #description #linkrea a:hover{
border-bottom:1px dashed #fff;
text-decoration: none;
color:#ffffff;

}





.clearer {
				 clear : both;
}