* {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html, body {
	background-color:#FFFFFF;
	height:100%;
}

a {
	font-size: 12px;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

select {
	color: black;
}

select, option {
	color: black;
	padding-left:2px;
	background-color:#fbfafc;
}

input {
	background-color:#fbfafc;
}

ul{
	list-style-type:none;
}

#obligatoire{
	margin-left:3px;
	margin-right:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:red;
}
hr {
	clear:both;
	color:#FFFFFF;
	margin-left:50px;
	width:20px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////::    include/haut.php   :: //////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#retour {
	position: absolute;
	top:25px;
	left:40px;
	width:220px;
	height:50px;
}

#haut_rodacom {
	position: absolute;
	top: 5px;
	left:50%;
	height: 136px;
	width: 750px;
	margin-left:-375px;
	background: url(images/bandeau1.jpg) no-repeat scroll left top;
}

#haut_connectimmo {
	position: absolute;
	top: 5px;
	left:50%;
	height: 136px;
	width: 750px;
	margin-left:-375px;
	background: url(images/bandeau2.jpg) no-repeat scroll left top;
}

#haut_internet {
	position: absolute;
	top: 5px;
	left:50%;
	height: 136px;
	width: 750px;
	margin-left:-375px;
	background: url(images/bandeau3.jpg) no-repeat scroll left top;
}

#haut_extranet {
	position: absolute;
	top: 5px;
	left:50%;
	height: 136px;
	width: 750px;
	margin-left:-375px;
	background: url(images/bandeau4.jpg) no-repeat scroll left top;
}

#phrase{
	position:absolute;
	top:106px;
	left:430px;
	color:#000000;
	font-size:8px;
}

/*////////////// MENU ////////////////*/

ul#menu {
	position:absolute;
	top:92px;
	left:17px;
}

ul#menu li {
	float:left;
	display:block;
	height:20px;
	width:107px;
	padding-top:4px;
	padding-left:7px;
	font-weight:bold;
	color:#FFFFFF;
}

ul#menu li a {
	font-weight:bold;
	color:#FFFFFF;
}

ul#menu li a#lien-extranet-actif {
	color: #FAC304;
}

ul#sous-menu {
	position:absolute;
	top:116px;
	left:17px;
}

ul#sous-menu li {
	margin-right:20px;
	float:left;
	padding-top:3px;
	padding-left:10px;
	
}

ul#sous-menu li a {
	font-weight:bold;
	color:#FFFFFF;
	font-size:10px;
}

ul#sous-menu li a#lien-extranet-actif {
	color: #FAC304;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    include/bas.php   :: ////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#bas_rodacom{
	clear: both;
	width: 750px;
	height:45px;
	background: url(images/bas1.jpg) no-repeat scroll left center;
	margin-top:10px;
}

#bas_connectimmo{
	clear: both;
	width: 750px;
	height:45px;
	background: url(images/bas2.jpg) no-repeat scroll left center;
	margin-top:10px;
}

#bas_internet{
	clear: both;
	width: 750px;
	height:45px;
	background: url(images/bas3.jpg) no-repeat scroll left center;
	margin-top:10px;
}

#bas_extranet{
	clear: both;
	width: 750px;
	height:45px;
	background: url(images/bas4.jpg) no-repeat scroll left center;
	margin-top:10px;
}

a#plan {
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:597px;
	width:70px;
	height:20px;
}

a#contact {
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	width:70px;
	margin-left:14px;
	text-align:center;
}

p#coordonnees {
	float:right;
	text-align:right;
	margin-top:3px;
	padding-top:5px;
	font-size:9px;
	margin-right:15px;
	padding-left:20px;
	font-weight:bold;
	background:url(images/mini_logo.jpg) no-repeat scroll;
	height:15px;
	display:inline;
	color:#531C17;
}

p#coordonnees a#mail{
	font-weight:bold;
	font-size:9px;
	color:#531C17;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    Index.php   :: ///////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#main_rodacom {
	position: absolute;
	top: 136px;
	left:50%;
	width: 750px;
	margin-left:-375px;
	background:url(images/main1.jpg) repeat;
	padding-top:5px;
}

#main_rodacom #bloc_gauche {
	float:left;
	width:442px;
	background:url(images/bloc_news.jpg) no-repeat scroll;
	margin-left:18px;
	margin-bottom: 15px;
	padding-top:32px;
	padding-left:40px;
	display:inline;
}

#main_rodacom #bloc_gauche h1 {
	margin-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#7A1F10;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#main_rodacom #bloc_gauche .news {
	margin-top:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-right:20px;
}

#main_rodacom #bloc_gauche .news .news_date {
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	color:#7A1F10;
}
#main_rodacom #bloc_gauche .news_date span{
	font-weight:normal !important;
}
#main_rodacom #bloc_gauche .news .news_titre {
	font-size:12px;
	color:#7A1F10;
}

#main_rodacom #bloc_gauche .news .news_desc {
	margin-top:8px;
	font-size:12px;
	color:#402022;
	text-align:justify;
}

