* { margin:0;padding:0; }


/* Balises générales - Début */

html {
	height: 100%;
}

body {
	height:100%;
	background-color:#272727;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:white;
}

a {
	text-decoration:none;
	text-shadow:none;
}

a:hover {
	text-decoration:none;
	text-shadow:2px 2px 2px #777777;
}

a.lien {
	text-decoration:none;
	color:#00B5E1;
	text-shadow:2px 2px 2px #777777;
}

a:hover.lien {
	color:#00B5E1;
	text-decoration:underline;
	text-shadow:2px 2px 2px #777777;
}

img {
	border:none;
}

img.vcentre {
	vertical-align:middle;
}

ul.pucemain {
	list-style-type:square;
	color:#A9A9A9;
	padding-left:38px;
}

ul.puceconseil {
	list-style-type:square;
	color:#95A38A;
	padding-left:38px;
}

ul.pucecrea {
	list-style-type:square;
	color:#CC365A;
	padding-left:38px;
}

ul.pucephoto {
	list-style-type:square;
	color:#7FBFD8;
	padding-left:38px;
}

ul.pucevideo {
	list-style-type:square;
	color:#EEB45C;
	padding-left:38px;
}

ul.puceformation {
	list-style-type:square;
	color:#958ABD;
	padding-left:38px;
}

.text-ul {
	color:#FFFFFF;
}
/* Balises générales - Fin */


/* Entête - Début */

#logo {
	background:#FFFFFF;
	padding:20px 0px 10px 20px;
	border-bottom:double;
	border-bottom-color:#A9A9A9;
}

.accueil {
	display:block;
	width:130px;
	background:url(http://www.bepictured.com/design/bp_logo_web.png) no-repeat;
}

.accueil:hover {
	background:url(http://www.bepictured.com/design/bp_logo_web2.png) no-repeat;
}
/* Entête - Fin */


/* Menu - Début */

#menu {
	padding:20px;
	float:right;
	background-color:#272727;
}

#menu1 {
	margin-top:5px;
}

.conseil {
	display:block;
	font-size:14px;
	color:#95A38A;
	text-align:right;
	line-height:7px;
}

.conseilbig {
	font-family:'Crimson Text', serif;
	font-size:36px;
	color:#95A38A;
	line-height:38px;
}

#menu2 {
	text-align:left;
	margin-top:8px;
}

.photo {
	color:#7FBFD8;
	font-size:14px;
}

.photobig {
	font-family:'Crimson Text', serif;
	color:#7FBFD8;
	font-size:36px;
}

#menu3 {
	margin-top:10px;
}

.graphisme {
	font-size:14px;
	color:#CC365A;
}

.graphismebig {
	display:block;
	font-family:'Crimson Text', serif;
	font-size:36px;
	color:#CC365A;
	line-height:12px;
}

#menu4 {
	margin-top:29px;
}

.video {
	display:block;
	font-size:14px;
	color:#EEB45C;
	text-indent:85px;
}

.videobig {
	font-family:'Crimson Text', serif;
	font-size:36px;
	color:#EEB45C;
	line-height:16px;
}

#menu5 {
	margin-top:15px;
}

.formation {
	display:block;
	font-size:14px;
	color:#958ABD;
	text-indent:17px;
}

.formationbig {
	font-family:'Crimson Text', serif;
	font-size:36px;
	color:#958ABD;
	line-height:14px;
}
/* Menu - Fin */


/* ================================================== Partie Modifiable ======================================================== */


/* Habillage : photos sur page - Début */

#decormain {
	height:88%;
	min-height:600px;
	background-image:url(http://www.bepictured.com/design/fondmain.jpg);
	background-repeat:repeat-y;
}

#decormainright {
	display:none;
}

#decorconseil {
	height:88%;
	min-height:600px;
	background-image:url(http://www.bepictured.com/design/fondconseil.jpg);
	background-repeat:repeat-y;
}

#decorconseilright {
	display:none;
}

#decorphoto {
	height:88%;
	min-height:600px;
	background-image:url(http://www.bepictured.com/design/fondphoto.jpg);
	background-repeat:repeat-y;
}

#decorphotoright {
	display:none;
}

#decorcrea {
	height:88%;
	min-height:600px;
	background-image:url(http://www.bepictured.com/design/fondcrea.jpg);
	background-repeat:repeat-y;
}

#decorcrearight {
	display:none;
}

#decorvideo {
	height:88%;
	min-height:600px;
	background-image:url(http://www.bepictured.com/design/fondvideo.jpg);
	background-repeat:repeat-y;
}

#decorvideoright {
	display:none;
}

#decorformation {
	height:88%;
	min-height:600px;
	background-image:url(http://www.bepictured.com/design/fondformation.jpg);
	background-repeat:repeat-y;
}

#decorformationright {
	display:none;
}
/* Habillage : photos sur page - Fin */


/* Corps de page - Début */

#page {
	background-color:#272727;
	width:42%;
	padding:20px;
	margin-bottom:80px;
	float:right;
	z-index:3;
}

h1 {
	font-family:'Crimson Text', serif;
	font-size:30px;
	font-weight:400;
	color:#A9A9A9;
}

h1:first-letter {
	font-family:'Crimson Text', serif;
	font-size:175%;
	color:#A9A9A9;
	margin-right:2px;
}

h2.main {
	font-family:'Crimson Text', serif;
	font-size:18px;
	color:#A9A9A9;
	font-variant:small-caps;
	padding-top:18px;
	padding-bottom:9px;
	text-indent:30px;
}

