/*			RESET CSS		*/
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, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a, img a {
/border-bottom:none;
/text-decoration:none;
}

/*			STYLES			*/

body {
background-color:#a6a6a6;
font-family: Arial, Helvetica, sans-serif;
color:#487FA8;
}

#container {
width:960px;
padding:0 6px 0 22px;
margin:0 auto;
background-color:#ffffff;
background-image:url(images/container_tranche_bis.gif);
background-repeat:repeat-y;
}

#contenu_corps_content {
color:#487FA8;
font-size:14px;
}

div.clear_both {
clear:both;
}

p {
color:#487FA8;
line-height:18px;
}

/*			COLONNE DE GAUCHE			*/

#div_gauche {
width:323px;
float:left;
background-color:#ffffff;
background-image:url(images/ombre_colonne.gif);
background-repeat:repeat-y;
background-position:right;
}

#div_centre {
width:625px;
float:left;
background-color:#ffffff;
}

#div_logo {
background-image:url(images/menu_gauche_haut.gif);
background-repeat:no-repeat;
background-position:bottom;
background-color:#ffffff;
height:212px;
text-align:center;
}

#menu_gauche {
width:263px;
background-image:url(images/menu_tranche.gif);
background-repeat:repeat-y;
padding-left:60px;
font-size:14px;
padding-bottom:8px;
}

#menu_gauche li a {
display:block;
width:200px;
height:22px;
/margin-top:-10px;
}

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

#menu_gauche li a:hover, #menu_gauche li a.active {
background-image:url(images/menu_active.gif);
background-position:top right;
background-repeat:no-repeat;
}

#menu_gauche li.menu_sep {
background-image:url(images/menu_gauche_sep.gif);
background-repeat:no-repeat;
width:200px;
padding:5px 0;
}

#menu_gauche_bas {
width:323px;
height:33px;
background:url(images/menu_bas.gif) top left no-repeat;
}

#div_annonce1 {
width:323px;
padding-top:0px;
text-align:center;
width:323px;
}

#div_annonce2 {
padding-top:14px;
padding-bottom:16px;
text-align:center;
}

#div_annonce1 img {
margin-bottom:12px;
margin-top:6px;
}

#div_actualites {
padding:12px 14px;
}

div.separateurs_actus {
height:8px;
width:295px;
background-image:url(images/sep_actus.gif);
}

#cadre_actualites {
height:200px;
font-size:12px;
overflow:auto;
background-color:#e0e0e0;
padding:0 14px;
margin:6px 0;
padding-bottom:10px;
/padding-top:10px;
/padding-bottom:4px;
}

div.unite_sidebar {
padding-bottom:18px;
}

#cadre_actualites p {
width:250px;
margin:10px 0 10px 0;
/margin:-4px 0px;
}

#cadre_actualites p.titre {
font-weight:bold;
}

#cadre_actualites p.sous_titre {
color:#487fa8;
}

#cadre_actualites p.bodytext {
margin:0;
}

#cadre_actualites a:active, #cadre_actualites a:link, #cadre_actualites a:visited {
color:#FF9900;
}

#cadre_actualites a:hover {
color:#487FA8;
}

#cadre_actualites a
{
	margin-top:4px;
	display:block;
}

/*				DIVISION CENTRALE 			*/

#flash_intro {
margin-bottom:-2px;
}

#menu_haut {
width:625px;
height:61px;
text-align:center;
background-image:url(images/top_menu.png);
background-repeat:no-repeat;
background-position:bottom;
clear:both;
}

#menu_haut ul {
margin-left:24px;
}

#menu_haut li {
float:left;
margin:0 6px;
text-transform:uppercase;
font-size:10px;
padding-top:15px;
}

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

#menu_haut li a:hover {
text-decoration:underline;
color:#FF9900;
}

#menu_haut li.menu_sep {
width:2px;
height:17px;
background-image:url(images/menu_haut_sep.gif);
}

#contenu {
width:625px;
padding:0 12px;
}

#contenu_titre_textes  {
float:left;
padding-top:20px;
width:480px;
}

#flash_pastille {
float:left;
}

#contenu_apercu {
width:565px;
margin-bottom:20px;
}

#image_apercu {
float:left;
width:200px;
}

#texte_apercu {
float:left;
width:300px;
padding:0px 18px;
}

#texte_apercu p {
color:#FF9900;
text-align:center;
font-weight:bold;
font-size:18px;
line-height:22px;
}

#contenu_corps {
width:516px;
margin-left:32px;
}

#introduction_contenu {
margin-bottom:24px;
}

#introduction_contenu p {
font-style:italic;
text-align:center;
color:#487FA8;
}

#div_footer_contenu {
width:625px;
text-align:center;
font-size:10px;
color:#487FA8;
margin-top:32px;
margin-bottom:48px;
}

#div_footer_contenu  ul {
width:625px;
padding-top:4px;
}

/*ul#footer_contenu1 {
margin-left:18px;
}

ul#footer_contenu2 {
margin-left:110px;
}*/

#div_footer_contenu li {
display:inline;
margin:0 2px;
}