#main_rodacom #bloc_gauche .news .news_lien {
	font-size:12px;
	text-align:right;
}

#main_rodacom #bloc_gauche .news .news_lien a {
	font-style:italic;
	color:#4D2F31;
}

#main_rodacom #bloc_droit {
	float:left;
	width:195px;
	height:278px;
	background:url(images/bloc_droit.jpg) no-repeat scroll;
}

#main_rodacom #bloc_droit #edito {
	margin-left:20px;
	margin-top:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:162px;
}

#main_rodacom #bloc_droit #edito h1{
	font-size:16px;
	font-weight:bold;
	color:#7A1F10;
	padding-top: 18px;
}
#main_rodacom #bloc_droit #edito a{
	font-size:11px;
	color:#531C17;
}
#main_rodacom #bloc_droit #edito p{
	margin-top:8px;
	font-size:11px;
	color:#531C17;
	text-align:left;
	margin-right:8px;
}

#main_rodacom #bloc_droit #recrutement {
	margin-left:20px;
	background:url(images/recrutement.jpg) no-repeat scroll;
	width:163px;
	height:81px;
}

#main_rodacom #bloc_droit #recrutement a {
	display:block;
	width:163px;
	height:81px;
}

#main_rodacom #bloc_droit #loginspace a {
	display:block;
	width:175px;
	margin-right:12px;
	margin-left: 15px
}

#main_rodacom #bloc_droit #loginspace img {
	display:block;
	margin-right:12px;
	width: 175px;
	height: 38px;
	margin-left: 5px;
}

#main_rodacom #bloc_droit #loginspace p{
	margin-top:8px;
	font-size:11px;
	color:#531C17;
	text-align:left;
	margin-right: 8px;
	margin-left: 5px;
}



/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    recrutement.php   :: /////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#recrut {
	background:url(images/font-liste-actus.jpg) repeat scroll;
	margin-left:40px;
}

#recrut #texte{
	width:425px;
	margin-left:20px;
	padding-right:15px;
	float:left;
	display:inline;
}

#recrut #photos{
	width:180px;
	float:left;
}

#recrut #photos img {
	margin-top:19px;
	margin-left:1px;
	margin-bottom:5px;
}

#recrut #texte p {
	text-indent: 20px;
	margin-left:5px;
	margin-top:6px;
	margin-bottom:5px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:15px;
}

a#om {
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor:default;
}

#recrut #texte p span{
	color:#D05617;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#recrut h2{
	margin-top: 20px;
	margin-bottom: 0px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    presentation-rodacom.php   :: /////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

h1#presentation_roda {
	width:auto;
	height:31px;
	background:url(images/titre_actus.jpg) no-repeat scroll;
	margin-top:25px;
	margin-left:40px;
	padding-top:15px;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	color:#7A1F10;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1#presentation_roda span{
	font-size:16px;
	font-weight:bold;
	color:#D05617;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#presentation_rodacom {
	background:url(images/font-liste-actus.jpg) repeat scroll;
	width:640px;
	margin-left:40px;
}

#presentation_rodacom #texte{
	width:425px;
	margin-left:20px;
	padding-right:15px;
	float:left;
	display:inline;
}

#presentation_rodacom #photos{
	width:180px;
	float:left;
}

#presentation_rodacom #photos img {
	margin-top:19px;
	margin-left:1px;
	margin-bottom:5px;
}

#presentation_rodacom #texte p {
	text-indent: 20px;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:5px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:15px;
}

a#om {
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor:default;
}

#presentation_rodacom #texte p span{
	color:#D05617;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    lequipe.php   :: /////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

h1#equipe {
	width:152px;
	height:31px;
	background:url(images/titre_actus.jpg) no-repeat scroll;
	margin-top:25px;
	margin-left:40px;
	padding-top:15px;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	color:#7A1F10;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#equipes {
	background:url(images/font-liste-actus.jpg) repeat scroll;
	width:640px;
	margin-left:40px;
}
#equipes .clear_both{
	clear: both;
}
#equipes a span{
	color:#D05617;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#equipes a{
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#equipes #texte{
	width:455px;
	margin-left:20px;
	padding-right:15px;
	float:left;
	display:inline;
}

#equipes #photos{
	width:150px;
	float:left;
}

#equipes #photos img {
	margin-top:19px;
	margin-left:14px;
	margin-bottom:5px;
	border:1px solid #301A1D;
}

#equipes #texte p {
	text-indent: 20px;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:5px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:15px;
}

#equipes #texte p span{
	color:#D05617;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#equipes #texte p i{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#equipes #texte h2 {
	margin-top:25px;
	font-weight:bold;
	color:#7A1F10;
	font-size:13px;
}

#equipes img#photo-tt {
	margin-top:30px;
	margin-left:25px;
	border: #301A1D 1px solid;
	margin-bottom:30px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    actualites.php   :: /////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

