body {
font-family:arial;
font-size:10px;
background-color: #FFFFFF;
margin:0;
padding:0;
}
.float_right{
float:right;
}
.float_left{
float:left;
margin-right:20px;	
}
.font_size_20{
font-size:20px;
}

#intrazik{
font-family:arial;
font-size:10px;
background-color: #FFFFFF;
margin:0;
width:100%;	
margin: auto 0;
background:url("../images/1px-header-1.jpg") repeat-x;
}

#accueil{
font-family:arial;
font-size:10px;
background-color: #FFFFFF;
margin:0;
width:100%;	
margin: auto 0;
background:url("../images/bg-header-repeat.jpg") repeat-x;
}

a img{
border:none;
}
.clear_both{
clear:both;
}
 #media{
margin-top: 40px;
}
#noUpdate{
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size: x-small;
color: #cccccc;
text-align: left;
width: 210px; 
height: 200px;	
padding: 40px;
}

/********************************** HEADER STYLE *********************************/

#header{
height:158px;
margin:0 auto;
}
#header .menu{
float: right;
}
#header ul{
height:40px;
margin:0;
padding:0;
}
#header li{
float:right;
display:block;
height: 40px;
font-size: 16px;
text-align:center;
line-height:33px;
font-variant: small-caps;
}
#header li a{	
float:left;
height:40px;
display:block;
text-decoration:none;
color:#FFFFFF;
width:100%;
}
.intrazik_menu{
width:85px;
}
.references{
width:120px;
}
.demo{
width:59px;
}
.contacts{
width:97px;
}
.abonnes{
width:88px;
}
#header .highlight_intrazik{
background:url("../images/hover-intrazik.png") no-repeat;
width:85px;	
}
#header .highlight_abonnes{
background:url("../images/abonnes-hover.png") no-repeat;
width:88px;	
}
#header .highlight_contacts{
background:url("../images/contacts-hover.png") no-repeat;
width:97px;
}
#header .highlight_demo{
background:url("../images/demo-hover.png") no-repeat;
width:59px;
}
#header .highlight_references{
background:url("../images/references-hover.png") no-repeat;
width:120px;
}
#header .opacity_100{
filter:alpha(opacity=100);
opacity: 100;		
z-index: 2;  
}
.logo
{
clear:both;
background:transparent;
height:118px;
width:289px;
padding-top:30px;
}

/********************************** CONTENT *********************************/

#content_home{
background:url("../images/img-header-accueil.jpg") no-repeat scroll 50% 0 !important;
margin: 0 auto;
}
#content_intrazik, #content_demo, #content_contacts, #content_abonnes, #content_references, #content_enquete{
background:url("../images/img-header-intrazik.jpg") no-repeat scroll 50% 0 !important;
margin: 0 auto;
}
#content_all{
margin: 0 auto;
width:944px !important;	
}
#content{
margin:45px 0;	
}
.header{
height:119px;
}
.header h1{
font-size:38px;
font-weight:normal;
padding-top:7px;
}
.header_references h1{
font-size:38px;
font-weight:normal;
padding-top:12px;
}
.description {
float:right;
font-size:23px;
padding-left:10px;
}
.description_home{
float:left;
font-size:23px;
padding-left:10px;
}
.padding_top_15{
	padding-top:15px;
}
.center{
text-align:center;
}
#content_enquete .enquete{
margin-top:100px;
}
/*********** page menu style ***********/

#page_menu{
width:215px;
margin:50px 0 0 0;
}
#page_menu ul{
margin:0;
padding:0;
overflow: auto;
}
#page_menu li{
height:74px;
width:215px;
display:block;
font-size: 20px;
line-height:70px;
vertical-align:middle;
padding:0;
}
#page_menu li img{
margin:12px 0 0 1px;
float:left;
}

