body {margin:0;padding:0;font-family:Arial;text-align:center;font-size:12px;color:#656565;background:#fcfcfc;}

.clear{clear:both;margin:0;padding:0;height:0;line-height:0;font-size:0;}
.left{float:left;}
.right{float:right;}
.sep{width:2px;}
img{border:none;}
a{text-decoration:underline;font-weight:normal;color:#2a70ae;}
#general #content .no_background{background:none;}
.sep_bas{display:block;background:#246196;border:solid 2px #fff;border-bottom:none;clear:both;margin:0;padding:0;height:12px;line-height:0;font-size:0;margin-left:47px;}

#general #content .callback{}
#general #content .callback input{width:98px;}
#general #content .callback .button_form{float:right;}
#general #content .callback img{display:block;margin:0 auto 5px;}
#general #content .callback input.button{margin-top:6px;}

#general #content.home .callback{}
#general #content.home .callback input{width:80px;}
#general #content.home .callback input.button{width:70px;}

#general{width:747px;margin:auto;text-align:left;/*border:solid 2px #fff;*/background:url(/Dinaofr/images/bg_general.jpg) repeat-x top left #fcfcfc;padding:20px 30px 0 0;}

#general #header{}

#general #header #logo{float:left;width:169px;height:61px;background:url(/Dinaofr/images/logo_dinao.gif) no-repeat;font-family:Verdana, Arial, 'Sans-Serif';color:#fff;text-transform:uppercase;text-decoration:none;display:block;padding:3px 0 0 0;font-size:1.25em;line-height:1em;text-indent:-9000px;margin-left:30px;}

#general #header #menu{background:url(/Dinaofr/images/bg_menu.jpg) repeat-x left -26px;padding-left:11px;float:left;margin-left:29px;border:solid 2px #fff;border-bottom:none;}
#general #header #menu ul{margin:0;padding:0;list-style-type:none;float:left;}
#general #header #menu ul li{display:block;float:left;background:url(/Dinaofr/images/bg_item_menu.jpg) no-repeat left -26px;width:126px;height:71px;}
*+html #general #header #menu ul li{height:69px;}
#general #header #menu ul li h2{font-size:1.083em;margin:0;padding:0;}
#general #header #menu ul li h2 a{display:block;font-size:1em;margin:38px 0 0 10px;text-decoration:none;color:#fff;text-transform:uppercase;font-family:Verdana, Arial, 'Sans-Serif';}

#general #header #bandeau{border:solid 2px #fff;border-top:none;margin-left:47px;}

#footer{border:solid 2px #fff;border-top:none;padding:10px;text-align:right;margin-left:47px;font-size:0.917em;}
#footer ul{list-style-type:none;margin:0;padding:0;float:right;}
#footer ul li{display:inline;padding:0 5px 0 0;}
#footer ul li h2{color:#3685a3;font-size:1em;margin:0;padding:0;display:inline;}
#footer a{color:#3685a3;text-decoration:none;font-size:1em;}
#footer .copyright{float:right;}


#general #services{border:solid 2px #fff;background:#454545;border-top:none;margin-left:47px;}
#general #services .our_services{background:url(/Dinaofr/images/ser.jpg) no-repeat top left;font-family:Verdana, Arial, 'Sans-Serif';color:#fff;text-transform:uppercase;text-decoration:none;display:block;width:169px;height:67px;padding:47px 0 0 10px;float:left;font-size:1.25em;}
#general #services ul{margin:7px 0 0 0;padding:0;list-style-type:none;float:left;}
#general #services ul li{display:block;float:left;}
#general #services ul li a{display:block;font-family:Verdana, Arial, 'Sans-Serif';color:#fff;text-transform:uppercase;text-decoration:none;font-size:1.25em;}
#general #services ul li a.bloc1{background:url(/Dinaofr/images/bloc1.jpg) no-repeat top left;width:162px;height:69px;padding:30px 0 0 12px;}
#general #services ul li a.bloc2{background:url(/Dinaofr/images/bloc2.jpg) no-repeat top left;width:160px;height:69px;padding:30px 0 0 12px;}
#general #services ul li a.bloc3{background:url(/Dinaofr/images/bloc3.jpg) no-repeat top left;width:159px;height:69px;padding:30px 0 0 12px;}

#general #content{border:solid 2px #fff;border-bottom:none;border-top:none;margin-left:47px;}
#general #content p{margin:0;padding:0;}
/*#general #content h3{font-size:1.083em;text-transform:uppercase;margin:0;padding:6px;font-family:Verdana, Arial, 'Sans-Serif';border-bottom:solid 1px #fff;}*/
#general #content div.titre{font-size:1.083em;text-transform:uppercase;margin:0;padding:6px;font-family:Verdana, Arial, 'Sans-Serif';border-bottom:solid 1px #fff;}
#general #content div.titre h1{font-size:1em;display:inline;margin:0;padding:0;}
#general #content ul{padding:0;margin:0;list-style-type:none;}
#general #content .contenu{padding:20px 10px 10px;font-size:0.917em;min-height:320px;}
* html #general #content .contenu{height:320px;}
#general #content .contenu h4{font-size:1.273em;margin:0 0 10px 0;padding:0;}
#general #content .titre_art{font-weight:bold;}
#general #content a.titre_art{text-decoration:none;font-weight:bold;}
#general #content a.more{text-decoration:underline;font-weight:normal;}
#general #content .date{color:#333;font-size:0.85em;}
#general #content .noscontacts{color:#737373; font-weight: bold;display:block;}
#general #content input{margin-top:5px;}
#general #content input.button{background:url(/Dinaofr/images/subs.jpg) no-repeat top left;border:none;color:#fff;width:82px;height:19px;padding-bottom:5px;float:right;margin-top:5px;cursor:pointer;}
#general #content .illustration{margin:0 0 5px 5px;}
#general #content .contenu h2{display:inline;margin:0;padding:0;font-size:1em;}


#general #content ul.point_1 li{background:url(/Dinaofr/images/point_1.jpg) no-repeat top left;padding:0 0 10px 20px;}
#general #content a.point_2{display:block;float:right;background:url(/Dinaofr/images/point_2.jpg) no-repeat left 2px;padding:0 0 10px 20px;color:#3f6b93;font-weight:bold;}
#general #content ul.point_3 li{background:url(/Dinaofr/images/point_3.jpg) no-repeat top left;padding:0 0 10px 20px;}
#general #content ul.point_1 li ul{margin:5px 0 5px 0;}
#general #content ul.point_1 li ul li{background:none;padding:0 0 0 0;list-style-type:circle;margin:0 0 0 15px;}
#general #content.dev_agile ul.point_1{margin-left:10px;}
#general #content.service_collaboratif ul.point_1{margin-left:10px;}
#general #content ul.point_1 li h4{margin:0;padding:0;font-size:1em;} 

#general #content .col_bleu{background:#d1e5ef;}
#general #content .col_bleu div.titre{background:#246196;color:#fff;}
#general #content .col_bleu div.titre a{color:#fff;text-decoration:none;}
#general #content .col_bleu .titre_art{color:#2f7ec4;}
#general #content .col_bleu a.titre_art{color:#2f7ec4;}
#general #content .col_bleu a.more{color:#3685a3;}
#general #content .col_bleu a.all{color:#3f6b93;}
#general #content .col_bleu b{color:#2f7ec4;}

#general #content .col_bleu2{background:#d1e5ef;}
#general #content .col_bleu2 div.titre{background:#2a70ae;color:#fff;}
#general #content .col_bleu2 div.titre a{color:#fff;text-decoration:none;}
#general #content .col_bleu2 .titre_art{color:#2f7ec4;}
#general #content .col_bleu2 a.titre_art{color:#2f7ec4;}
#general #content .col_bleu2 a.more{color:#3685a3;}
#general #content .col_bleu2 a.all{color:#3f6b93;}

#general #content .col_gris{background:#e3e3e3;}
#general #content .col_gris div.titre{background:#737373;color:#fff;}
#general #content .col_gris div.titre a{color:#fff;text-decoration:none;}
#general #content .col_gris .titre_art{color:#2f7ec4;}
#general #content .col_gris a.titre_art{color:#2f7ec4;}
#general #content .col_gris a.more{color:#3685a3;}
#general #content .col_gris a.all{color:#3f6b93;}

#general #content .bloc_photo{}
#general #content .bloc_photo div.left{width:136px;margin-right:10px;}
#general #content .bloc_photo div.right{width:136px;margin-left:10px;}
#general #content .bloc_photo p{margin:0 0 5px 0;}
#general #content .bloc_photo img{display:block;}
#general #content .bloc_photo p.legend{color:#2f7ec4;margin:5px 0 0 0;text-align:center;}
#general #content .bloc_photo p.legend .titre{font-weight:bold;}
#general #content .liste_art .bloc_photo{width:190px;margin:0 0 10px 0;}
#general #content .liste_art .bloc_photo img{display:inline;}
#general #content .liste_art .bloc_photo img.left{margin:0 10px 5px 0;}
/*#general #content .liste_ref .bloc_photo{width:190px;margin:0 0 10px 0;}*/
#general #content .liste_ref .bloc_photo{margin:0 10px 10px;width:205px;}
/*#general #content .liste_ref .bloc_photo img{margin:0 10px 10px 0;}*/
#general #content .liste_ref .bloc_photo img{margin:0 auto 10px;}
#general #content .liste_ref .bloc_photo h4{text-align:center;}
#general #content .liste_ref .bloc_photo p{text-align:justify;}

#general #content .bloc_ref{}
#general #content .bloc_ref.left{/*width:136px;*/margin-right:10px;}
/*#general #content .bloc_ref div.right{width:136px;margin-left:10px;}*/
#general #content .bloc_ref p{margin:0 0 5px 0;}
#general #content .bloc_ref img{display:block;}
#general #content .bloc_ref p.legend{color:#2f7ec4;margin:5px 0 0 0;text-align:center;}
#general #content .bloc_ref p.legend .titre{font-weight:bold;}
#general #content .liste_ref ul{margin:0 0 10px 15px;width:31%;}


#general #content.home .size{width:480px}
#general #content.home .size2{width:215px}
#general #content.home .partenaire{width:150px;margin:auto;}
#general #content.home .right.size2 .contenu{min-height:0;}


#general #content.about .size{width:261px}
#general #content.about .size2{width:171px}
#general #content.about .size3{width:260px;background:#f3f3f3;}

#general #content.products .size{background:#f3f3f3;}

#general #content.clients .size{background:#f3f3f3;}

#general #content.contacts .size{width:210px;}
#general #content.contacts .size2{width:486px;background:#f3f3f3;}
#general #content.contacts .left.size .contenu{min-height:0;}
#general #content.contacts .bg_gris{background:#E3E3E3;}

#general #content.mention_legales .size{width:245px;}
#general #content.mention_legales .size2{width:451px;background:#f3f3f3;}


#general #content .pagination{text-align:center;}
#general #content .pagination a{text-decoration:underline;font-weight:bold;}
#general #content .pagination a.prec{text-decoration:none;}
#general #content .pagination a.suiv{text-decoration:none;}
#general #content .pagination a.select{text-decoration:none;}

#general #content .form{}
#general #content .form div{margin:0 0 5px 0;}
#general #content .form label{display:block;}
#general #content .form input{display:block;width:90%;margin:0 0 10px 0;}
#general #content .form textarea{display:block;width:90%;margin:0 0 10px 0;}
#general #content .form input.radio{width:auto;vertical-align:middle;float:left;padding:0;margin:0 5px 0 0;}
#general #content .form select{font-size:0.917em;/*width:90%;*/}
#general #content .form .button{background:url(/Dinaofr/images/subs.jpg) no-repeat left top;float:none;border:medium none;color:#FFFFFF;height:19px;margin:5px auto 10px auto;padding-bottom:5px;width:82px;cursor:pointer;}
#general #content .form textarea.mess{height:200px;}

#general #content.contacts .form{padding:0 20px 0 20px;}

#general #content.recrutement .form{padding:0 30px 0 30px;width:260px;margin:auto;}
#general #content.recrutement .form textarea.mess {height:90px;}

#general #content .list_serv{padding:10px 0 10px 0;}
#general #content .list_serv ul{margin:0 0 0 25px;}
#general #content .list_serv h4{color:#2f7ec4;}
#general #content .list_serv ul li a{color:#000;}


#general #content .no_background{background:none;}

span.AdminLabelError{font-weight: bold;font-size: 14px;width: 0px;background-color: Transparent;border: 0px none transparent;}
span.LabelError{font-weight: bold;font-size: 14px;width: 0px;background-color: Transparent;border: 0px none transparent;}
input.AdminTextBoxError{width: 0px;background-color: Transparent;border: 0px none transparent;margin:0;padding:0;height:0;}
input.TextBoxError{width: 0px;background-color: Transparent;border: 0px none transparent;}

#general #content .form .ajax__validatorcallout_popup_table .ajax__validatorcallout_innerdiv{margin:0;}
#general #content .form .ajax__validatorcallout_popup_table .ajax__validatorcallout_innerdiv div{margin:0 0 0 auto;}

#general #content .form input.recrutements_cv_file{float:left;}
#general #content .form input.recrutements_cv{height:0;width:0;margin:0;padding:0;border:none;background:none;float:right;display:inline;}