h1#actualites  {
	width:102px;
	height:31px;
	background:url(images/titre_actus.jpg) no-repeat scroll;
	margin-top:25px;
	margin-left:40px;
	padding-top:15px;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	color:#7A1F10;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul#liste-actualites {
	background:url(images/font-liste-actus.jpg) repeat scroll;
	margin-left:40px;
	width:650px;
}

ul#liste-actualites li {
	clear:both;
	width:650px;
}

#detail_actu {
	margin-left:20px;
	margin-top:5px;
	margin-bottom:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:450px;
	float:left;
	display:inline;
}

#detail_actu .news_date {
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	color:#7A1F10;
}

#detail_actu .news_titre {
	font-size:12px;
	color:#7A1F10;
}

#detail_actu .news_desc {
	margin-top:8px;
	font-size:11px;
	color:#402022;
	text-align:justify;
	display:block;
}

#detail_actu .news_desc2 {
	margin-top:8px;
	font-size:11px;
	color:#402022;
	text-align:justify;
	display:none;
}

#detail_actu .news_lien {
	font-size:12px;
	text-align:right;
	display:block;
}

#detail_actu .news_lien a {
	font-style:italic;
	color:#4D2F31;
}

#detail_actu .news_lien2 {
	font-size:12px;
	text-align:right;
	display:none;
}

#detail_actu .news_lien2 a {
	font-style:italic;
	color:#4D2F31;
}

#photo_actu {
	float:left;
	margin-left:20px;
	margin-top:20px;
	width:150px;
	display:inline;
}

#photo_actu img{
	width:150px;
	height:100px;
	border:#000000 1px solid;
}

#pied {
	width:627px;
	height:23px;
	background:url(images/pied-actu-d.jpg);
	margin-top:20px;
	margin-bottom:20px;
	margin-left:45px;
}

#pied2 {
	width:627px;
	height:23px;
	background:url(images/pied-actu-tt.jpg);
	margin-top:20px;
	margin-bottom:20px;
	margin-left:45px;
}

#pied3 {
	width:627px;
	height:23px;
	background:url(images/pied-actu-g.jpg);
	margin-top:20px;
	margin-bottom:20px;
	margin-left:45px;
}

a#suiv {
	float:right;
	width:100px;
	text-align:center;
	padding-top:5px;
	color:#999999;
	font-weight:bold;
	font-size:11px;
}

a#prec {
	float:left;
	width:100px;
	text-align:center;
	padding-top:5px;
	color:#999999;
	font-weight:bold;
	padding-left:12px;
	font-size:11px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    connectimmo.php   :: ////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#main_connectimmo {
	position: absolute;
	top: 136px;
	left:50%;
	width: 750px;
	margin-left:-375px;
	background:url(images/main2.jpg) repeat;
	margin-top:5px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    connectimmo-logiciel.php   :: /////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

h1#connectimmo  {
	width:550px;
	height:28px;
	background:url(images/titre_connectimmo.jpg) no-repeat scroll;
	margin:25px 0px 8px 40px;
	padding:15px 0px 0px 30px;
	font-size:16px;
	font-weight:bold;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1#connectimmo span {
	color:#1DA388;
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#logiciel {
	background:url(images/font-liste-actus.jpg) repeat scroll;
	width:640px;
	margin-left:42px;
}
#logiciel .left {
	float:left;
	margin:0px 15px 10px 20px;
}
#logiciel .right {
	float:right;
	margin:10px 0px 10px 25px;
}
#logiciel img {
	border:1px solid black;
}
#logiciel p {
	margin: 0px 0px 20px 20px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
#logiciel em, #logiciel strong{
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}
#logiciel ul {
	margin:10px 0px 20px 0px;
	list-style-type:circle;
}
#logiciel ul li{
	font-size:11px;
	margin-left:50px;
}
#logiciel p span {
	font-size:11px;
	color:#1DA388;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#logiciel h2 {
	margin:8px 0px 25px 18px;
	font-weight:bold;
	color:#846749;
	font-size:12px;
	background: url(images/puce_service.jpg) no-repeat scroll left top;
	padding-left:22px;
}

#logiciel h2#fifinne {
	margin:35px 0px 25px 18px;
	font-weight:bold;
	color:#846749;
	font-size:12px;
	background: url(images/puce_service.jpg) no-repeat scroll left top;
	padding-left:22px;
}

#logiciel h2.droite {
	margin:8px 0px 20px 0px;
	background: url(images/puce_service.jpg) no-repeat scroll left 1px;
	float:right;
	width:315px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    connectimmo-service.php   :: /////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#service {
	background:url(images/font-liste-actus.jpg) repeat scroll;
	width:640px;
	margin-left:42px;
}

#service em, #service strong{
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}
#service p#tout {
	margin-left:20px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}

#service p span {
	font-size:11px;
	color:#1DA388;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#service h2 {
	margin-top:25px;
	margin-left:18px;
	font-weight:bold;
	color:#846749;
	font-size:13px;
}

#service p#gauche {
	display:inline;
	float:left;
	width:330px;
	margin-top:20px;
	margin-left:20px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}