#page_menu .tab a{
text-decoration:none;
color:#939393;
}
#page_menu .highlight{
background:url("../images/tab-grey.gif") no-repeat;	
}
#page_menu .highlight2{
background:url("../images/tab-grey-top.gif") no-repeat;
}
#page_menu .highlight_top{
background:url("../images/tab-blank-top.gif") no-repeat;
}
#page_menu .highlight_bottom{
background:url("../images/tab-blank-bottom.gif") no-repeat;
}
#page_menu .highlight a{
color:#000000 !important;
}
#page_menu .highlight2 a{
color:#000000 !important;
}
#page_menu .corner{
background:url("../images/round-bottom.jpg") no-repeat !important;
height: 24px;
width: 22px;
float:right;
margin:0;
padding:0;
}

/*********** home style ************/
#content_home h1{
border-bottom:1px solid #CCCCCC;
font-size:23px;
font-weight:normal;
padding-bottom:5px;
width:273px;
font-variant:small-caps;
}
#tips h1, #stats h1{
border-bottom:1px solid #CCCCCC;
font-size:18px;
font-weight:normal;
padding-bottom:5px;
width:273px;
margin:12px 0;
}
#tips h1{
float:left;
}
.button_text_black{
padding-top:5px;
font-size:18px;
color:#000000;
}
.header_span{
font-size:15px;
}
.home_right{
float:right;

}
.home_left{
float:left;
margin-left:0;
}
#content_header{
clear:both;
height:153px;
padding-top:155px;
text-align:center;
}
#content_header p{
color:#8B8B8B;
font-size:12px;
text-align:justify;
}
#content_header .col{
float:left;
width:270px;
margin-right:40px;
}
#content_header .title{
font-size:22px;
color:#FFFFFF;
}
#button_header{
background:transparent url(../images/bouton-header.png) no-repeat scroll 0 0 !important;
border:medium none;
height:78px;
margin:0;
width:169px;
margin-left:10px;
}
#button_header:hover{
background:transparent url(../images/bouton-header.png) no-repeat scroll 0 -78px !important;
color:transparent !important;
cursor:pointer !important;
}
#tips{
background-color:#DCDCDC;
border:1px solid #ABABAB;
float:left;
height:295px;
margin-top:45px;
padding: 0 20px;
width:431px;
margin-right:103px;
}
#stats{
float:right;
margin-top:45px;
line-height:20px;
}
.left_stat{
float:left;
text-align:right;
width:55px;
font-weight:bold;
font-size:14px;
padding-right:20px;
}
.right_stat{
float:right;
color:#868686;
font-size:14px;
}
#home_div{
float:left;
width:273px;
margin:50px 20px;
font-size:14px;
}
#home_div ul{
list-style-type:none;
margin:0;
padding:0;
}#home_div li{
background:transparent url(../images/puce.gif) no-repeat;
padding-left:13px;
color:#868686;
}
.reload_img{
float:right;
margin-top:12px;
}
.tip_image{
clear:both;
}
.tip_text{
font-size:14px;
margin-top:10px;
color:#868686;
}

/*********** page principes ***********/

#page_content_principes{
background:transparent url(../images/content-principe.gif) no-repeat;
width:729px;
height:637px;
float:right;
margin:50px 0 0 0;
}
.column{
float:left;
width:200px;
margin:30px 30px 0 0;
}
.principes_cols{
margin-left:30px;
font-size: 14px;
text-align:justify;
height:195px;
}
#content h4{
margin:0;
font-size:20px;
}
#page_content_principes p{
color:#8b8b8b;
font-size:14px;
text-align:justify;
}
#video{
margin:0 140px;
}
/*********** page fonctionnalites ******/

#page_content_fonctionnalites{
background:transparent url(../images/content-fonctionnalites.gif) no-repeat;
width:729px;
height:744px;
float:right;
margin:50px 0 0 0;
}
#fonctionnalites_div, #services_div,  #options_div{
clear:both;
height:200px;
margin:35px;
}
#fonctionnalites_div .fonctionnalites_right{
width:320px;
float:right;
height: 150px;
}
#fonctionnalites_div .fonctionnalites_left{
width:320px;
float:left;
margin-right:15px;
height:240px;
}
#fonctionnalites_div p,#services_div p,#page_content_formations p,#page_content_options p{
font-size:14px;
text-align:justify;
margin:14px 0;
}
#formations_div{
clear:both;
margin:35px;
}
/*********** page options **************/
#page_content_options{
background:transparent url(../images/content-options.gif) no-repeat;
width:729px;
height:630px;
float:right;
margin:50px 0 0 0;
}
#options_div .options_right{
width:320px;
float:right;
height: 222px;
}
#options_div .options_left{
width:320px;
float:left;
margin-right:15px;
}
#page_content_options .top{
margin:35px;
}
/*********** page services *************/