#div_footer_contenu a:link, #div_footer_contenu a:active, #div_footer_contenu a:visited {
color:#487FA8;
text-decoration:none;
}

#div_footer_contenu a:hover {
color:#FF9900;
text-decoration:underline;
}

a.ancre {
display:block;
padding-top:10px;
background-image:url(images/haut.gif);
background-repeat:no-repeat;
background-position:center top;
margin-bottom:12px;
}

/*			FOOTER			*/

#div_footer {
clear:both;
height:70px;
color:#487FA8;
font-size:10px;
text-align:right;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
margin:0 auto;
width:884px;
padding:38px 52px 0 52px;
}

#div_footer a:active, #div_footer a:link, #div_footer a:visited {
color:#487FA8;
}

#div_footer a:hover {
color:#FF9900;
}

/*			TEXTES			*/

h1, h2, h3 {
font-family: Arial, Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
}

#contenu_titre_textes h1 {
color:#FF9900;
font-size:32px;
margin-bottom:12px;
background-color:#ffffff;
width:454px;
margin-left:24px;
background-image:url(images/points_h1.gif);
background-repeat:repeat-x;
background-position:bottom;
line-height:34px;
}

#contenu_corps h1 {
color:#FF9900;
font-size:24px;
margin-bottom:12px;
line-height:34px;
text-transform:uppercase;
font-weight:bold;
}

#contenu_titre_textes h2 {
text-align:right;
color:#487FA8;
font-weight:bold;
text-transform:uppercase;
font-size:18px;
margin-bottom:18px;
}

h2 {
color:#487FA8;
font-weight:bold;
text-transform:uppercase;
font-size:18px;
margin-bottom:18px;
}

h3 {
font-size:24px;
color:#FF9900;
}

h4 {
color:#487FA8;
font-weight:bold;
font-size:14px;
margin-bottom:6px;
}

h5, h6 {
color:#487FA8;
font-weight:bold;
font-size:12px;
margin-bottom:6px;
}

#contenu_corps h3 {
background-image:url(images/cube.gif);
background-position:top left;
background-repeat:no-repeat;
padding-left:20px;
text-transform:uppercase;
font-size:20px;
margin-bottom:18px;
margin-top:18px;
}

#contenu_corps h3 a {
color:#FF9900;
text-decoration:none;
}

#contenu_corps h3.accueil {
margin-bottom:8px;
margin-top:0px;
}

#contenu_corps h4 {
padding-left:0px;
font-size:18px;
margin-bottom:18px;
margin-top:18px;
color:#487FA8;
}

#contenu_corps div.texte_presentation h4 {
padding-left:0px;
margin-top:0px;
margin-bottom:6px;
}

#contenu_corps ul, #contenu_corps p {
margin-left:0px;
}

span.fond_blanc {
background-color:#ffffff;
padding-right:1px;
}

#contenu_corps ul {
margin-top:8px;
margin-bottom:12px;
}

#contenu_corps li {
list-style-type:disc;
margin-left:36px;
padding-left:2px;
line-height:20px;
font-size:14px;
}

#contenu_corps p {
font-size:14px;
margin-top:9px;
margin-bottom:9px;
}

#contenu_corps p a {
color:#FF9900;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

#contenu_corps p a:hover {
text-decoration:underline;
}

.orange {
color:#FF9900;
}

p.align-center {
text-align:center;
}

p.align-right {
text-align:right;
}

p.align-left {
text-align:left;
}

div.indent {
padding-left:24px;
}

a.lien_bleu {
color:#487FA8;
font-size:14px;
font-weight:bold;
}

a.lien_bleu:hover {
color:#FF9900;
}

div.align-right {
text-align:right;
}

.gras {
font-weight:bold;
}

p.gras {
font-weight:bold;
}

/*				CONTENU DES PAGES			*/

/*				PAGE ACCUEIL			*/

div.accueil_presentation {
width:500px;
margin-bottom:12px;
}

div.accueil_presentation_texte {
float:left;
width:349px;
padding-right:24px;
color:#487FA8;
font-size:14px;
line-height:18px;
}

div.accueil_presentation_photo {
float:left;
/*width:127px;*/
text-align:right;
position:relative;
}

div.accueil_presentation_photo a {
display:block;
width:127px;
height:86px;
position:absolute;
}

div.accueil_presentation_photo a:hover {
background-image:url(images/flip_page.png);
}

div.accueil_presentation_photo img {
display:block;
width:127px;
height:86px;
position:absolute;
}

div.accueil_separation {
height:2px;
width:500px;
background-image:url(images/ligne-point-orange.gif);
background-repeat:no-repeat;
margin-bottom:18px;
}

/*			PAGE EQUIPE			*/

#coordonnees_societe {
text-align:right;
padding-right:80px;
color:#FF9900;
line-height:18px;
font-size:14px;
margin-bottom:24px;
}

div.wrapper {
width:500px;	
margin-bottom:36px;
font-size:14px;
padding-top:6px;
}

div.photo_identite {
float:left;	
width:142px;
overflow:hidden;
}

div.texte_presentation {
float:left;
width:320px;
padding-left:22px;
}

div.wrapper p {
margin-left:0;
}