#service img#g {
	float:left;
	border:#2D1D20 1px solid;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;
}

#service img#d {
	float:left;
	border:#2D1D20 1px solid;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
}

#service h2#second {
	font-weight:bold;
	color:#846749;
	font-size:13px;
}

#service p#droite {
	display:inline;
	float:left;
	width:330px;
	margin-top:20px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-bottom:20px;
}

#service p#since {
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    references-connectimmo.php   :: /////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

h1#connectimmo  {
	width:600px;
	height:28px;
	background:url(images/titre_connectimmo.jpg) no-repeat scroll;
	margin-top:25px;
	margin-left:40px;
	margin-bottom:8px;
	padding-top:15px;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


h1#connectimmo span {
	color:#1DA388;
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#references {
	width:640px;
	margin-left:42px;
}
#references .temoignage{
	width:600px;
	padding-top: 20px;
	margin-left: 20px;
	clear: both;
}
#references .temoignage h2{
	color: #7A1F10;
	font-size: 12px;
	font-style: italic;
	margin-left: 10px;
}
#references .temoignage p{
	text-align: justify;
	font-size: 11px;
	margin-bottom: 5px;
}
#references .temoignage a{
	width:500px;
	text-align: right;
	color: black;
	font-size: 11px;
	font-style: italic;
	display: block;
}
#references .temoignage h2 span{
	font-weight: normal;
	font-size: 11px;
}
#references .temoignage .gauche{
	float: left;
	width: 500px;
	display: inline;
}
#references .temoignage .droite{
	float: left;
	margin-left: 20px;
}
#references .temoignage .droite img{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#references .temoignage .droite img#fdlc{
	margin-top: 15px;
}
#references .temoignage .droite img#fnaim{
	margin-top: 60px;
}
#references div{
	margin-bottom:10px;
}
#references p {
	margin: 15px 0px 30px 10px;
	font-size:13px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
#references p span{
	font-size:13px;
	color:#1DA388;
}
#references img {
	margin-top:30px;
	margin-left:70px;
	margin-bottom:20px;
}
#cache{
	display: none;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    demonstration.php   :: /////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

h1#demo {
	width:215px;
	height:28px;
	background:url(images/titre_connectimmo.jpg) no-repeat scroll;
	margin-top:25px;
	margin-left:40px;
	margin-bottom:8px;
	padding-top:15px;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1#demo span {
	color:#1DA388;
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#demonstration {
	background:url(images/font-liste-actus.jpg) repeat scroll;
	width:640px;
	margin-left:42px;
}

#demonstration h2 {
	width:400px;
	height:28px;
	margin-bottom:8px;
	padding-left:28px;
	font-size:14px;
	font-weight:bold;
	color:#402022;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


#demonstration h2 span {
	color:#84684A;
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#demonstration p {
	margin-left:28px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-bottom:10px;
	width:600px;
}

#demonstration p#alinea{
	padding-top:20px;
	margin-left:60px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-bottom:10px;
	width:500px;
}

#demonstration p a{
	font-size:12px;
	color:#1DA388;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#demonstration p#warning {
	margin-top: 5px;
	color: red;
	height: 12px;
	text-align: center;
	width:200px;
}

#demonstration img#barre {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
}

#demonstration ul#choisir {
	margin-left:150px;
	margin-top:50px;
}

#demonstration ul#choisir li {
	margin-top:10px;
}

#demonstration ul#choisir li a{
	font-size:12px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}

/* Formulaire de demande */
#demonstration form#demons{
	margin-left: 140px;
	width: 350px;
	font-family: verdana, arial, sans-serif;
	color: #832A19;
	margin-top: 25px;
	text-align: justify;
	border:#CCCCCC 1px solid;
}
#demonstration form#demons p{
	padding-top:3px;
	width:320px;
	clear:both;
}
#demonstration form#demons label{
	float:left;
	width:142px;
}
#demonstration form#demons input{
	float:left;
	width:120px;
	border:1px solid #bbbbbb;
}
#demonstration form#demons .submit{
	float:none;
	margin-left:50px;
	margin-top: 20px;
	width: 200px;
	text-align: center;
	margin-bottom: 20px;
}

#demonstration form#demons p.champs_obligatoires {
	width:200px;
	font-size: 10px;
	height: 15px;
	margin-bottom: 0px !important;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    sites-internet.php   :: /////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#main_internet {
	position: absolute;
	top: 136px;
	left:50%;
	width: 750px;
	margin-left:-375px;
	background:url(images/main3.jpg) repeat;
	margin-top:5px;
}

h1#site_internet  {
	width:315px;
	height:28px;
	background:url(images/titre_internet.jpg) no-repeat scroll;
	margin-top:25px;
	margin-left:40px;
	margin-bottom:8px;
	padding-top:15px;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


h1#site_internet span {
	color:#7691AC;
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#site_web {
	background:url(images/font-liste-web.jpg) repeat scroll;
	width:648px;
	margin-left:42px;
}