#page_content_services{
background:transparent url(../images/content-service.gif) no-repeat;
width:729px;
height:451px;
float:right;
margin:50px 0 0 0;
}

.service_image{
float:left;
width:130px;
margin-top:12px;
}
.service_text{
float:right;
width:502px;	
}

/*********** page formations *************/
#page_content_formations{
background:transparent url(../images/content-formation.gif) no-repeat;
width:729px;
height:738px;
float:right;
margin:50px 0 0 0;
}
.formations_images{
float:left;
width:130px;
margin-top:50px;
}
.formations_text{
float:right;
width:490px;
margin-top:45px;
}
.formations_text p{
margin:0 0 20px; !important;
}
#page_content_formations .bottom_div{
clear:both;
padding-top:20px;
}

/******************* page demo *******************/

#demo_div{
height:226px;
margin:60px 0;
}
#demo_div h4{
font-size:26px;
font-weight:normal;
margin-bottom:30px;
}
#demo_div p{
font-size:15px;
}
#contact_button{
background:transparent url(../images/bouton-acces.png) no-repeat scroll 0 0;
border:medium none;
height:76px;
margin:0;
width:169px;
float:right
}
.demo_text{
float:left;
width:460px;
text-align:justify;
}
#demo_form{
float:right;
width:400px;
}
#sub_form{
float:right;
width:400px;
margin-top:29px;
}
.row {
padding-bottom:10px;
padding-left:150px;
position:relative;
width:158px;
}
.row label {
font-size:12pt;
left:0;
position:absolute;
text-align:right;
width:143px;
}
.row input {
width:150px;
}
.send {
background:transparent url(../images/bouton-form.jpg) repeat scroll 0 0;
border:0 none;
font-family:arial;
font-size:18px;
height:33px;
line-height:30px;
margin-left:205px;
text-align:center;
width:101px;
}
.error {
color:red;
text-align: right;
font-size:11px;
width:333px;
padding-top:10px;
height: 30px;
}

/******************* page contact ****************/

#contacts_div{
margin:50px 0;
font-size:15px;
}
#contacts_div a{
text-decoration:none;
color:#000000;
}
#contacts_div h4{
font-size:26px;
font-weight:normal;
}
#contacts_div p{
font-size:16px;
}
#contacts_div h5{
font-size:23px;
font-weight:normal;
margin:20px 0;
}
#contacts_div .left_div{
float:left;
width:490px;
margin-left:30px;
}
#contacts_div form{
}
#contacts_line{
}
#contacts_line p {
display:inline;
margin:5px 0 0;
padding-left:5px;
position:absolute;
}
#form_div{
float:right;
width:400px;
}
.special_label{
font-size:16px;
margin:0 0 10px 94px;
}
#contacts_div .row {
padding-left:89px !important;
width:240px !important;
}
#contacts_div .row label {
width:115px;
}
#contacts_div .row input {
margin-left:40px;
width:188px;
}
#contacts_div .row textarea {
margin-left:40px;
width:188px;
}
#contacts_div  .send {
margin:5px 0 0 215px;
}
.form_ok {
color:#818181;
font-size:13pt;
margin-left:110px;
margin-top:206px;
margin-bottom:320px;
}
.validationFailed {
border:1px solid red;
}
.success {
color:green;
font-size:12px;
font-weight:bold;
padding:10px 20px 14px 0;
text-align:left;
width:325px;
}

/******************* page abonnés ****************/

#abo_div{
height:300px;
margin:30px 0;
}
#abo_div .ad_abo{
float:left;
width:500px;
}
#abo_div h4{
font-size:26px;
font-weight:normal;
margin-bottom:30px;
}
#abo_div p{
font-size:15px;
}

