/* @override 
	http://intra/projet/ism25.phixso/site/_themes/phixso/theme.css */

/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code, em, font, img, small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }
table, caption, tbody, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
:focus { outline: 0; }
A { text-decoration: none; }
p, ol, dl, ul, blockquote { margin-bottom: 10px }
ul, blockquote { margin-left: 15px; }
ul ul { margin-left: 15px; }
ul li { padding: 0; list-style-type: disc; }
.left { float: left; }
.right { float: right; }
.clearer { clear: both; }
.block { width: 100%; overflow: hidden; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
small, .legende { font-size: 10px; }
.smaller { font-size: 9px; }
.underline { text-decoration: underline; }
.no-display { display: none; }



/* @end */

/* @group li-resets */

ul#sur-nav,
ul#scroller-content,
ul#nav-level-1,
ul#nav-dots,
ul.slide-icons
{
	display: block;
	margin: 0;
	padding: 0;
}

ul#sur-nav li,
ul#nav-level-1 li,
ul#nav-dots li,
ul.slide-icons li
{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}


/* @end */

/* @group layout */

#loading-body
{
	text-align: center;
	color: #FFF;
	padding-top: 45px;
	padding-bottom: 40px;
}

#loader
{
	margin: 50px;
}

#bouton-recharger
{
	margin: 0px auto;
	width: 135px;
}

#body-home
{
	display: none;
}

::selection
{
	background: #84817e;
	color: white;
	/* Safari */
}
*::-moz-selection
{
	background: #84817e none repeat scroll 0 0;
	color:white;
	/*firefox*/	
}

body, #body-home
{
	height: 100%;
	min-height: 910px;
	position: relative;
	min-width: 980px;
}

body
{
	font: 12px/16px "Lucida grande", geneva, "Microsoft Sans Serif", arial, sans-serif;
	background-image: url(images/pattern_body.jpg);
	color: #a9a598;
}


.wrapper
{
	width: 980px;
	margin: 0px auto;
	position: relative;
}

a
{
	color: #a8c100;
}

a:hover,
ul#scroller-content li:hover a
{
	color: #c6e229;
	text-decoration: none;
	text-shadow: #f2ffa3 0 0 5px;
}

#header-bg
{
	background: #2b2622 url(images/bg_header.jpg) no-repeat center;
	height: 578px;
}

#header, #header .wrapper
{
	height: 578px;
}

#page-body
{
	background: url(images/filet_header.gif) repeat-x;
	padding-top: 50px;
	position: relative;
	min-height: 200px;
	padding-bottom: 70px;
	text-shadow: #000000 0 1px 0;
}

#page-body .wrapper
{
	width: 850px;
	margin: auto auto;
	position: relative;
	left: 0; right: 0; top: 2%; bottom: 50%;
}

#header h1
{
	display: block;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 20px;
	width: 170px;
	height: 40px;
	padding: 40px 50px 60px;
	text-align: center;
	background: url(images/phyxso_logo.png) no-repeat;
}

#header h1 span
{
	display: none;
}

.mep #header h1
{
	cursor: pointer;
}

.mep #header h1:hover
{
	filter:alpha(opacity=90);
	opacity: 0.9;
}

#footer
{
	width: 100%;
	background-color: #322e29;
	text-align: center;
	padding: 13px 0px;
	font-size: 11px;
	height: 16px;
	position: absolute;
	bottom: 0px;
}

/* @end */

/* @group typography */
h1
{
	color: #FFF;
	font: normal 15px arial, helvetica, sans-serif;
}

h3, .spacer
{
	font-size: 12px;
	font-weight: bold;
	background: url(images/filets_h3.png) no-repeat bottom left;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

h4
{
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
}

h5
{
	color: #FFF;
	font: normal normal 16px helvetica, arial, sans-serif;
	margin: 0 0 10px 0;
}

#col-contact h3
{
	margin-bottom: 5px;
}

/* @end */

/* @group navigation */

ul#sur-nav
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

ul#sur-nav li
{
	margin: 9px 0;
	border-right: 1px solid #a9a598;
	padding: 0 10px;
	font-size: 11px;
	line-height: 13px;
}

ul#sur-nav li:last-child
{
	border-right: none;
	padding-right: 2px;
}

ul#sur-nav a
{
	color: #a9a598;
}

ul#sur-nav a:hover
{
	color: #FFF;
	text-shadow: #000 0 1px 0px;
}

#bar-nav
{
	position: absolute;
	z-index: 9;
	top: 32px;
	padding-right: 30px;
	padding-left: 295px;
	height: 71px;
	width: 656px;
	background: url(images/bar_nav_bg.gif) no-repeat;
}

#nav-level-1 #magic-line
{
	background: url(images/bg_hover_nav.gif) repeat-x 0 0;
	height: 12px;
	position: absolute;
	z-index: 2;
	top: 0px;
	border-right: none;
}

#nav-level-1 li
{
	border-right: 1px solid #312b27;
}

#nav-level-1 li:first-child
{
	border-left: 1px solid #312b27;
}


#nav-level-1 a
{
	display: block;
	position: relative;
	z-index: 3;
	height: 71px;
	width: 170px;
	opacity: 0.5;
}

#nav-level-1 a:hover,
#nav-level-1 a.active
{
	opacity: 1.0;
}

#nav-level-1 .bt-Communication a,
#nav-level-1 .bt-communication a
{
	background: url(images/nav_communication.gif) no-repeat;
	width: 207px;
}

#nav-level-1 .bt-Formation a,
#nav-level-1 .bt-formation a
{
	background: url(images/nav_formation.gif) no-repeat;
	width: 152px;
}

#nav-level-1 .bt-Portefolio a,
#nav-level-1 .bt-portefolio a
{
	background: url(images/nav_portfolio.gif) no-repeat;
	width: 143px;
}

#nav-level-1 .bt-Contact a,
#nav-level-1 .bt-contact a
{
	background: url(images/nav_contact.gif) no-repeat;
	width: 145px;
}

#nav-level-1 li a span,
#nav-dots li a span
{
	display: none;
}

ul#nav-dots
{
	position: absolute;
	z-index: 3;
	top: 530px;
	right: 60px;
}

ul#nav-dots li a
{
	width: 16px;
	height: 16px;
	background: url(images/dots.png) no-repeat 10px -15px;
	display: block;
	padding: 0px 10px;
}

ul#nav-dots li a:hover,
ul#nav-dots li a.active
{
	background: url(images/dots.png) no-repeat 10px 0;
}

/* @end */

/* @group col-contact */

#col-contact
{
	float: left;
	width: 222px;
}

#col-contact dl
{
	font-size: 11px;
}

#col-contact dt
{
	clear: both;
	float: left;
	display: block;
	width: 75px;
	padding-top: 10px;
}

#col-contact dd
{
	float: right;
	display: block;
	width: 147px;
	padding-top: 10px;
}

#col-contact dt.label-telephone,
#col-contact dd.block-telephone span {
	display: none;
}

#col-contact dd.block-telephone {
	float: none;
	clear: both;
	height: 50px;
	width: 222px;
	background: url(images/tel_0387211148.png) no-repeat left bottom;
}