#site_web ul {
	margin-left:30px;
}

#site_web li {
	width:206px;
	float:left;
	margin-bottom:20px;
	display:inline;
}

#site_web p#date {
	font-size:12px;
	color:#412122;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	margin-bottom:2px;
}

#site_web p#agence {
	font-size:12px;
	color:#7691AC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:12px;
}

#site_web img {
	border:#BDBDBD 1px solid;
}

#site_web p#phrase_centre {
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7691AC;
	margin-left:30px;
	font-size:11px;
	margin-right:30px;
	text-align:center;
}

#site_web p#phrase_centre a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#CA611E;
}

#pages a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7691AC;
    left:60px;
	font-size:12px;
}

#pages a.courant{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2D1D20;
    left:60px;
	font-size:12px;
}

#site_web p#phrase_bas {
	margin-bottom:20px;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7691AC;
	margin-left:30px;
	font-size:11px;
	margin-right:30px;
}

#site_web p#phrase_bas span {
	color:#CA611E;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    presentation-site.php   :: /////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#main_internet {
	position: absolute;
	top: 136px;
	left:50%;
	width: 750px;
	margin-left:-375px;
	background:url(images/main3.jpg) repeat;
	margin-top:5px;
}

h1#site_internet  {
	width:315px;
	height:28px;
	background:url(images/titre_internet.jpg) no-repeat scroll;
	margin-top:25px;
	margin-left:40px;
	margin-bottom:8px;
	padding-top:15px;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#bord-black{
	border: 1px solid black;
}
h1#site_internet span {
	color:#7691AC;
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#site_web_presentation {
	background:url(images/font-liste-web.jpg) repeat scroll;
	width:652px;
	margin-left:42px;
}

#site_web_presentation p#phrase_bas {
	margin-bottom:20px;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2D1D20;
	margin-left:30px;
	font-size:11px;
	margin-right:30px;
}

#site_web_presentation p#phrase_bas span {
	color:#CA611E;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
}


#site_web_presentation p {
	margin-left:30px;
	margin-right:30px;
	margin-top:15px;
	margin-bottom:5px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:15px;
}

#site_web_presentation p#offre {
	margin-left:30px;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:5px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:15px;
}

#site_web_presentation p span{
	color:#D05617;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#site_web_presentation .left {
	float:left;
	margin:0px 25px 10px 20px;
}
#site_web_presentation .right {
	float:right;
	margin:10px 20px 10px 25px;
}

#site_web_presentation img {
	border:1px solid black;
}

#site_web_presentation img#puce {
	border:0px;
}

#site_web_presentation p {
	margin: 0px 20px 20px 30px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}

#site_web_presentation p#orange{
	margin: -20px 0px 15px 20px;
	font-size:11px;
	color:#D15517;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}

#site_web_presentation h2 {
	margin:8px 0px 25px 18px;
	font-weight:bold;
	color:#7691AC;
	font-size:12px;
	background: url(images/puce_web3.jpg) no-repeat scroll left center;
	padding-left:22px;
}
#site_web_presentation h2.droite {
	margin:6px 0px 8px 0px;
	background: url(images/puce_web3.jpg) no-repeat scroll left 1px;
	float:right;
	width:330px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    referencement-site.php   :: /////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#main_internet {
	position: absolute;
	top: 136px;
	left:50%;
	width: 750px;
	margin-left:-375px;
	background:url(images/main3.jpg) repeat;
	margin-top:5px;
}

h1#site_internet  {
	width:315px;
	height:28px;
	background:url(images/titre_internet.jpg) no-repeat scroll;
	margin-top:25px;
	margin-left:40px;
	margin-bottom:8px;
	padding-top:15px;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


h1#site_internet span {
	color:#7691AC;
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#site_web_referencement {
	background:url(images/font-liste-web.jpg) repeat scroll;
	width:645px;
	margin-left:42px;
}

#site_web_referencement p#phrase_bas {
	margin-bottom:20px;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2D1D20;
	margin-left:30px;
	font-size:11px;
	margin-right:30px;
}

#site_web_referencement p#phrase_bas span {
	color:#CA611E;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
}


#site_web_referencement p {
	margin-left:30px;
	margin-top:15px;
	margin-bottom:5px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:15px;
}

#site_web_referencement p span{
	color:#D05617;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#site_web_referencement ul {
	margin:10px 0px 20px 0px;
	list-style-type:circle;
}
#site_web_referencement ul li{
	font-size:11px;
	margin-left:50px;
	margin-top:15px;
}