/******************* page références *************/

#references_banner{
margin-top:115px;
margin-bottom:20px;
font-size:23px;
text-align:center;
}
#references_banner a{
text-decoration:none;
color:#000000;
}
.font_size_38{
font-size:38px !important;
}
#reference{
float:left;
width: 147px;
height:181px;
margin:10px 20px;
}
#reference img{
position:absolute;
z-index:1;
}
.reference_opacity{		
position:absolute;
z-index:2;
height:135px;
width:147px;
background:transparent url(../images/ref_opacity.png) no-repeat scroll 0 0px !important;
}
.reference_opacity:hover{		
position:absolute;
z-index:2;
height:135px;
width:147px;
background:transparent url(../images/ref_opacity.png) no-repeat scroll 0 -135px !important;
}
#reference_new_line{
clear:left;
float:left;
width: 147px;
height:181px;
margin-right:10px;
margin-bottom:10px;
}
.references_img{
height:135px;
width:147px;
}
.references_text{
height:39px;
padding-top:7px;
width:147px;
font-size:12px;
color:#000000;
background-color:#FFFFFF;
text-align:center;
}

/********************************** FOOTER STYLE *********************************/

#footer{
background:url("../images/bg-footer.jpg") repeat-x ;
height: 281px;
clear:both;
}
#footer .content{
	
background:url("../images/bg-footer.jpg") repeat-x ;
margin:0 auto;
width:944px !important;
height: 281px;
}
#footer_div{
height:187px;
margin:0;
padding-top:65px;
}
#footer_div .left_part{
float:left;
width:700px;
}

#right_part{
float:right;
margin-bottom:46px;
margin-left:50px;
}
#right_part a:link{
background:transparent none repeat scroll 0 0 !important;
}
#right_part a:hover{
background:transparent !important;
}
#footer_div .col_footer{
float:left;
margin-right:20px;
width:155px;
}
#footer_div .col_footer_last{
float:left;
margin-right:20px;
width:155px;
}

#footer_div ul{
padding:0;
margin:0;
list-style-type: none;
}
#footer_div h4{
font-size:12px;
color:#E3E3E3;
border-bottom:1px solid #4E4E4E;
margin-bottom:3px;
padding-bottom:20px;
}
#footer_div a:visited{
background:transparent url(../images/icon-visited.gif) no-repeat scroll 0 50%;
text-decoration:none;
color:#4C4C4C;
padding:0 0 0 10px;
}
.copyright a:visited{
background:none !important;
}
#right_part a{
background:none !important;
color:#FFFFFF !important;
}
.copyright a{
background:none !important;
color:#FFFFFF !important;
}
.copyright a:visited{
background:none !important;
text-decoration:none !important;
color:#FFFFFF !important;
padding:0 !important;
}
.copyright a:hover{
background:none;
color:#FFFFFF;
padding:0;
}
#footer_div a:link{
background:transparent url(../images/icon-fillarrow-gray.gif) no-repeat scroll 0 50%;
color:#787878;
text-decoration:none;
padding:0 0 0 10px;
}
#footer_div a:hover{
background:transparent url(../images/icon-fillarrow-gray.gif) no-repeat scroll 0 50%;
color:#E3E3E3;
padding:0 0 0 10px;
}
#footer_div li{
border-bottom:1px solid #4E4E4E;
margin:0 0 3px;
padding:5px 0;
font-size:10px;
}
#demo_button{
background:transparent url(../images/footer-button.png) no-repeat scroll 0 0;
border:medium none;
height:76px;
margin:0;
width:169px;
margin-left:10px;
}
#demo_button:hover{
background:transparent url(../images/footer-button.png) no-repeat scroll 0 -76px !important;
color:transparent !important;
cursor:pointer !important;
}
.button_text{
padding-top:5px;
font-size:18px;
color:#FFFFFF;
}
.copyright{
color:#FFFFFF;
font-size:11px;
text-align:right;
}
.end_footer{
margin-top:8px;
clear:both;
color:#4C4C4C;	
font-size:11px;
text-align:center;
}