div.wrapper p.texte, div.wrapper p.cursus {
color:#487FA8;	
margin-bottom:8px;
line-height:18px;
margin-left:0px;
}

p.occupation {
color:#FF9900;
font-weight:bold;
margin-bottom:8px;
}

#contenu_corps_content .wrapper h4 {
font-size:16px;
font-weight:bold;
margin-left:0px;
}

h4.exp {
margin-bottom:2px;
margin-top:4px;
font-size:14px;
}

/*			PAGE IMMOBILIER			*/

div.vignette_immo {
float:left;
}

#immobilier_liste_wrapper {
width:520px;
text-align:center;
font-size:10px;
color:#487FA8;
margin-top:14px;
margin-bottom:24px;
}

#immobilier_liste_wrapper  ul {
width:500px;
padding-top:4px;
text-align:center;
}

#immobilier_liste_wrapper li {
display:inline;
margin:0 1px;
list-style-type:none;
font-size:9px;
}

#immobilier_liste_wrapper a:link, #immobilier_liste_wrapper a:active, #immobilier_liste_wrapper a:visited {
color:#487FA8;
text-decoration:none;
}

#immobilier_liste_wrapper a:hover {
color:#FF9900;
text-decoration:underline;
}

#flash_immobilier {
text-align:center;
margin-top:14px;
}

/*			PAGE CONTACT			*/

div.div_formulaire form {
background-color:#f3f3f3;
padding:14px;
margin-top:24px;
}

div.div_formulaire label {
width:180px;
float:left;
font-size:14px;
}

div.div_formulaire label, div.div_formulaire input, div.div_formulaire textarea {
margin-bottom:12px;
}

label.requis {
font-weight:bold;
}

#renseignements {
width:500px;
}

.colonne_form {
width:250px;
float:left;
margin-bottom:10px;
}

#bt_envoi {
margin-top:10px;
font-weight:bold;
color:#487FA8;
padding:3px;
margin-left:190px;
}

span.erreur {
background-image:url(images/erreur.png);
background-repeat:no-repeat;
background-position:left;
padding:6px 32px;
display:block;
margin-bottom:8px;
font-size:14px;
}

span.ok {
background-image:url(images/ok.png);
background-repeat:no-repeat;
background-position:left;
padding:6px 32px;
display:block;
line-height:18px;
font-size:14px;
}

#div_error {
border:1px solid #f58787;
background-image:url(images/mess_err.png);
padding:10px;
margin-bottom:8px;
}

#div_error ul {
margin-left:32px;
}

#div_error li {
margin-left:18px;
list-style:circle;
margin-top:2px;
font-size:14px;
}

#div_check {
background-image:url(images/check.png);
border:1px solid #7bb524;
padding:10px;
font-size:14px;
}

/*				ACTUALITES				*/

div.wrapper_actus {	
margin-bottom:24px;
padding-top:0px;
}

div.wrapper_actus a {
color:#FF9900;
font-size:14px;
text-decoration:none;
font-weight:bold;
}

div.wrapper_actus a:hover {
font-size:14px;
text-decoration:underline;
}

div.lien-retour {
text-align:right;
padding-top:12px;
}

div.lien-retour a {
color:#FF9900;
font-size:14px;
font-weight:bold;
}

div.lien-retour a:hover {
color:#487FA8;
}

#news-single-item h2 {
color:#FF9900;
text-transform:none;
font-size:20px;
}

#news-single-item h3 {
background:none;
text-transform:none;
padding:0;
color:#487FA8;
font-size:16px;
font-weight:bold;
}

#news-single-item h4 {
font-size:14px;
}

#news-single-item  p.subheader {
font-weight:bold;
}

div.tx-ttnews-browsebox a {
margin-right:6px;
}

/*			DVISIONS TYPO3			*/

.csc-textpic {
margin-bottom:32px;
}

/*----------INFOS BULLES SIMPLE TIP------------------*/

.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }

div.bulle {
width:250px;
border:1px solid #dddddd;
background-color:#eeeeee;
padding:4px 12px;
color:#000000;
font-size:12px;
font-weight:normal;
margin-top:16px;
margin-left:14px;
}

#contenu_corps a.tooltip_lien {
color:#487FA8;
text-decoration:underline;
}

div.margin-12 {
height:8px;
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 510px; 
	padding:12px;
    height:120px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
	margin-right:14px;
	width:160px;
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

div.items div.first {
margin-left:12px;
}

/*---------------------------------NEWSLETTER----------------------------------*/

#form_newsletter, #form_newsletter b, #form_newsletter p {
color:#487FA8;
font-size:14px;
}

#form_newsletter {
padding-bottom:12px;
}

#form_newsletter input {
margin-top:6px;
}

#form_newsletter a {
color:#FF9900;
font-weight:bod;
text-decoration:none;
}

#form_newsletter a:hover {
text-decoration:underline;
}

/*----------------------------------------------------------------------------*/

.italique { font-style:italic; }

#div_annonce1 .agrements {
	text-align:right;
	padding:0 24px;
	margin-top:12px;
}

#div_annonce1 .agrements p {
	font-size:14px;
	margin-bottom:12px;
}