#site_web_referencement ul li span{
	font-size:11px;
	color:#CA611E;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    contact.php   :: /////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#contact{
	margin-left:125px;
	margin-bottom:30px;
}
#main_internet #contact h3{
	width:200px;
	margin-bottom:15px;
	padding-top:20px;
	padding-left:20px;
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background : url(images/puce1.gif) no-repeat scroll left 20px;
}
#main_rodacom #contact h3{
	width:200px;
	margin-bottom:15px;
	padding-top:20px;
	padding-left:20px;
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background : url(images/puce1.jpg) no-repeat scroll left 20px;
}
#contact label{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left: 2px;
}
#contact p{
	margin-left:20px;
}
#main_internet #contact input{
	margin:3px 5px 0px 5px;
	font-size:11px;
	/*padding-left:2px;*/
	border:1px solid #6392bb;
}
#main_rodacom #contact input{
	margin:3px 5px 0px 5px;
	font-size:11px;
	/*padding-left:2px;*/
	border:1px solid #83684A;
}
#contact input.radio{
	border:0px;
	background-color:#cccc99;
}
#main_internet #contact textarea{
	width:380px;
	height:60px;
	margin:3px 5px 0px 5px;
	padding-left:2px;
	border:1px solid #6392bb;
	background-color:#f5f9fd;
	font-size:11px;
}
#main_rodacom #contact textarea{
	width:380px;
	height:60px;
	margin:3px 5px 0px 5px;
	padding-left:2px;
	border:1px solid #83684A;
	background-color:#f5f9fd;
	font-size:11px;
}
#contact #nom{
	margin-left:38px;
}
#contact #ville{
	margin-left:55px;
}
#contact #adresse{
	margin-left:26px;
	width:297px;
}
#contact #code_postal{
	margin-left:4px;
}
#contact #valider{
	margin-left:313px;
	margin-top:10px;
	width:75px;
}
#contact #nota{
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:red;
}
.asterisque{
	color: red;
}
#contact  p#confirm{
	margin:75px 80px 20px 30px;
	text-align:center;
	color:black;
}
#contact p#confirm a{
	display:block;
	margin-bottom:90px;
	margin-top:20px;
	text-align:center;
	padding: 2px 10px 2px 10px;
	color:black;
	font-size:11px;
}
#carte{
	margin: 0 0 10px 135px;
	font-family: Arial !important;
	border: 1px solid black;
}
#carte div{
	font-family: Arial !important;
}
#carte span{
	font-size: 9px;
}
#carte a{
	font-size: 9px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    logiciel-immobilier.php   :: /////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#logiciel-immo {
	background:url(images/font-liste-actus.jpg) repeat scroll;
	width:640px;
	margin-left:42px;
}
#logiciel-immo .left {
	float:left;
	margin:0px 15px 10px 20px;
}
#logiciel-immo .right {
	float:right;
	margin:10px 0px 10px 25px;
}
#logiciel-immo p {
	margin: 0px 0px 20px 20px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
#logiciel-immo p.image{
	text-align:center;
}
#logiciel-immo b, #logiciel-immo strong,  #logiciel-immo em{
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}
#logiciel-immo ul {
	margin:10px 0px 20px 0px;
	list-style-type:circle;
}
#logiciel-immo ul li{
	font-size:11px;
	margin-left:50px;
}
#logiciel-immo p span {
	font-size:11px;
	color:#1DA388;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#logiciel-immo h2 {
	margin:8px 0px 25px 18px;
	font-weight:bold;
	color:#846749;
	font-size:12px;
	background: url(images/puce_service.jpg) no-repeat scroll left top;
	padding-left:22px;
}
#logiciel-immo .para2 {
	font-size:11px;
	color:#1DA388;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#logiciel-immo h2#fifinne {
	margin:35px 0px 25px 18px;
	font-weight:bold;
	color:#846749;
	font-size:12px;
	background: url(images/puce_service.jpg) no-repeat scroll left top;
	padding-left:22px;
}
#logiciel-immo h2.droite {
	margin:8px 0px 20px 0px;
	background: url(images/puce_service.jpg) no-repeat scroll left 1px;
	float:right;
	width:315px;
}
#logiciel-immo .aha{
	text-align: center;
	padding-top: 25px;
	margin: 0px 0px 25px 0px;
}
#logiciel-immo h3{
	font-size: 16px;
	text-align: center;
	margin: 50px 0px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    logiciel.php   :: /////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#logiciel {
	background:url(images/font-liste-actus.jpg) repeat scroll;
	width:640px;
	margin-left:42px;
}
#logiciel .left {
	float:left;
	margin:0px 15px 10px 20px;
}
#logiciel .right {
	float:right;
	margin:10px 0px 10px 25px;
}
#logiciel p {
	margin: 0px 0px 20px 20px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