/* @end */

/* @group col-actus */

#col-actus
{
	float: right;
	width: 585px;
	padding-bottom: 20px;
	background: url(images/filets_h3.png) no-repeat bottom left;
}

.scroller
{
	width: 560px;
	float: left;
	height: 115px;
	overflow: hidden;
}

.scroller-content
{
	width: 560px;
}

#list-actus li
{
	display: block;
	clear: both;
	margin: 0px;
	list-style: none;
	height: 36px;
}

#list-actus li:hover,
#list-actus li.active
{
	background: url(images/actu_hover.gif) no-repeat;
	cursor: pointer;
}

#list-actus li:hover span.item-date,
#list-actus li.active span.item-date
{
	padding-left: 20px;
	width: 90px;
	cursor: pointer;
}

#list-actus span
{
	display: block;
	float: left;
	padding: 10px 0px;
	border-bottom: 1px solid #554f47;
}

#list-actus span.item-date
{
	font-size: 10px;
	width: 110px;
}

#list-actus span.item-title
{
	width: 450px;
}

/*no-actu*/
#list-actus li#no-actu:hover
{
	background: none;
}

#list-actus li#no-actu:hover span.item-date
{
	padding-left: 0px;
	width: 110px;
	cursor: default;
}

/* @end */

/* @group slider-pages */