h2.cat-conseil {
	font-family:'Crimson Text', serif;
	font-size:18px;
	color:#95A38A;
	font-variant:small-caps;
	padding-top:18px;
	padding-bottom:9px;
	text-indent:30px;
}

h2.cat-photo {
	font-family:'Crimson Text', serif;
	font-size:18px;
	color:#7FBFD8;
	font-variant:small-caps;
	padding-top:18px;
	padding-bottom:9px;
	text-indent:30px;
}

h2.cat-crea {
	font-family:'Crimson Text', serif;
	font-size:18px;
	color:#CC365A;
	font-variant:small-caps;
	padding-top:18px;
	padding-bottom:9px;
	text-indent:30px;
}

h2.cat-video {
	font-family:'Crimson Text', serif;
	font-size:18px;
	color:#EEB45C;
	font-variant:small-caps;
	padding-top:18px;
	padding-bottom:9px;
	text-indent:30px;
}

h2.cat-formation {
	font-family:'Crimson Text', serif;
	font-size:18px;
	color:#958ABD;
	font-variant:small-caps;
	padding-top:18px;
	padding-bottom:9px;
	text-indent:30px;
}

p.main:first-letter{
	font-family:'Crimson Text', serif;
	color:#A9A9A9;
    float:left;
    font-size:41px;
    line-height:24px;
    margin-right:3px;
	margin-bottom:-1px;
}

p.cat-conseil:first-letter{
	font-family:'Crimson Text', serif;
	color:#95A38A;
    float:left;
    font-size:41px;
    line-height:24px;
    margin-right:3px;
	margin-bottom:-1px;
}

p.cat-photo:first-letter{
	font-family:'Crimson Text', serif;
	color:#7FBFD8;
    float:left;
    font-size:41px;
    line-height:24px;
    margin-right:3px;
	margin-bottom:-1px;
}

p.cat-crea:first-letter{
	font-family:'Crimson Text', serif;
	color:#CC365A;
    float:left;
    font-size:41px;
    line-height:24px;
    margin-right:3px;
	margin-bottom:-1px;
}

p.cat-video:first-letter{
	font-family:'Crimson Text', serif;
	color:#EEB45C;
    float:left;
    font-size:41px;
    line-height:24px;
    margin-right:3px;
	margin-bottom:-1px;
}

p.cat-formation:first-letter{
	font-family:'Crimson Text', serif;
	color:#958ABD;
    float:left;
    font-size:41px;
    line-height:24px;
    margin-right:3px;
	margin-bottom:-1px;
}

.italic {
	font-family:'Crimson Text', serif;
	font-style:italic;
	font-size:16px;
	color:#A9A9A9;
}

p.italic:first-letter {
	font-family:'Crimson Text', serif;
	font-size:175%;
	color:#A9A9A9;
	margin-right:1px;
}

.smallcaps {
	font-variant:small-caps;
}
/* Corps de page - Fin */


/* ================================================ Fin Partie Modifiable ========================================================== */


/* Sous-menu - Début */

#sousmenu {
	clear:both;
	position:relative;
	background-color:#323232;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#A9A9A9;
	width:100%;
	padding:10px 20px 20px;
	border-top:double;
	border-top-color:#A9A9A9;
}

#sousmenu a {
	color:#A9A9A9;
	text-shadow:none;
}
	
#sousmenu a:hover {
	color:#00B5E1;
}

#adresse {
	font-family:'Crimson Text', serif;
	font-style:italic;
	font-size:15px;
}

#social {
	float:right;
}
/* Sous-menu - Fin */


/* Coin en bas de page - Début */

.coin {
	display:none;
}
/* Coin en bas de page - Fin */


/* ================================================== Pages Spécifiques ============================================================ */


/* Formulaire de contact - Début */

input[type=submit] {
	border:2px outset #7FBFD8;
	color:#272727;
	cursor:pointer;
}

input[type=submit]:hover {
	border:2px outset #FFFFFF;
	background-color:#7FBFD8;
	color:#272727;
}

input[type=submit]:active {
	border:2px inset #CC365A;
	background-color:#7FBFD8;
	color:#272727;
}

.erreur {
	font-family:'Crimson Text', serif;
	font-size:18px;
	color:#CC365A;
	font-variant:small-caps;
	padding:10px 0;
}

.done {
	font-family:'Crimson Text', serif;
	font-size:18px;
	color:#7FBFD8;
	font-variant:small-caps;
	padding:10px 0;
}
/* Formulaire de contact - Fin */


/* Recrutement */

table.job {
	border:none;
	width:100%;
}

tr.job {
	height:auto;
}

td.jobdescr-graph {
	padding:0px 4px;
	color:#CC365A;
	vertical-align:top;
	width:30%;
}

td.jobdescr-vid {
	padding:0px 4px;
	color:#EEB45C;
	vertical-align:top;
	width:30%;
}

td.jobdescr-conseil {
	padding:0px 4px;
	color:#95A38A;
	vertical-align:top;
	width:30%;
}

td.jobansw{
	vertical-align:top;
	width:70%;
}

.jobtitle-graph {
	display:block;
	border-bottom:double;
	text-align:right;
	font-size:12px;
	font-variant:small-caps;
	color:#CC365A;
}

.jobtitle-vid {
	display:block;
	border-bottom:double;
	text-align:right;
	font-size:12px;
	font-variant:small-caps;
	color:#EEB45C;
}

.jobtitle-conseil {
	display:block;
	border-bottom:double;
	text-align:right;
	font-size:12px;
	font-variant:small-caps;
	color:#95A38A;
}
/* Recrutement - Fin */


/* ================================================ Fin Pages Spécifiques ========================================================== */