#logiciel b, #logiciel strong,  #logiciel em{
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}
#logiciel h2 {
	margin:8px 0px 25px 18px;
	font-weight:bold;
	color:#846749;
	font-size:12px;
	background: url(images/puce_service.jpg) no-repeat scroll left top;
	padding-left:22px;
}
#logiciel .para2 {
	font-size:11px;
	color:#1DA388;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#logiciel h2#fifinne {
	margin:35px 0px 25px 18px;
	font-weight:bold;
	color:#846749;
	font-size:12px;
	background: url(images/puce_service.jpg) no-repeat scroll left top;
	padding-left:22px;
}
#logiciel h2.droite {
	margin:8px 0px 20px 0px;
	background: url(images/puce_service.jpg) no-repeat scroll left 1px;
	float:right;
	width:315px;
}
#logiciel .aha{
	text-align: justify;
	padding-top: 60px;
	margin: 0px 0px 25px 20px;
}
#logiciel p.image{
	margin-top: 70px;
	text-align:center;
}
#logiciel img{
	border: none;
}
#logiciel h3{
	margin: 65px 0px 50px 155px;
	padding-left: 30px;
	background: url(images/puce1.jpg) no-repeat scroll left 3px;
}
#logiciel h3 a{
	font-size: 16px;
	color:#1DA388;
	text-decoration: underline;
}
#logiciel1 {
	background:url(images/font-liste-actus.jpg) repeat scroll;
	width:640px;
	margin-left:42px;
}
#logiciel1 p {
	margin: 0px 0px 20px 20px;
	font-size:9px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
#logiciel1 h2 {
	margin:8px 0px 25px 18px;
	font-weight:bold;
	color:#846749;
	font-size:11px;
	background: url(images/puce_service.jpg) no-repeat scroll left 2px;
	padding-left:22px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    image-news.php   :: /////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#image-news{
	height: 600px;
	width: 600px;
	overflow: auto;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    extranet.php   :: /////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#main_extranet {
	position: absolute;
	top: 136px;
	left:50%;
	width: 750px;
	margin-left:-375px;
	background:url(images/main4.jpg) repeat scroll;
	padding-top:5px;
}

#main_extranet #bloc_gauche {
	float:left;
	width:445px;
	/*height:241px;*/
	background:url(images/bloc_extranet.jpg) repeat-y scroll;
	margin-left:18px;
	padding-top:32px;
	padding-left:40px;
}

#main_extranet #ht_gd_bloc_gauche {
	float:left;
	width:670px;
	height:30px;
	background:url(images/ht_bloc_extranet.jpg) no-repeat scroll;
	margin-left:18px;
	margin-bottom:5px;
	padding-top:32px;
	padding-left:40px;
	display:inline;
	color: #696969;
}

#main_extranet #gd_bloc_gauche {
	float:left;
	width:670px;
	background:url(images/bloc_extranet.jpg) no-repeat scroll;
	margin-left:18px;
	margin-bottom:20px;
	padding-top:32px;
	padding-left:40px;
	display:inline;
	color: #696969;
}

#main_extranet #gd_bloc_gauche a {
	color:#FBCC26;
	font-style:italic;
}

#main_extranet #gd_bloc_gauche table#liste {
	width:94%;
	border-collapse:collapse;
	border-width:0;
	
}

#main_extranet #gd_bloc_gauche table#liste th {
	text-align:left;
	background-color: #696768;
	color:#FBCC26;
	padding-left:10px;
	border-left:1px solid #D3D7D8;
	border-right:1px solid #D3D7D8;
}

#main_extranet #gd_bloc_gauche table#liste td {
	text-align:left;
	background-color: #E4E4E4;
	color:#A19FA0;
	padding-left:10px;
	border:1px solid #D3D7D8;
	height:30px;
}

#main_extranet #gd_bloc_gauche table#liste td.b {
	text-align:left;
	background-color: #FFFFFF;
	color:#A19FA0;
	padding-left:10px;
	border:1px solid #D3D7D8;
	height:30px;
}

#main_extranet #gd_bloc_gauche .champs_ticket {
	border:1px solid #B2B0B1;
	width:300px;
	margin-top:10px;
}

#main_extranet #gd_bloc_gauche #ticket_liste #coin_gauche{
	
	background:url(images/extranet/coin-gauche.jpg) no-repeat top left;
	background-color: #696768;
	height:30px;
	border:0;
}

#main_extranet #gd_bloc_gauche #ticket_liste #coin_droit{
	
	background:url(images/extranet/coin-droit.jpg) no-repeat top right;
	background-color: #696768;
	height:30px;
	border:0;
}

#main_extranet #gd_bloc_gauche #ticket_liste #coin_droit #status {
	background-color:#696768;
	color:#FBCC26;
	/*border: 1px solid #C8C6C7;*/
}

#main_extranet #gd_bloc_gauche #ticket_liste #bas-gauche{
	
	background:url(images/extranet/bas-gauche.jpg) no-repeat bottom left;
	background-color: #696768;
	height:12px;
	border:0;
}

#main_extranet #gd_bloc_gauche #ticket_liste #bas-droit{
	
	background:url(images/extranet/bas-droit.jpg) no-repeat bottom right;
	background-color: #696768;
	height:12px;
	border:0;
}

#main_extranet #gd_bloc_gauche #valide_ticket {
	color:#FFFFFF;
	background-color:#888687;
	border:2px solid #B2B0B1;
	margin-top:10px;
	width:80px;
}

#main_extranet #gd_bloc_gauche #ticket_label {
	color:#FAC304;
}

#main_extranet #gd_bloc_gauche #ticket-form  {
	border: 1px solid #ADABAB;
	background-color:#F3F3F3;
	width: 450px;
	padding:10px;
	display:none;
}