#arrow-left
{
	position: absolute;
	left: -5px; top: 280px;
}

#arrow-right
{
	position: absolute;
	right: -7px; top: 281px;
}

#arrow-left:hover
{
	left: -7px;
}

#arrow-right:hover
{
	right: -10px;
}

#pages-contents
{
	position: absolute;
	width: 915px;
	left: 0; right: 0;
	margin: 0px auto;
	overflow: hidden;
	height: 578px;
}

#pages-scroller
{
	height: 10000px;
	padding-top: 500px;
}


#pages-contents .slide
{
	background: url(images/bg_item_rubs.png) no-repeat 0px 130px;
	padding-top: 145px;
	height: 428px;
	margin-left: 3px;
}



/* @end */

/* @group slide-communication */

#communication
{
	background: url(images/fake_video_1.png) no-repeat 166px 5px;
	padding: 5px;
	height: 340px;
	width: 902px;
}

.slide-ambiance
{
	/*background: url(images/fake_video_1.png) no-repeat;*/
	width: 741px;
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	height: 350px;
	position: relative;
	margin-bottom: -350px;
	z-index: 1;
}

#formation .slide-ambiance,
#contact .slide-ambiance
{
	margin-right: 5px;
}

.slide-content
{
	position: relative;
	z-index: 2;
}