#main_extranet #gd_bloc_gauche #ticket-form .texte_ticket {
	background:url(images/puce-grise.jpg) no-repeat center left;
	width:7px;
	height:7px;
	display:inline;
	color:#ACAAAB;
	padding-left:15px;

}

h1#titre_extranet  {
	width:315px;
	height:28px;
	padding-top:5px;
	padding-left:15px;
	padding-bottom:10px;
	font-size:16px;
	font-weight:bold;
	color:#6A6869;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1#titre_extranet span {
	color:#FAC304;
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#authentification {
	width:170px;
	height:170px;
	margin-left:510px;
	margin-top:50px;	
}

#authentification #titre_auth {
	background:url(images/login-extranet.jpg);
	width:170px;
	height:28px;
}

#authentification #titre_auth #texte_titre_auth {
	width:170px;
	height:28px;
	padding-top:5px;
	padding-left:35px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;		
	font-weight:bold;
	color:white;
}

#authentification #form_auth {
	background:url(images/fond-login-extranet.jpg);
	width:170px;
	height:136px;
}

#authentification #form_auth #texte {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;	
	margin:10px;
}

#authentification #form_auth #texte a {
	color:#FBCC26;
	 font-style:italic;
}

#authentification #form_auth ul li {
	margin-left:20px;
	padding-top:10px;
	list-style-image:url(images/puce-orange.jpg);
	color: #696969;
}

#authentification #connect-extranet {
	color:#FFFFFF;
	background-color:#888687;
	border:2px solid #B2B0B1;
	margin:10px;
	margin-left:70px;
}

#authentification a {
	color:#FBCC26;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

#authentification .texte-login-extranet {
	color:#FBCC26;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;	
}

#authentification table {
	width:95%;
	margin-left:5px;
}

#authentification table td input {
	border:1px solid #B2B0B1;
	margin-top:5px;
	width:60px;
}

p#extra_net{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	width:420px;
	text-align:justify;
}

p#extra_net span{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFCC00;
	font-weight:bold;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    plan-site.php   :: /////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

h1#plan_site {
	width:152px;
	height:31px;
	background:url(images/titre_internet.jpg) no-repeat scroll;
	margin-top:25px;
	margin-left:40px;
	padding-top:15px;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#plan_sites {
	background:url(images/font-liste-actus.jpg) repeat scroll;
	width:640px;
	margin-left:40px;
}
#plan_sites .clear_both{
	clear: both;
}
#plan_sites a span{
	color:#7791AA;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#plan_sites a{
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#plan_sites #texte{
	width:455px;
	margin-left:20px;
	padding-right:15px;
	float:left;
	display:inline;
}

#plan_sites #photos{
	width:150px;
	float:left;
}

#plan_sites #photos img {
	margin-top:19px;
	margin-left:14px;
	margin-bottom:5px;
	border:1px solid #301A1D;
}

#plan_sites #texte p {
	text-indent: 20px;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:5px;
	font-size:11px;
	color:#2D1D20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:15px;
}

#plan_sites #texte p span{
	color:#7791AA;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#plan_sites #texte p i{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#plan_sites #texte h2 {
	margin-top:25px;
	font-weight:bold;
	color:#546678;
	font-size:13px;
}
#plan_sites #texte h2 a{
	margin-top:25px;
	font-weight:bold;
	color:#546678;
	font-size:13px;
}
#plan_sites img#photo-tt {
	margin-top:30px;
	margin-left:25px;
	border: #301A1D 1px solid;
	margin-bottom:30px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    references-site-new.php   :: /////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#site_web_referencement .ref{
	margin-left:30px;
	background-image:url(images/barre.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	margin-bottom:30px;
	padding-bottom: 60px;
	float:left;
	clear:both;
	width:600px;
}
#site_web_referencement .ref p{
	margin-left:0px;
}
#site_web_referencement .ref a{
	text-decoration:none;
	color:#424242;
}
/* pour le site web*/
#site_web_referencement .ref a h1{
	color: #424242;	
	font-size:11px;
	background-position: center center;
}
/* pour département et ville*/
#site_web_referencement .ref h2{
	color: #424242;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: italic;
	background-position: center center;
}

#site_web_referencement .ref img{
	border:1px solid black;
	float:left;
	display:inline;
}
#site_web_referencement .ref .text_ref{
	margin-top:40px;
	text-align:center;
	margin-left:300px;
}
#site_web_referencement .ref .text_ref p{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#424242;
	font-size:12px;
}
#site_web_referencement .ref .text_ref h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#424242;
	font-size:14px;
	background-position: center center;
}
#site_web_referencement .ref .text_ref p.ville{
	font-size:10px;
	margin-top:0px;
	margin-bottom:0px;
}
#pages{
	text-align:center;
}

a#lien_ref {
	margin:10px 0px 10px 250px;
	color:#CC6600;
	font-weight:bold;
	font-size:12px;
}