.slide h2
{
	width: 480px;
	height: 90px;
	position: relative;
	left: -8px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.slide h2 span
{
	display: none;
}

#communication h2
{
	background: url(images/t_communication.png) no-repeat 0 0;
}

#formation h2
{
	background: url(images/t_formation.png) no-repeat 0 0;
}

#portefolio h2
{
	background: url(images/t_portfolio.png) no-repeat 0 0;
}

#contact h2
{
	background: url(images/t_contact.png) no-repeat 0 0;
}

h4.sub-title
{
	display: block;
	width: 350px;
	margin-left: 40px;
	margin-bottom: 15px;
}

p.description-text
{
	display: block;
	width: 450px;
	margin-left: 40px;
	min-height: 165px;
	text-shadow: #000000 1px 1px 0;
}

/* @end */

/* @group slide-formations */

#formation h4.sub-title
{
	width: 450px;
}

#formation p.description-text
{
	display: block;
	width: 500px;
}

/* @end */

/* @group slide-portefolio */

#portefolio .navigation-container
{
	width: 350px;
}

#portefolio #slideshow
{
	position: relative;
	z-index: 1;
}

#portefolio .image-wrapper
{
	position: absolute;
	z-index: 1;
	right: 8px;
}

#portefolio .caption-container
{
	position: relative;
	z-index: 2;
	width: 200px;
	float: right;
	top: 300px;
	height: 20px;
	color: #FFF;
}

#portefolio .caption-container .caption
{
	position: absolute;
	right: 4px;
	white-space: nowrap;
}

#portefolio .caption-container .image-title
{
	background: #000;
	padding: 4px 25px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	filter:alpha(opacity=75);
	opacity: 0.75;
}

#portefolio ul.thumbs,
#portefolio ul.thumbs li
{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

#portefolio ul.thumbs
{
	width: 307px;
	height: 200px;
	margin-left: 40px;
}

#portefolio ul.thumbs li
{
	margin: 0px 1px 0px 0;
	float: left;
	height: 33px;
	width: 50px;
}

#portefolio #controls
{
	clear: both;
	padding-top: 3px;
	margin-left: 40px;
	width: 306px;
}
#portefolio .ss-controls
{
	float: left;
}

#portefolio .nav-controls
{
	float: right;
}

#portefolio .nav-controls .next
{
	margin-left: 10px;
}


/* @end */



/* @group slide-contact */

#contact h2.page-title
{
	height: 60px;
}

#contact p.description-text,
#valid-form
{
	display: block;
	width: 620px;
	min-height: 25px;
	margin-left: 40px;
}
#contact p
{
	margin-bottom: 4px;
}

#contact .fieldset01
{
	display: block;
	width: 280px;
	float: left;
	margin-left: 40px;
}

#contact label
{
	display: inline-block;
	width: 90px;
	line-height: 22px;
}

.inputText, select, textarea, .required
{
	display: inline-block;
	width: 170px;
	font: normal 12px/16px arial, helvetica, sans-serif;
	background-color: #d1c4ae;
	border: 1px solid #ecdec7;
}

.inputText:hover, select:hover, textarea:hover
{
	background-color: #e3d5bf;
	border: 1px solid #FFF;
}

.inputText:focus, select:focus, textarea:focus
{
	background-color: #FFF;
	border: 1px solid #FFF;
}

#contact select#id_civilite
{
	width: 60px;
}

#contact label#label_message
{
	display: block;
	width: auto;
}

textarea
{
	display: block;
	width: 280px;
	height: 70px;
}

.inputCheckbox, .inputRadio
{
	float: left;
	display: block;
	margin-right: 15px;
}

#contact .widget-form-group label
{
	width: 240px;
	font: 11px arial, helvetica, sans-serif;
}

#namcha
{
	display: none;
}

#valid-form
{
	padding-top: 20px;
}

.requis em, #valid-form .requis
{
	color: #a3c100;
}

.legend
{
	font-size: 10px;
}

.bouton01, .bouton02
{
	background: url(images/bt_savoir_plus.png) no-repeat;
	display: block;
	padding: 17px;
	width: 100px;
	text-align: center;
	color: #756858;
	cursor: pointer;
}
.bouton01:hover, .bouton02:hover
{
	opacity: 0.8;
	color: #000;
	cursor: pointer;
}

.bouton01:hover span, .bouton02:hover span
{
	cursor: pointer;
}

#contact label.error
{
	float: left;
	display: block;
	position: absolute;
	background-color: #fd632d;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #000000;
	padding: 4px 10px;
	font-size: 10px;
	line-height: 12px;
	left: 250px;
	margin-top: -22px;
	width: auto;
}

#contact #global_message label.error
{
	left: 510px;
	margin-top: -76px;
}

.error-message, .cadre2
{
	position: relative;
	float: right;
	width: 200px;
	font-size: 10px;
	margin-right: 30px;
	color: #fd632d;
	padding: 10px;
	background-color: #131209;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	opacity: 0.85;
	filter: alpha(opacity:85);
	
}

.required
{
	
}

/* @end */



/* @group bt-savoir-plus */

.bt-savoir-plus
{
	float: right;
	margin-bottom: 20px;
	width: 132px;
}

.bt-savoir-plus a
{
	background: url(images/bt_savoir_plus.png) no-repeat;
	display: block;
	padding: 17px;
	width: 100px;
	text-align: center;
	color: #756858;
}

.bt-savoir-plus a:hover
{
	opacity: 0.8;
	color: #000;
}

/* @end */

/* @group mentions légales, plan acces */

body#mentions-legales,
body#plan-acces,
.popup-mep
{
	width: 740px;
	min-width: 740px;
	padding: 80px 0 100px 70px;
	min-height: 420px;
	height: auto !important;
}

/* @end */

/* @group pages mep (actu) */

.mep #header,
.mep #header .wrapper {
	height: 200px;
}

.mep #header-bg
{
	background-position: 50% 0;
	height: 200px;
}

.mep #header h2
{
	padding: 145px 0 0 34px;
	float: left;
	font: bold 28px/28px Arial, Helvetica, Geneva, sans-serif;
	color: #FFF;
	text-shadow: rgba(0,0,0,0.75) 2px 2px 5px;
}

.mep a
{
	text-shadow: none;
}

.mep #list-actus
{
	margin-bottom: 20px;
}

#col-map
{
	float: right;
	width: 475px;
	height: 415px;
	background: #535046;
}

#col-map #map_canvas
{
	margin: 10px;
}

#actu-content
{
	margin-bottom: 40px;
}
ul.list1
{
	margin: 0px 0px 5px 3px;
}

ul.list1 li
{
	list-style: none;
	background: url(images/puce_li.gif) no-repeat;
	padding: 0 0 5px 25px;
	font-weight: normal;
}

/* @end */



/* @group Slide-icons */

ul.slide-icons
{
	display: block;
	height: 90px;
	margin-bottom: -90px;
	float: left;
	position: relative;
	top: 210px;
}
.slide-icons a
{
	display: block;
	height: 90px;
}

.slide-icons a:hover img
{
	opacity: 0.8;
}

/* @end */

/* @group Bulle-pictos */

.bulle-picto
{
	background: #25211c;
	background: -moz-linear-gradient(0% 56% 90deg,#25211C, #574D42);
	background: -webkit-gradient(linear, 0% 34%, 0% 100%, from(#574D42), to(#25211C));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	box-shadow: 0px 2px 10px #000000;
	-moz-box-shadow:0px 2px 10px #000000;
	-webkit-box-shadow: 0px 2px 10px #000000;
	padding: 10px;
	width: 400px;
	min-height: 120px;
	position: absolute;
	z-index: 100;
	display: none;
}

.bulle-picto .image-gauche
{
	float: left;
	margin: 0px 15px 0 0;
}

/* @end */



/* @group Colonnes */

/* structure 3 colonnes */
.col1, .col2
{
	float: left;
	width: 31.45%;
	margin-right: 2.8%;
}

/* colonne de droite */
.col3 
{
	width: 31.4%;
	float: right;
	margin-right: 0;
}

/* texte sur 2 cols (colonne large) */
.col4 
{
	width: 65.7%;
}

/*colonnes égales*/
.left-col
{
	float: left;
	width: 48%;
}

.right-col
{
	float: right;
	width: 48%;
}

/*marge sous colonnes*/
.col1, .col2, .col3, .col4, .left-col, .right-col, .classic-mep h1, .classic-mep h2, .classic-mep h3, .classic-mep h4, .classic-mep h5, .classic-mep h6,, .classic-mep ul, , .classic-mep p
{
	margin-bottom: 20px;
}

/* @end */

/* @group Blocks & images */

.block
{
	width: 100%;
	overflow: hidden;
}

.block-gauche
{
	display: block;
	float: left;
}

.block-droite
{
	display: block;
	float: right;
}

.image-gauche, .image-gauche-cadre
{
	margin: 5px 15px 10px 0px;
	float: left;
}

.image-droite, .image-droite-cadre
{
	margin: 5px 0px 10px 15px;
	float: right;
}

.image-gauche-cadre, .image-droite-cadre
{
	border: 1px solid #a19f96;
	padding: 1px;
}

.cadre-image
{
	border: 1px solid #a19f96;
	padding: 1px;
}

/* @end */

/* @group Cadres */

.cadre1
{
	padding: 10px 10px 3px;
	border: 1px solid transparent;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #535046;
	margin-bottom: 20px;
}

/* @end */